body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
    margin: 0;
    padding: 0
}

body, button, input, select, textarea {
    font: 12px/1 MicrosoftYaHei, "微软雅黑", Tahoma, Helvetica, Arial, "宋体", sans-serif
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 16px
}

h3 {
    font-size: 14px
}

h4, h5, h6 {
    font-size: 100%
}

address, cite, dfn, em, var {
    font-style: normal
}

code, kbd, pre, samp, tt {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

small {
    font-size: 12px
}

.main_title_h2 {
    font-size: 15px;
    font-weight: 200
}

@font-face {
    font-family: icon-zwd;
    src: url(../font/font_519182_oa923uvxikg.eot);
    src: url(../font/font_519182_oa923uvxikg.eot) format('embedded-opentype'), url(../font/font_519182_oa923uvxikg.woff2) format('woff2'), url(../font/font_519182_oa923uvxikg.woff) format('woff'), url(../font/font_519182_oa923uvxikg.ttf) format('truetype'), url(../font/font_519182_oa923uvxikg.svg) format('svg')
}

.icon-zwd {
    font-family: icon-zwd !important
}

.f40font {
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 16px;
    vertical-align: middle;
    margin-top: -2px;
    height: 16px;
    display: inline-block
}

.browser-layer-box {
    display: none;
    position: fixed;
    margin: -139px 0 0 -256px;
    top: 50%;
    left: 50%;
    width: 510px;
    background-color: #fff;
    color: #333;
    border: solid 1px rgba(51, 51, 51, .2);
    z-index: 999
}

.browser-layer-box.hide {
    display: none
}

.browser-layer-title {
    padding: 0 10px;
    height: 48px;
    line-height: 48px;
    background-color: #f5f8fa;
    *zoom: 1
}

.browser-layer-title:before, .browser-layer-title:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-title:after {
    clear: both
}

.browser-layer-title:before, .browser-layer-title:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-title:after {
    clear: both
}

.browser-layer-title:before, .browser-layer-title:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-title:after {
    clear: both
}

.browser-layer-title:before, .browser-layer-title:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-title:after {
    clear: both
}

.browser-layer-title .icon-zwd {
    margin-right: 4px;
    float: left;
    font-size: 18px;
    color: #e1261b
}

.browser-layer-title .text {
    float: left;
    font-size: 16px;
    color: #666
}

.browser-layer-title .close-layer {
    float: right;
    font-size: 20px;
    color: #666;
    cursor: pointer
}

.browser-layer-cont {
    padding: 24px 32px
}

.browser-layer-cont .cont-text {
    font-size: 14px;
    line-height: 22px;
    color: #333
}

.browser-layer-cont .continue-text {
    margin-bottom: 22px;
    font-size: 16px;
    color: #333
}

.browser-list {
    margin-top: -10px;
    *zoom: 1
}

.browser-list:before, .browser-list:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-list:after {
    clear: both
}

.browser-list:before, .browser-list:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-list:after {
    clear: both
}

.browser-list:before, .browser-list:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-list:after {
    clear: both
}

.browser-list:before, .browser-list:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-list:after {
    clear: both
}

.browser-list .browser-item {
    margin-top: 10px;
    float: left;
    width: 33.3%;
    text-align: center;
    list-style: none
}

.browser-list .browser-item a {
    display: inline-block;
    text-decoration: none
}

.browser-list .browser-name {
    margin-top: 12px;
    color: #999
}

.browser-chagne-mode {
    width: 100%
}

.browser-layer-bottom {
    margin-top: 16px;
    height: 38px;
    *zoom: 1
}

.browser-layer-bottom:before, .browser-layer-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-bottom:after {
    clear: both
}

.browser-layer-bottom:before, .browser-layer-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-bottom:after {
    clear: both
}

.browser-layer-bottom:before, .browser-layer-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-bottom:after {
    clear: both
}

.browser-layer-bottom:before, .browser-layer-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.browser-layer-bottom:after {
    clear: both
}

.browser-layer-bottom .browser-notip-again {
    margin: 10px 32px 0 0;
    float: right;
    font-size: 14px;
    color: #999
}

.browser-layer-bottom .browser-notip-cbx {
    vertical-align: middle;
    margin: -3px 5px 0 0
}

.link {
    color: #333;
    font-size: 14px
}

.link:hover {
    color: #e1261b
}

.placard-layer-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .65);
    z-index: 1001;
    display: none
}

.placard-layer-box.hide {
    display: none
}

.placard-layer-box .placard-tips-entry {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block
}

.placard-layer-box .placard-tips-banner {
    width: 100%
}

.placard-layer-box .placard-tips-main {
    position: relative
}

.placard-layer-box .placard-tips-close {
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.placard-layer-box .placard-gongying {
    margin: 100px auto 0;
    width: 850px
}

.placard-layer-box .placard-gongying-close {
    right: 198px;
    top: 118px
}

.placard-layer-box .placard-pickself {
    margin: 60px auto 0;
    width: 750px
}

.placard-layer-box .placard-pickself-close {
    right: 118px;
    top: 150px
}

.placard-layer-box .placard-carAd {
    margin: 100px auto 0;
    width: 750px
}

.placard-layer-box .placard-carAd-close {
    right: 68px;
    top: 55px
}

.placard-layer-box .placard-pickSelfVip {
    margin: 120px auto 0;
    width: 650px
}

.placard-layer-box .placard-pickSelfVip-close {
    right: 8px;
    top: 8px
}

.placard-layer-box .placard-freePostage {
    margin: 120px auto 0;
    width: 800px
}

.placard-layer-box .placard-freePostage-close {
    right: 105px;
    top: 70px
}

.drift-fixed-base {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    z-index: 99
}

.drift-fixed-left, .drift-fixed-right {
    position: fixed;
    _width: 100px;
    min-width: 100px;
    padding-bottom: 10px;
    *zoom: 1;
    visibility: hidden;
    z-index: 66;
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s
}

.drift-fixed-left:before, .drift-fixed-right:before, .drift-fixed-left:after, .drift-fixed-right:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-fixed-left:after, .drift-fixed-right:after {
    clear: both
}

.drift-fixed-left:before, .drift-fixed-right:before, .drift-fixed-left:after, .drift-fixed-right:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-fixed-left:after, .drift-fixed-right:after {
    clear: both
}

.drift-fixed-left:before, .drift-fixed-right:before, .drift-fixed-left:after, .drift-fixed-right:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-fixed-left:after, .drift-fixed-right:after {
    clear: both
}

.drift-fixed-left:before, .drift-fixed-right:before, .drift-fixed-left:after, .drift-fixed-right:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-fixed-left:after, .drift-fixed-right:after {
    clear: both
}

.drift-fixed-left.show, .drift-fixed-right.show {
    opacity: 1;
    visibility: visible
}

.couplet-show {
    opacity: 1;
    visibility: visible
}

.drift-elevator-container {
    *zoom: 1;
    position: relative
}

.drift-elevator-container:before, .drift-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-elevator-container:after {
    clear: both
}

.drift-elevator-container:before, .drift-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-elevator-container:after {
    clear: both
}

.drift-elevator-container:before, .drift-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-elevator-container:after {
    clear: both
}

.drift-elevator-container:before, .drift-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.drift-elevator-container:after {
    clear: both
}

.drift-elevator-container .drift-controlBtns {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    color: #FFF
}

.drift-elevator-container .drift-controlBtns .prevBtn, .drift-elevator-container .drift-controlBtns .nextBtn {
    position: absolute;
    padding: 20px 2px;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    display: none;
    transition: all .2s linear
}

.drift-elevator-container .drift-controlBtns .prevBtn:hover, .drift-elevator-container .drift-controlBtns .nextBtn:hover {
    background-color: rgba(0, 0, 0, .8)
}

.drift-elevator-container .drift-controlBtns .prevBtn {
    left: 0
}

.drift-elevator-container .drift-controlBtns .nextBtn {
    right: 0
}

.left-adshow {
    position: relative
}

.right-adshow {
    position: relative;
    width: 100px;
    height: 200px
}

.drift-adshow {
    text-align: center;
    width: 100px;
    height: 200px;
    overflow: hidden;
    position: relative
}

.drift-carousel-container {
    width: 100px;
    height: 200px;
    overflow: hidden
}

.drift-carousel-container li {
    width: 100px;
    height: 200px
}

.drift-carousel-tri-container {
    display: none;
    position: absolute;
    bottom: 4px;
    padding: 0 5px;
    right: 5px
}

.drift-carousel-tri-container a, .drift-carousel-tri-container a:hover {
    color: #b7b7b7;
    text-decoration: none;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #b7b7b7;
    border-radius: 50%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s
}

.drift-carousel-tri-container .icon-zwd {
    cursor: pointer
}

.drift-carousel-tri-container .drift-icon-clicked, .drift-carousel-tri-container .drift-icon-clicked:hover {
    color: #e1261b;
    display: inline-block;
    text-decoration: none;
    background: #e1261b;
    width: 17px;
    border-radius: 8px
}

#J_driftL {
    _left: 93px
}

#J_driftR {
    _right: 93px
}

.left-down-adshow, .right-down-adshow {
    position: relative;
    margin-top: 10px
}

.market-elevator-container {
    position: relative;
    margin-left: 28px;
    margin-top: 200px;
    *zoom: 1;
    width: 43px;
    _width: 46px;
    height: 42px;
    overflow: hidden;
    background: #fff;
    display: none
}

.market-elevator-container:before, .market-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-elevator-container:after {
    clear: both
}

.market-elevator-container:before, .market-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-elevator-container:after {
    clear: both
}

.market-elevator-container:before, .market-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-elevator-container:after {
    clear: both
}

.market-elevator-container:before, .market-elevator-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-elevator-container:after {
    clear: both
}

.market-elevator-container.show {
    display: block
}

.right-down-adshow {
    position: relative
}

.market-elevator {
    border: 1px solid #eee;
    text-align: center;
    cursor: pointer;
    color: #fff
}

.market-elevator a {
    padding: 5px;
    width: 32px;
    display: block;
    color: #666;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.market-elevator a:hover {
    background: #e1261b;
    color: #fff
}

.market-elevator .icon-zwd {
    cursor: pointer;
    font-size: 30px
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateY(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-5px);
        -webkit-transform: translateY(-5px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(5px);
        -webkit-transform: translateY(5px)
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateY(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-5px);
        -moz-transform: translateY(-5px)
    }
    20%, 40%, 60%, 80% {
        -moz-transform: translateX(5px);
        -moz-transform: translateY(5px)
    }
}

@-o-keyframes 'gofive' {
    0%, 100% {
        -o-transform: translateY(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-5px);
        -o-transform: translateY(-5px)
    }
    20%, 40%, 60%, 80% {
        -o-transform: translateX(5px);
        -o-transform: translateY(5px)
    }
}

@keyframes 'gofive' {
    0%, 100% {
        transform: translateY(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-5px);
        transform: translateY(-5px)
    }
    20%, 40%, 60%, 80% {
        transform: translateX(5px);
        transform: translateY(5px)
    }
}

.redPackage-container {
    cursor: pointer;
    display: none;
    position: absolute;
    z-index: 1;
    top: -90px;
    left: 20px;
    animation-name: shake;
    animation-duration: 1.8s;
    -o--name: shake;
    -o-animation-duration: 1.8s;
    -webkit-animation-name: shake;
    -webkit-animation-duration: 1.8s;
    -moz--name: shake;
    -moz-animation-duration: 1.8s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite
}

.redPackage-container * {
    cursor: pointer
}

.floor-container {
    width: 98px;
    border: 1px solid #eee;
    border-radius: 4px;
    position: relative;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 28px;
    left: 0;
    height: 208px
}

.floor-outside {
    padding: 20px 10px 0;
    width: 78px;
    height: 168px;
    overflow: hidden;
    background: #fff;
    transition: height .5s;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -o-transition: height .5s
}

.floor-logo-container {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #eee;
    color: #333;
    position: absolute;
    z-index: 3;
    left: 27px;
    top: -20px;
    line-height: 46px;
    text-align: center
}

.f17icon {
    font-size: 32px
}

.floor-list {
    *zoom: 1
}

.floor-list:before, .floor-list:after {
    display: table;
    content: "";
    line-height: 0
}

.floor-list:after {
    clear: both
}

.floor-list:before, .floor-list:after {
    display: table;
    content: "";
    line-height: 0
}

.floor-list:after {
    clear: both
}

.floor-list:before, .floor-list:after {
    display: table;
    content: "";
    line-height: 0
}

.floor-list:after {
    clear: both
}

.floor-list:before, .floor-list:after {
    display: table;
    content: "";
    line-height: 0
}

.floor-list:after {
    clear: both
}

.floor-item {
    float: left;
    width: 39px;
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #eee;
    margin-top: 13px;
    font-size: 14px
}

.floor-more-container {
    height: 20px;
    line-height: 20px;
    color: #333;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
    clear: both
}

.floor-down-icon {
    font-size: 12px;
    color: #bbb;
    display: inline-block;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.down-click .floor-down-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.floor-overflow {
    overflow: hidden;
    clear: both
}

.floor-more, .floor-more:hover {
    display: block;
    background: #f5f8fa;
    text-align: center;
    color: #333;
    font-size: 12px
}

.floor-name {
    display: inline-block;
    height: 39px;
    line-height: 38px;
    color: #ccc;
    padding: 0 2px;
    font-size: 16px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.floor-name-click {
    border-bottom: 2px solid #333;
    color: #333
}

.small-floor {
    width: 62px
}

.small-floor .floor-outside {
    width: 52px;
    padding: 20px 5px 0
}

.small-floor .floor-more, .small-floor .floor-more-container {
    height: 54px;
    line-height: 54px
}

.small-floor .floor-item {
    float: none;
    margin: 15px auto 0
}

.small-floor .floor-logo-container {
    left: 8px
}

.stick-item {
    margin-top: 10px;
    *zoom: 1
}

.stick-item:before, .stick-item:after {
    display: table;
    content: "";
    line-height: 0
}

.stick-item:after {
    clear: both
}

.stick-item:before, .stick-item:after {
    display: table;
    content: "";
    line-height: 0
}

.stick-item:after {
    clear: both
}

.stick-item:before, .stick-item:after {
    display: table;
    content: "";
    line-height: 0
}

.stick-item:after {
    clear: both
}

.stick-item:before, .stick-item:after {
    display: table;
    content: "";
    line-height: 0
}

.stick-item:after {
    clear: both
}

.drift-fixed-left_v2019, .drift-fixed-right_v2019 {
    height: auto
}

.drift-fixed-left_v2019 .right-adshow, .drift-fixed-right_v2019 .right-adshow {
    width: 105px;
    height: auto
}

.drift-fixed-left_v2019 .drift-adshow, .drift-fixed-right_v2019 .drift-adshow {
    width: 105px;
    position: relative;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.drift-fixed-left_v2019 .drift-carousel-container, .drift-fixed-right_v2019 .drift-carousel-container {
    width: 105px;
    height: auto
}

.drift-fixed-left_v2019 .drift-carousel-container li, .drift-fixed-right_v2019 .drift-carousel-container li {
    width: 105px;
    height: auto;
    background: #fff;
    overflow: hidden
}

.drift-fixed-left_v2019 .drift-carousel-container li a img, .drift-fixed-right_v2019 .drift-carousel-container li a img {
    width: 105px;
    border-radius: 10px
}

@keyframes ceiling {
    0% {
        opacity: .5;
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes ceiling {
    0% {
        opacity: .5;
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes ceiling {
    0% {
        opacity: .5;
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flooring {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: .8;
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes flooring {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: .8;
        transform: translate3d(0, -100%, 0)
    }
}

@-moz-keyframes flooring {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: .8;
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 1;
        top: 100%
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 1;
        top: 100%
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 1;
        top: 100%
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 1;
        top: 100%
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@font-face {
    font-family: icon-zwd;
    src: url(../font/font_519182_2hwamopinyr.eot);
    src: url(../font/font_519182_2hwamopinyr.eot) format('embedded-opentype'), url(../font/font_519182_2hwamopinyr.woff2) format('woff2'), url(../font/font_519182_2hwamopinyr.woff) format('woff'), url(../font/font_519182_2hwamopinyr.ttf) format('truetype'), url(../font/font_519182_2hwamopinyr.svg) format('svg')
}

@font-face {
    font-family: icon-zwd-v2;
    src: url(../font/font_1493153_tyw0w4b62ho.woff2) format('woff2'), url(../font/font_1493153_tyw0w4b62ho.woff) format('woff'), url(../font/font_1493153_tyw0w4b62ho.ttf) format('truetype')
}

.icon-zwd {
    font-family: icon-zwd !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-zwd-v2 {
    font-family: icon-zwd-v2 !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0
}

* {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-weight: 400
}

ul, ol {
    list-style: none
}

* {
    outline: 0
}

a {
    text-decoration: none
}

abbr[title], acronym[title] {
    border-bottom: 1px dotted;
    cursor: help
}

q:before, q:after {
    content: ''
}

legend {
    color: #000
}

fieldset {
    border: 0
}

img {
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
    vertical-align: middle
}

button, input, select, textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    background-color: transparent;
    border: 0
}

hr {
    border: 0;
    height: 1px
}

html {
    overflow-y: scroll
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.wing-left {
    margin-left: 5px
}

.wing-right {
    margin-right: 5px
}

.wing-both {
    margin: 0 5px
}

.font-title-bold {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.font-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.font-content-bold {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.font-content {
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: lighter
}

.font-info {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.font-brief {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 400
}

.font-brief-highlight {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 12px;
    color: #e1261b;
    font-weight: 400
}

.promote-nav-outside {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e1261b;
    background: #fff
}

.promote-nav-container {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    *zoom: 1
}

.promote-nav-container:before, .promote-nav-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-nav-container:after {
    clear: both
}

.promote-nav-container:before, .promote-nav-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-nav-container:after {
    clear: both
}

.promote-nav-container:before, .promote-nav-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-nav-container:after {
    clear: both
}

.promote-nav-container:before, .promote-nav-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-nav-container:after {
    clear: both
}

.position-container {
    position: relative
}

/*.nav-item {*/
/*    box-sizing: border-box;*/
/*    display: inline-block;*/
/*    font-size: 15px;*/
/*    padding: 0 18px;*/
/*    _padding: 0 17px;*/
/*    transition: background .5s;*/
/*    -moz-transition: background .5s;*/
/*    -o-transition: background .5s;*/
/*    -webkit-transition: background .5s;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    text-align: center;*/
/*    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;*/
/*    color: #333;*/
/*    font-size: 16px;*/
/*    font-weight: initial;*/
/*    display: table-cell;*/
/*    word-break: keep-all*/
/*}*/

/*.nav-item.active {*/
/*    color: #e1261b;*/
/*    font-weight: 700*/
/*}*/

.nav-border {
    display: inline-block;
    margin: 0 20px;
    width: 1px;
    height: 16px;
    background-color: #999;
    vertical-align: -3px
}

.zIndex-nav {
    z-index: 3
}

.promote-nav-clicked {
    border-bottom: 3px solid #e1261b
}

@-webkit-keyframes swaythis {
    from {
        top: 2px
    }
    50% {
        top: 0
    }
    to {
        top: 2px
    }
}

.new {
    /*display: block;*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*top: 5px;*/
    /*right: 4px;*/
    /*width: 9px;*/
    /*height: 11px;*/
    /*background: url(../image/new.png);*/
    /*-moz-transition: top .5s ease;*/
    /*-webkit-transition: top .5s ease;*/
    /*-ms-transition: top .5s ease;*/
    /*transition: top .5s ease;*/
    /*-webkit-animation: swaythis .9s .4s linear infinite;*/
    /*-ms-animation: swaythis .9s .4s linear infinite;*/
    /*animation: swaythis .9s .4s linear infinite*/
}

.h {
    -moz-transition: top .5s ease;
    -webkit-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -webkit-animation: h .9s .4s linear infinite;
    -ms-animation: swaythis .9s .4s linear infinite;
    transition: top .5s ease;
    animation: h .9s .4s linear infinite;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 18px
}

.h .h-icon {
    font-size: 12px
}

.h .h-font {
    background: #e1261b;
    top: 0;
    float: right;
    line-height: normal;
    padding: 2px 7px;
    border-radius: 10px 10px 10px 0;
    color: #FFF
}

.h .h-font-shengji {
    left: -4px;
    font-size: 13px;
    font-weight: 400;
    white-space: normal;
    word-break: keep-all
}

.h .h-renzheng, .h .h-48hfahuo, .h .h-36hfahuo, .h .h-guangban {
    position: absolute;
    top: -12px;
    left: 12px;
    width: 60px;
    height: 22px;
    background-size: 100%;
    background-repeat: no-repeat
}

.h .h-renzheng {
    background-image: url(../image/iconRenzheng.png)
}

.h .h-48hfahuo {
    background-image: url(../image/icon48hfahuo.png)
}

.h .h-36hfahuo {
    background-image: url(../image/icon36hfahuo.png)
}

.h .h-guangban {
    background-image: url(../image/iconGongYing.png)
}

.h-left {
    left: 0
}

.h-font {
    display: inline-block;
    position: absolute;
    z-index: 4;
    left: 2px;
    top: -2px;
    color: #222;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.main-shop-container {
    width: 190px;
    height: 40px;
    color: #fff;
    float: left;
    text-align: center
}

.main-shop-container-new {
    width: 220px;
    height: 40px;
    color: #fff;
    float: left;
    text-align: center
}

.over-hide {
    overflow: hidden
}

.main-shop-link, .main-shop-link:hover {
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    color: #fff;
    background: #e1261b;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    cursor: default
}

.main-shop-link .site-nav-icon, .main-shop-link:hover .site-nav-icon {
    margin-left: 80px
}

.main-nav-container {
    float: left;
    margin-left: 20px;
    max-width: 990px;
    height: 100%;
    position: relative
}

.main-nav-container .border-line {
    display: none;
    position: absolute;
    left: 20px;
    bottom: 0;
    height: 3px;
    width: 30px;
    background: #e1261b;
    text-align: center
}

.main-nav-container > .main-nav-wrapper {
    font-size: 0;
    display: table
}

.main-nav-container > .main-nav-wrapper > a > i {
    color: #fff;
    font-size: 14px;
    position: relative
}

.main-nav-container {
    float: left;
    margin-left: 20px;
    width: 960px;
    max-width: 990px;
    height: 100%;
    position: relative
}

.main-nav-container .border-line {
    display: none;
    position: absolute;
    left: 20px;
    bottom: 0;
    height: 3px;
    width: 30px;
    background: #e1261b;
    text-align: center
}

.main-nav-container > .main-nav-wrapper {
    font-size: 0;
    display: table
}

.main-nav-container > .main-nav-wrapper > a > i {
    color: #fff;
    font-size: 14px;
    position: relative
}

.nav-line {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #fff;
    margin-top: 10px;
    float: left
}

.shop-icon {
    font-size: 15px
}

.nav-number {
    display: none;
    position: absolute;
    z-index: 4;
    top: 5px;
    right: 0;
    color: #fff;
    line-height: 12px;
    -moz-transition: top .5s ease;
    -webkit-transition: top .5s ease;
    -ms-transition: top .5s ease;
    transition: top .5s ease;
    -webkit-animation: swaythis .9s .4s linear infinite;
    -ms-animation: swaythis .9s .4s linear infinite;
    animation: swaythis .9s .4s linear infinite
}

.nav-number i {
    color: #fef436;
    font-size: 12px
}

.nav-number span {
    position: absolute;
    top: -2px;
    left: -22px;
    font-size: 12px;
    text-align: center;
    line-height: 7px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    color: #222;
    font-weight: 700;
    float: right;
    background: #e1261b;
    padding: 7px 6px;
    border-radius: 10px 10px 10px 0;
    color: #FFF
}

.sidebar-container {
    width: 32px;
    z-index: 1000;
    transition: width .5s;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    -webkit-transition: width .5s;
    *zoom: 1;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%
}

.sidebar-container:before, .sidebar-container:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-container:after {
    clear: both
}

.sidebar-container:before, .sidebar-container:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-container:after {
    clear: both
}

.sidebar-container:before, .sidebar-container:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-container:after {
    clear: both
}

.sidebar-container:before, .sidebar-container:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-container:after {
    clear: both
}

.sidebar-container .quick-login-in-sidebar {
    color: #666;
    width: 300px;
    padding: 0 20px;
    text-align: left;
    margin-top: 40px
}

.sidebar-container .quick-login-in-sidebar .login-header {
    overflow: hidden;
    margin-bottom: 30px
}

.sidebar-container .quick-login-in-sidebar .link-login, .sidebar-container .quick-login-in-sidebar .link-register {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.sidebar-container .quick-login-in-sidebar .link-register {
    color: #666
}

.sidebar-container .quick-login-in-sidebar .link-login {
    color: #333;
    border-color: #f50
}

.sidebar-container .quick-login-in-sidebar .login-btn {
    margin-top: 0;
    width: 100%;
    margin-bottom: 28px
}

.sidebar-container .quick-login-in-sidebar .login-input {
    width: 260px
}

.sidebar-container .quick-login-in-sidebar .qq-login, .sidebar-container .quick-login-in-sidebar .wangwang-login {
    color: inherit
}

.sidebar-container .quick-login-in-sidebar .help-links {
    text-align: right;
    margin-top: 26px;
    margin-bottom: 40px
}

.sidebar-container .quick-login-in-sidebar .help-link {
    color: inherit;
    margin-right: 20px
}

.sidebar-container .quick-login-in-sidebar .help-link:hover {
    color: #f50
}

.sidebar-container .quick-login-in-sidebar .icon-login-qq {
    color: #56cb00 !important;
    font-size: 16px
}

.sidebar-container .quick-login-in-sidebar .icon-login-wangwang {
    color: #0e97e1 !important;
    font-size: 16px
}

.sidebar-container .quick-login-in-sidebar .qq-login {
    margin-right: 30px
}

.sidebar-container .quick-login-in-sidebar .error-info {
    height: 28px;
    line-height: 28px;
    color: #666;
    border: 1px solid #ffb4a8;
    background: #fef2f2;
    padding-left: 10px;
    margin-bottom: 10px;
    display: none
}

.sidebar-container .quick-login-in-sidebar .icon-error {
    color: #f50 !important;
    font-size: 14px;
    margin-right: 12px
}

.sidebar-outside-container {
    width: 324px;
    height: 100%
}

.sidebar-item {
    width: 32px;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px 5px;
    transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    -webkit-transition: color .5s;
    background: #e1261b
}

.sidebar-item.clicked {
    border-color: #f50
}

.sidebar-item.clicked .icon-zwd {
    color: #fff
}

.sidebar-item .icon-zwd {
    font-size: 12px;
    cursor: pointer;
    color: #fff
}

.sidebar-item:hover {
    color: #fff;
    background: #e1261b;
    z-index: 3
}

.sidebar-item:hover .num {
    color: #e1261b;
    background: #fff
}

.sidebar-item:hover .icon-zwd {
    color: #fff
}

.car-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer
}

.sidebar-hint {
    margin-top: 5px;
    font-size: 12px;
    cursor: pointer;
    line-height: 14px;
    color: #fff
}

.num-hint {
    width: 16px;
    position: relative;
    z-index: 3;
    height: 16px;
    display: inline-block;
    margin-left: 1px
}

@-webkit-keyframes 'swaythis' {
    from {
        top: 4px
    }
    50% {
        top: 1px
    }
    to {
        top: 4px
    }
}

@-moz-keyframes 'swaythis' {
    from {
        top: 4px
    }
    50% {
        top: 1px
    }
    to {
        top: 4px
    }
}

@-o-keyframes 'swaythis' {
    from {
        top: 4px
    }
    50% {
        top: 1px
    }
    to {
        top: 4px
    }
}

@keyframes 'swaythis' {
    from {
        top: 4px
    }
    50% {
        top: 1px
    }
    to {
        top: 4px
    }
}

.num {
    display: inline-block;
    position: absolute;
    z-index: 4;
    top: 5px;
    left: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #e1261b;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: top .3s ease;
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    -webkit-animation: swaythis .6s .4s linear infinite;
    animation: swaythis .6s .4s linear infinite
}

.clicked, .clicked:hover {
    color: #fff;
    background: #e1261b
}

.clicked .num, .clicked:hover .num {
    color: #e1261b;
    background: #fff
}

@-webkit-keyframes 'slide' {
    from {
        width: 0
    }
    to {
        width: 40px
    }
}

@-moz-keyframes 'slide' {
    from {
        width: 0
    }
    to {
        width: 40px
    }
}

@-o-keyframes 'slide' {
    from {
        width: 0
    }
    to {
        width: 40px
    }
}

@keyframes 'slide' {
    from {
        width: 0
    }
    to {
        width: 40px
    }
}

.loaded {
    display: block;
    right: 0;
    width: 40px;
    -webkit-animation-name: slide;
    -moz-animation-name: slide;
    -o-animation-name: slide;
    animation-name: slide;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s
}

.big {
    width: 323px
}

.sidebar-list {
    float: left;
    display: table;
    height: 100%
}

.sidebar-content {
    width: 280px;
    display: none;
    height: 100%
}

.sidebar-content-list {
    float: left;
    width: 280px;
    background: #f1f1f1;
    border-left: 1px solid #eee;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding-right: 10px
}

.sidebar-content-list::-webkit-scrollbar {
    width: 5px
}

.sidebar-content-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #9C9C9C
}

.sidebar-content-list::-webkit-scrollbar-track {
    border-radius: 10px
}

.biu {
    display: block
}

.hidden-man {
    display: none
}

.sidebar-nav {
    background: #fff;
    margin: 0 auto;
    height: 50px;
    *zoom: 1
}

.sidebar-nav .sidebar-nav-all, .sidebar-nav .sidebar-nav-invalid {
    color: #666;
    font-size: 14px;
    padding: 3px;
    float: left;
    cursor: pointer
}

.sidebar-nav .sidebar-nav-all {
    margin: 15px 27px 0 79px
}

.sidebar-nav .sidebar-nav-invalid {
    margin: 15px 0 0 27px
}

.sidebar-nav .sidebar-nav-line {
    margin-top: 16px;
    float: left;
    width: 1px;
    height: 18px;
    background: #e4e4e4
}

.sidebar-nav .active {
    color: #e1261b;
    border-bottom: 2px solid #e1261b
}

.sidebar-nav:before, .sidebar-nav:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-nav:after {
    clear: both
}

.sidebar-nav:before, .sidebar-nav:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-nav:after {
    clear: both
}

.sidebar-nav:before, .sidebar-nav:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-nav:after {
    clear: both
}

.sidebar-nav:before, .sidebar-nav:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-nav:after {
    clear: both
}

.sidebar-invalid-container {
    display: none
}

.sidebar-operater-container {
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    background: #e4e4e4
}

.sidebar-content-left {
    float: left
}

.sidebar-content-left .checkbox-font {
    margin-left: 10px;
    cursor: pointer
}

.sidebar-content-right {
    float: right;
    color: #999;
    margin-right: 10px;
    display: none
}

.check-out-all {
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    color: #666
}

.check-out-all:hover {
    color: #999
}

.sidebar-checkbox, .item-sidebar-checkbox, .shop-sidebar-checkbox {
    display: none
}

.sidebar-checkbox + label, .item-sidebar-checkbox + label, .shop-sidebar-checkbox + label {
    background-color: #FFF;
    border: 1px solid #C1CACA;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 6px;
    display: inline-block;
    position: relative;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -4px
}

.shop-sidebar-checkbox:disabled + label {
    opacity: .5;
    cursor: not-allowed
}

.shop-sidebar-checkbox:disabled + label + span {
    cursor: not-allowed
}

.sidebar-checkbox + label:active, .item-sidebar-checkbox + label:active, .shop-sidebar-checkbox + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

.sidebar-checkbox:checked + label, .item-sidebar-checkbox:checked + label, .shop-sidebar-checkbox:checked + label {
    border: 1px solid #e1261b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
    color: #243441
}

.sidebar-checkbox:checked + label:after, .item-sidebar-checkbox:checked + label:after, .shop-sidebar-checkbox:checked + label:after {
    content: '\2714';
    position: absolute;
    top: -16px;
    left: 0;
    color: #e1261b;
    width: 100%;
    text-align: center;
    padding: 1px 0 0;
    vertical-align: text-top
}

.shops-info-content {
    width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%
}

.shops-info-content .clost-placeholder {
    height: 100px
}

.shops-info-item {
    background: #fff;
    margin-bottom: 10px
}

.shops-header {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
    width: 260px;
    border-bottom: 1px dotted #eee
}

.total {
    color: #999
}

.shops-good-item {
    box-sizing: border-box;
    padding: 5px 6px
}

.good-case {
    *zoom: 1;
    line-height: 56px;
    padding: 0 4px;
    border: 1px dashed #fff;
    position: relative;
    z-index: 2;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.good-case:before, .good-case:after {
    display: table;
    content: "";
    line-height: 0
}

.good-case:after {
    clear: both
}

.good-case:before, .good-case:after {
    display: table;
    content: "";
    line-height: 0
}

.good-case:after {
    clear: both
}

.good-case:before, .good-case:after {
    display: table;
    content: "";
    line-height: 0
}

.good-case:after {
    clear: both
}

.good-case:before, .good-case:after {
    display: table;
    content: "";
    line-height: 0
}

.good-case:after {
    clear: both
}

.good-case .out-of-stock {
    color: #e1261b;
    margin-left: 24px;
    line-height: 24px;
    clear: both
}

.shops-good-item-level {
    float: left
}

.shops-good-item-content {
    float: left;
    width: 219px;
    *zoom: 1
}

.shops-good-item-content:before, .shops-good-item-content:after {
    display: table;
    content: "";
    line-height: 0
}

.shops-good-item-content:after {
    clear: both
}

.shops-good-item-content:before, .shops-good-item-content:after {
    display: table;
    content: "";
    line-height: 0
}

.shops-good-item-content:after {
    clear: both
}

.shops-good-item-content:before, .shops-good-item-content:after {
    display: table;
    content: "";
    line-height: 0
}

.shops-good-item-content:after {
    clear: both
}

.shops-good-item-content:before, .shops-good-item-content:after {
    display: table;
    content: "";
    line-height: 0
}

.shops-good-item-content:after {
    clear: both
}

.good-item-checkbox-container {
    padding-right: 4px
}

.good-img-container {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 56px
}

.good-img-container img {
    width: 50px;
    height: 50px
}

.good-info-list {
    width: 50px;
    padding: 5px 4px;
    box-sizing: border-box;
    float: left;
    line-height: 22px;
    color: #999
}

.good-info-list .info-item {
    max-width: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.good-num-operaer {
    width: 61px;
    float: left;
    height: 26px;
    border: 1px solid #eee;
    overflow: hidden;
    margin-top: 15px;
    margin-left: 4px
}

.num-operaer-item {
    float: left;
    line-height: 26px;
    text-align: center
}

.good-disable {
    float: right;
    color: #e1261b
}

.good-disable .icon-del {
    vertical-align: middle;
    margin-right: 4px;
    color: #e1261b
}

.subtract-jfiwefiowovj, .add-jfiwefiowovj {
    display: block;
    width: 19px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    color: #999;
    background: #F5F8FA
}

.subtract-jfiwefiowovj.disabled {
    pointer-events: none;
    color: #ccc
}

.num-hint {
    width: 22px;
    border: 0;
    color: #999;
    padding: 0 2px;
    box-sizing: border-box;
    margin: 0;
    margin-left: 1px
}

.good-item-total {
    float: right;
    text-align: right;
    overflow: hidden;
    height: 56px;
    padding-left: 4px;
    box-sizing: border-box;
    color: #666
}

.good-item-total .good-price {
    color: #666
}

.delete-container {
    display: none;
    position: absolute;
    z-index: 3;
    top: -1px;
    right: -1px;
    color: #fff;
    background: #e4e4e4;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-align: center;
    line-height: 16px;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.delete-container a, .delete-container a:hover {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.delete-container:hover {
    background: #333
}

.delete-container:hover .icon-zwd {
    color: #fff
}

.good-item-checkbox-container .item-sidebar-checkbox:checked + label:after {
    top: -24px
}

.good-item-checkbox-container .item-sidebar-checkbox:disabled + label {
    opacity: .5;
    cursor: not-allowed
}

.clost-account-container {
    position: static;
    bottom: 0;
    padding-bottom: 20px;
    background: #f1f1f1;
    z-index: 9;
    width: 280px;
    padding: 10px;
    box-sizing: border-box
}

.clost-account-hint {
    height: 30px;
    line-height: 30px;
    color: #333
}

.clost-account-left {
    float: left
}

.clost-account-right {
    float: right;
    color: #e1261b;
    font-size: 14px
}

.clost-account-right .account-price {
    font-size: 14px;
    color: #e1261b
}

.account-price, .account-num {
    font-size: 14px
}

.clost-account-button {
    height: 40px;
    line-height: 40px
}

.clost-account-btn, .clost-account-btn:hover {
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #666;
    background: #e4e4e4;
    text-align: center;
    width: 260px;
    overflow: hidden;
    border: 0;
    font-size: 14px;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    cursor: not-allowed
}

.ok, .ok:hover {
    background: #e1261b;
    color: #fff;
    cursor: pointer
}

.hidden-img {
    width: 280px;
    height: 358px;
    overflow: hidden;
    background: url(../image/null.png)
}

.shops-good-item:hover .good-case {
    border-color: #e4e4e4
}

.shops-good-item:hover .delete-container {
    display: block
}

.line12 {
    line-height: 12px
}

.sidebar-items-container {
    display: table-cell;
    vertical-align: middle
}

.sidebar-items-container .info-item + .info-item {
    margin-top: -1px
}

.sidebar-items-container .info-item {
    display: block;
    position: relative;
    padding: 10px 5px;
    width: 22px;
    text-align: center;
    color: #fff;
    background: #e1261b;
    cursor: pointer;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.sidebar-items-container .info-item .icon-zwd {
    font-size: 12px;
    cursor: pointer;
    color: inherit
}

.sidebar-items-container .info-item:hover .info-item-content {
    display: block
}

.sidebar-items-container .info-item.go-top {
    border-top: 2px solid #fff;
    width: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 !important
}

.sidebar-items-container .info-item.go-top a {
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    color: #666
}

.sidebar-items-container .info-item.go-top a:hover {
    color: #e1261b
}

.sidebar-items-container .info-item.go-top .icon-zwd {
    font-size: 24px;
    color: #fff
}

.sidebar-items-container .info-item .QRcode-info {
    padding: 16px 20px !important
}

.sidebar-items-container .info-item .kefu-content-info {
    padding: 14px !important
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content {
    width: 156px;
    text-align: left
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content .kefu-item {
    display: block;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 17px
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content .kefu-item .kefu-item-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content .kefu-item .kefu-item-title {
    color: #333;
    font-weight: 600
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content .kefu-item .kefu-item-icon {
    color: #999
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content .kefu-item .kefu-item-bottom {
    margin-top: 4px;
    color: #999
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content .kefu-item .kefu-item-hide {
    display: none
}

.sidebar-items-container .info-item .kefu-content-info .kefu-connect-content .kefu-item:last-of-type {
    margin-bottom: 0
}

.sidebar-items-container .active {
    background: #e1261b;
    z-index: 3
}

.sidebar-items-container .active .info-item-content {
    display: block
}

.sidebar-items-container .notice-item {
    display: none;
    top: -1px
}

.sidebar-items-container .notice-item.active {
    color: #fff;
    background: #e1261b;
    z-index: 3
}

.sidebar-items-container .notice-item.active .notice {
    display: block
}

.sidebar-items-container .info-item-content {
    position: absolute;
    top: 0;
    right: 33px;
    background: #fff;
    display: none;
    padding: 10px;
    border: 1px solid #eee;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    margin-right: -1px;
    cursor: default
}

.sidebar-items-container .info-item-content .close-wrapper {
    background: #fafafa;
    text-align: left;
    height: 34px;
    margin: -10px -10px 0 -10px
}

.sidebar-items-container .info-item-content .close {
    color: #ccc;
    position: absolute;
    padding: 10px;
    right: 0
}

.sidebar-items-container .info-item-content.contact-info {
    padding: 10px 7px;
    min-width: 125px
}

.sidebar-items-container .info-item-content.notice {
    padding: 13px 14px 20px;
    width: 228px;
    box-sizing: border-box
}

.sidebar-items-container .info-item-content.notice .title {
    font-size: 16px;
    color: #f50;
    margin-bottom: 10px;
    text-align: left
}

.sidebar-items-container .info-item-content.notice .title .icon-zwd {
    font-size: 16px;
    color: #f50
}

.sidebar-items-container .info-item-content.notice .content {
    color: #666;
    line-height: 20px;
    margin-bottom: 25px;
    text-align: left
}

.sidebar-items-container .info-item-content.notice .link-detail {
    color: #f50;
    float: right;
    text-decoration: underline;
    display: none
}

.sidebar-items-container .info-item-content.notice .link-detail .icon-zwd {
    vertical-align: middle
}

.sidebar-items-container .info-item-content::before {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    right: -5px;
    top: 10px;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    z-index: 2
}

.sidebar-items-container .info-item-content::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    right: -6px;
    top: 9px;
    border-top: 6px solid transparent;
    border-left: 6px solid #eee;
    border-bottom: 6px solid transparent;
    z-index: 1
}

.sidebar-items-container .info-item-content .info-line {
    text-align: left;
    color: #666
}

.sidebar-items-container .info-item-content .info-line .icon-weixin3 {
    position: relative;
    right: -6px;
    top: 3px;
    font-size: 19px;
    cursor: default
}

.sidebar-items-container .info-item-content .info-line span {
    color: #666
}

.sidebar-items-container .info-item-content .info-line-QRcode {
    display: table-cell
}

.sidebar-items-container .info-item-content .info-line-QRcode:first-child {
    padding: 0 2px 0 0
}

.sidebar-items-container .info-item-content .info-line + .info-line {
    margin-top: 14px
}

.sidebar-items-container .info-item-name {
    color: #e1261b;
    margin-top: 5px
}

@media (max-width: 425px) {
    .sidebar-items-container .info-item.go-top {
        bottom: 20px
    }
}

.sidebar-items-container .info-item .qq {
    color: #10b6f2
}

.line-height-container {
    line-height: 21px;
    color: #fff
}

.sidebar-line {
    width: 32px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.go-top {
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.go-top .icon-zwd {
    font-size: 24px;
    color: #fff
}

.bottom-eq-item {
    position: absolute;
    z-index: 2;
    bottom: 86px;
    left: 0;
    width: 32px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.bottom-eq-item:hover .bottom-eq-code-container {
    display: block
}

.bottom-fk-item {
    color: #fff;
    line-height: 32px;
    text-align: center;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    background: #e1261b;
    padding: 0 !important;
    width: 32px !important;
    height: 32px !important
}

.bottom-fk-item .bottom-fk-icon {
    font-size: 22px !important
}

.bottom-fk-item .bottom-fk-icon {
    font-size: 22px
}

.bottom-fk-item:hover .bottom-yjfk-container {
    display: block
}

.bottom-eq-item .icon-zwd, .bottom-fk-item .icon-zwd {
    color: #fff
}

.bottom-eq-item:hover, .bottom-fk-item:hover {
    background: #e1261b
}

.kefu-info {
    top: -1px
}

.bottom-eq-code-container {
    width: 280px;
    height: 165px;
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    z-index: 3;
    right: 32px;
    bottom: 0;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    display: none
}

.bottom-eq-code-container::before {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    right: -5px;
    top: 142px;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    z-index: 2
}

.bottom-yjfk-container {
    width: 74px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    z-index: 3;
    right: 32px;
    bottom: 0;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    display: none
}

.bottom-yjfk-container::before {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    right: -5px;
    top: 10px;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    z-index: 2
}

.bottom-yjfk-container a {
    color: #666;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    display: block
}

.bottom-yjfk-container a:hover {
    color: #e1261b
}

.bottom-two-eq-container {
    width: 120px;
    float: left;
    text-align: center
}

.left-eq {
    margin-right: 20px
}

.bottom-two-eq-img {
    width: 120px;
    height: 122px
}

.bottom-two-eq-font {
    height: 33px;
    line-height: 33px;
    color: #666;
    cursor: default
}

.sidebar-item .car-icon {
    font-size: 20px
}

.sidebar-items-container .info-item .kefu-icon, .sidebar-items-container .info-item .icon-qrcode {
    font-size: 18px
}

.sidebar-items-container .info-item .icon-qrcode {
    -webkit-text-stroke-width: 0
}

.bottom-fk-click, .bottom-fk-click:hover {
    color: #fff
}

.kefu-qq-icon {
    color: #10b6f2
}

.tip-bg {
    background: rgba(0, 0, 0, .2);
    width: 291px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: none
}

.tip-wrap {
    padding: 10px;
    background: rgba(51, 51, 51, .2);
    position: fixed;
    right: 20px;
    top: 280px;
    z-index: 6
}

.tip-wrap .tip-container {
    background: #fff;
    width: 240px;
    height: 175px;
    margin: 0 auto
}

.tip-wrap .tip-container .tip-header {
    font-size: 12px;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #F5F8FA
}

.tip-wrap .tip-container p {
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.tip-wrap .tip-container .icon-warn {
    color: #f40;
    font-size: 45px;
    display: block;
    text-align: center;
    margin-top: 10px
}

.tip-wrap .tip-container .confirm-btn {
    background: #f40;
    color: #fff;
    font-size: 12px;
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer
}

.sidebar-items-container .info-item.group .info-item-content {
    width: 268px;
    height: 178px;
    padding-right: 0;
    padding-left: 20px
}

.sidebar-items-container .info-item.group .info-item-content .info-line {
    width: 120px;
    text-align: center;
    margin-right: 14px;
    float: left;
    color: #666;
    white-space: nowrap
}

.sidebar-items-container .info-item.group .info-item-content .info-line div {
    margin-bottom: 14px;
    color: #666;
    text-align: center
}

.sidebar-items-container .info-item.group .info-item-content .info-line img {
    margin-bottom: 13px
}

.sidebar-items-container .info-item.group .info-item-content .info-line + .info-line {
    margin-top: 0
}

.sidebar-modal-container {
    z-index: 9999;
    position: fixed;
    right: 20px;
    top: 280px;
    background: #fff;
    padding: 32px 20px 32px 24px;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

.sidebar-modal-container .modal-title-wrap {
    color: rgba(0, 0, 0, .75);
    margin-bottom: 16px;
    line-height: 24px;
    *zoom: 1
}

.sidebar-modal-container .modal-title-wrap:before, .sidebar-modal-container .modal-title-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-modal-container .modal-title-wrap:after {
    clear: both
}

.sidebar-modal-container .modal-title-wrap:before, .sidebar-modal-container .modal-title-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-modal-container .modal-title-wrap:after {
    clear: both
}

.sidebar-modal-container .modal-title-wrap:before, .sidebar-modal-container .modal-title-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-modal-container .modal-title-wrap:after {
    clear: both
}

.sidebar-modal-container .modal-title-wrap:before, .sidebar-modal-container .modal-title-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.sidebar-modal-container .modal-title-wrap:after {
    clear: both
}

.sidebar-modal-container .modal-title-wrap .warn {
    font-size: 16px;
    color: #F56A00;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px
}

.sidebar-modal-container .modal-title-wrap .title {
    color: rgba(0, 0, 0, .75);
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px
}

.sidebar-modal-container .modal-content {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    padding-left: 24px;
    margin: 0 auto;
    margin-bottom: 30px
}

.sidebar-modal-container .modal-footer {
    text-align: right
}

.sidebar-modal-container .modal-footer .cancel-btn, .sidebar-modal-container .modal-footer .confirm-btn {
    font-size: 12px;
    padding: 10px 20px;
    border-radius: 2px;
    cursor: pointer
}

.sidebar-modal-container .modal-footer .cancel-btn {
    color: #333;
    border: 1px solid #eee;
    background: #fff
}

.sidebar-modal-container .modal-footer .confirm-btn {
    color: #fff;
    border: 1px solid #222;
    background: #222;
    margin-left: 8px
}

.phoneTopTemplate {
    position: relative;
    z-index: 99999;
    display: flex;
    height: 200px;
    background: #333;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    padding: 0 40px
}

.phoneTopTemplate .phoneclose {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: left
}

.phoneTopTemplate .phoneclose span {
    color: #fff;
    font-size: 62px
}

.phoneTopTemplate .phoneRight {
    display: flex;
    align-items: center
}

.phoneTopTemplate .phoneIcon {
    width: 140px;
    height: 140px;
    margin-right: 20px
}

.phoneTopTemplate .phoneIcon img {
    width: 100%
}

.phoneTopTemplate .PhoneText {
    display: flex;
    flex-direction: column;
    height: 140px;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 12px
}

.phoneTopTemplate .PhoneText p {
    font-weight: lighter;
    font-size: 46px;
    color: #FFF
}

.phoneTopTemplate .PhoneBtn {
    display: block;
    width: 210px;
    height: 64px;
    background: #e1261b;
    color: #fff;
    text-align: center;
    font-size: 46px;
    line-height: 64px;
    font-weight: lighter;
    margin-left: 80px
}

.top-banner-container {
    width: 100%;
    position: relative;
    z-index: 90;
    background: #fff;
    height: 55px;
    overflow: hidden
}

.top-banner-container .top-bigAds-container {
    width: 100%;
    position: relative;
    z-index: 11;
    height: 55px !important;
    background: #fff
}

.top-banner-container .top-bigAds {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    height: 55px
}

.top-banner-container .x_float_icon {
    position: absolute;
    z-index: 2;
    right: 2px;
    cursor: pointer;
    top: 2px;
    padding: 3px;
    background: #fff
}

.top-banner-container .x_float_icon .icon-zwd {
    font-size: 14px;
    cursor: pointer
}

.top-banner-container .clear {
    height: 1px;
    _width: 100%;
    _overflow: hidden
}

.top-banner-container .banner-item {
    text-align: center;
    overflow: hidden;
    height: 55px;
    margin: 0 auto
}

.top-banner-container .xxx-banner-item-container {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 1200px;
    text-align: center
}

.top-banner-container .getBoxShadow {
    box-shadow: 0 0 10px #888
}

.top-banner-container .top-xxx-container {
    height: 55px;
    position: relative;
    z-index: 2;
    width: 1200px;
    margin: 0 auto
}

.top-banner-container .top-xxx-container, .top-banner-container .x-banner-list {
    position: relative;
    z-index: 2;
    width: 1200px;
    margin: 0 auto
}

.top-banner-container .x2 {
    right: -22px;
    box-sizing: border-box;
    width: 20px;
    height: 20px
}

.promote-outside-container {
    height: 128px
}

.promote-outside-container .header-container {
    width: 1200px;
    margin: 0 auto;
    *zoom: 1
}

.promote-outside-container .header-container:before, .promote-outside-container .header-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .header-container:after {
    clear: both
}

.promote-outside-container .header-container:before, .promote-outside-container .header-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .header-container:after {
    clear: both
}

.promote-outside-container .header-container:before, .promote-outside-container .header-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .header-container:after {
    clear: both
}

.promote-outside-container .header-container:before, .promote-outside-container .header-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .header-container:after {
    clear: both
}

.promote-outside-container .logo-container {
    float: left;
    width: 190px;
    margin-top: 25px
}

.promote-outside-container .site-content-container {
    float: left;
    margin-top: 30px;
    height: 97px;
    margin-left: 4px;
    padding-right: 77px
}

.promote-outside-container .site-choose-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    border: 1px solid #f2f2f2;
    height: 28px;
    line-height: 28px;
    width: 78px;
    position: relative;
    z-index: 12;
    color: #333;
    font-size: 16px;
    text-align: center;
    transition: color .3s, border-color .3s;
    -moz-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    -webkit-transition: color .3s, border-color .3s
}

.promote-outside-container .big-arrows-icon {
    font-size: 12px;
    display: inline-block;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    vertical-align: top
}

.promote-outside-container .site-choose-container:hover, .promote-outside-container .phone-click:hover {
    border-color: #e1261b;
    color: #e1261b
}

.promote-outside-container .site-choose-container:hover .big-arrows-icon, .promote-outside-container .phone-click:hover .big-arrows-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.promote-outside-container .site-choose-container:hover .sites-list, .promote-outside-container .phone-click:hover .sites-list {
    display: block;
    top: 29px;
    -webkit-animation-name: siteDrop;
    -moz-animation-name: siteDrop;
    -o-animation-name: siteDrop;
    animation-name: siteDrop;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s
}

.promote-outside-container .sites-hint-container {
    height: 20px;
    line-height: 20px;
    margin-top: 6px;
    color: #999
}

.promote-outside-container .site-icon {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px
}

.promote-outside-container .sites-list {
    position: absolute;
    z-index: 12;
    top: 29px;
    width: 420px;
    padding-top: 10px;
    display: none
}

.promote-outside-container .sites-outside-container {
    border-top: 2px solid #e1261b;
    *zoom: 1;
    padding: 24px 0;
    box-shadow: 0 1px 5px rgba(150, 150, 150, .3);
    border: 1px solid #888 \0;
    background: #fff
}

.promote-outside-container .sites-outside-container:before, .promote-outside-container .sites-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .sites-outside-container:after {
    clear: both
}

.promote-outside-container .sites-outside-container:before, .promote-outside-container .sites-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .sites-outside-container:after {
    clear: both
}

.promote-outside-container .sites-outside-container:before, .promote-outside-container .sites-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .sites-outside-container:after {
    clear: both
}

.promote-outside-container .sites-outside-container:before, .promote-outside-container .sites-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .sites-outside-container:after {
    clear: both
}

.promote-outside-container .site-nav-item {
    font-size: 14px;
    margin-bottom: 18px;
    float: left;
    min-width: 82px;
    text-align: center
}

.promote-outside-container .site-nav {
    color: #666;
    font-size: 16px;
    transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    z-index: 2
}

.promote-outside-container .site-nav::before {
    width: 0;
    border-bottom: 2px solid #e1261b;
    content: "";
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    transition: width .3s;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    -webkit-transition: width .3s
}

.promote-outside-container .site-nav:hover, .promote-outside-container .site-nav-clicked .site-nav, .promote-outside-container .site-nav-clicked:hover .site-nav {
    color: #e1261b;
    font-weight: 700
}

.promote-outside-container .site-nav:hover::before, .promote-outside-container .site-nav-clicked .site-nav::before, .promote-outside-container .site-nav-clicked:hover .site-nav::before {
    width: 100%
}

.promote-outside-container .clear {
    overflow: hidden;
    clear: both
}

.promote-outside-container .site-hint-container {
    color: #989898
}

.promote-outside-container .arrows-container {
    position: absolute;
    color: #e1261b;
    z-index: 3;
    left: 30px;
    top: -5px;
    font-size: 12px
}

.promote-outside-container .search-box {
    float: left;
    margin-top: 26px
}

.promote-outside-container .search-title-list-container {
    *zoom: 1;
    width: 560px
}

.promote-outside-container .search-title-list-container:before, .promote-outside-container .search-title-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-title-list-container:after {
    clear: both
}

.promote-outside-container .search-title-list-container:before, .promote-outside-container .search-title-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-title-list-container:after {
    clear: both
}

.promote-outside-container .search-title-list-container:before, .promote-outside-container .search-title-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-title-list-container:after {
    clear: both
}

.promote-outside-container .search-title-list-container:before, .promote-outside-container .search-title-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-title-list-container:after {
    clear: both
}

.promote-outside-container .search-nav-item {
    height: 24px;
    padding: 0 7px;
    line-height: 24px;
    color: #e1261b;
    float: left;
    cursor: pointer;
    margin-right: 10px
}

.promote-outside-container .search-nav-clicked {
    background: #e1261b;
    color: #fff
}

.promote-outside-container .searchAll {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.promote-outside-container .search-main-content {
    *zoom: 1;
    position: relative;
    z-index: 11
}

.promote-outside-container .search-main-content:before, .promote-outside-container .search-main-content:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-main-content:after {
    clear: both
}

.promote-outside-container .search-main-content:before, .promote-outside-container .search-main-content:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-main-content:after {
    clear: both
}

.promote-outside-container .search-main-content:before, .promote-outside-container .search-main-content:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-main-content:after {
    clear: both
}

.promote-outside-container .search-main-content:before, .promote-outside-container .search-main-content:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-main-content:after {
    clear: both
}

.promote-outside-container .search-main-content .searchAll {
    display: block;
    cursor: pointer
}

.promote-outside-container .search-main-content .camera {
    display: none;
    cursor: pointer
}

.promote-outside-container .search-main-content .icon-zwd-cmr-container {
    display: block
}

.promote-outside-container .search-ytst .searchAll {
    display: none
}

.promote-outside-container .search-ytst .camera {
    display: block
}

.promote-outside-container .search-ytst .icon-zwd-cmr-container {
    display: none
}

.promote-outside-container .search-main-left {
    height: 37px;
    width: 487px;
    border: 1px solid #e1261b;
    float: left;
    border-right: 0
}

.promote-outside-container .search-main-right {
    height: 40px;
    width: 69px;
    float: left
}

.promote-outside-container .search-btn {
    border: 0;
    color: #fff;
    background: #e1261b;
    height: 39px;
    width: 71px;
    font-size: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.promote-outside-container .search-input-container, .promote-outside-container .icon-zwd-cmr-container {
    float: left
}

.promote-outside-container .search-input-container {
    width: 450px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.promote-outside-container .icon-zwd-cmr-container {
    width: 20px;
    margin-left: 7px;
    height: 36px;
    line-height: 36px
}

.promote-outside-container .search, .promote-outside-container .upload-text {
    border: 0;
    width: 454px;
    padding: 0 13px;
    box-sizing: border-box;
    height: 34px;
    line-height: 34px
}

.promote-outside-container .upload-text:-moz-placeholder, .promote-outside-container .search:-moz-placeholder {
    color: #999
}

.promote-outside-container .upload-text::-moz-placeholder, .promote-outside-container .search::-moz-placeholder {
    color: #999
}

.promote-outside-container .upload-text:-ms-input-placeholder, .promote-outside-container .search:-ms-input-placeholder {
    color: #999
}

.promote-outside-container .upload-text::-webkit-input-placeholder, .promote-outside-container .search::-webkit-input-placeholder {
    color: #999
}

.promote-outside-container .upload-text {
    display: none
}

.promote-outside-container .camera-icon, .promote-outside-container .camera-icon:hover {
    color: #989898;
    font-size: 20px;
    cursor: pointer
}

.promote-outside-container .search-link-item {
    padding: 0 5px;
    display: inline-block;
    color: #999;
    transition: color 3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

.promote-outside-container .search-link-item:hover, .promote-outside-container .more-search-link:hover {
    color: #e1261b
}

.promote-outside-container .search-link-list {
    height: 24px;
    line-height: 24px;
    width: 560px;
    overflow: hidden
}

.promote-outside-container .more-search-link {
    transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    color: #909090
}

.promote-outside-container .search-link-list {
    float: left
}

.promote-outside-container .searach-more-container {
    float: right;
    height: 24px;
    line-height: 24px;
    padding-right: 4px;
    display: none
}

.promote-outside-container .header-qr-code-container {
    float: right;
    border: 1px solid #e5e5e5;
    padding: 0 2px 3px 3px;
    margin-top: 26px;
    position: relative;
    z-index: 2
}

.promote-outside-container .qr-code-container {
    color: #e1261b;
    height: 16px;
    line-height: 16px;
    text-align: center
}

.promote-outside-container .x-qr-code-container {
    position: absolute;
    z-index: 3;
    left: -15px;
    top: -1px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #eee
}

.promote-outside-container .x-qr-code-icon {
    cursor: pointer;
    font-size: 13px
}

.promote-outside-container .ytst-link, .promote-outside-container .ytst-link:hover {
    color: #e1261b
}

.promote-outside-container .searchForm-forAD-pop-box {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 37px;
    background: #fff;
    display: none
}

.promote-outside-container .search-dangkou-ranking {
    height: 51px;
    line-height: 51px;
    color: #333;
    padding: 0 20px
}

.promote-outside-container .search-dangkou-ranking a {
    color: #333
}

.promote-outside-container .search-dangkou-ranking a:hover {
    color: #e1261b
}

.promote-outside-container .search-dangkou-img {
    padding: 0 20px;
    overflow: hidden;
    box-sizing: border-box;
    width: 552px
}

.promote-outside-container .search-dangkou-img-item {
    float: left;
    width: 117px;
    height: 170px;
    overflow: hidden;
    margin-right: 16px
}

.promote-outside-container .search-dangkou-img-outside {
    *zoom: 1;
    width: 536px
}

.promote-outside-container .search-dangkou-img-outside:before, .promote-outside-container .search-dangkou-img-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-dangkou-img-outside:after {
    clear: both
}

.promote-outside-container .search-dangkou-img-outside:before, .promote-outside-container .search-dangkou-img-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-dangkou-img-outside:after {
    clear: both
}

.promote-outside-container .search-dangkou-img-outside:before, .promote-outside-container .search-dangkou-img-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-dangkou-img-outside:after {
    clear: both
}

.promote-outside-container .search-dangkou-img-outside:before, .promote-outside-container .search-dangkou-img-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .search-dangkou-img-outside:after {
    clear: both
}

.promote-outside-container .search-adlist-container, .promote-outside-container .search-keyword-container, .promote-outside-container .search-box-upload-item {
    border: 1px solid #222;
    background: #fff;
    height: 284px;
    width: 556px
}

.promote-outside-container .search-adlist-container {
    height: 243px
}

.promote-outside-container .search-box-upload-item {
    height: 288px
}

.promote-outside-container .search-show {
    display: block !important
}

.promote-outside-container .search-show .search-box-adshow-item {
    display: block
}

.promote-outside-container .search-show .search-box-upload-item {
    display: none
}

.promote-outside-container .search-show2 {
    display: block
}

.promote-outside-container .search-show2 .search-box-adshow-item {
    display: none
}

.promote-outside-container .search-show2 .search-box-upload-item {
    display: block
}

.promote-outside-container .search-show2 .search {
    display: none
}

.promote-outside-container .search-show2 .upload-text {
    display: block
}

.promote-outside-container .upload-container {
    padding: 10px
}

.promote-outside-container .upload-box {
    background: #f5f8fa;
    text-align: center;
    height: 82px;
    line-height: 82px;
    width: 538px;
    color: #999
}

.promote-outside-container .upload-btn-container {
    text-align: center
}

.promote-outside-container .upload-btn {
    width: 120px;
    height: 30px;
    border: #e5e5e5 1px solid;
    color: #333;
    line-height: 30px;
    position: relative;
    z-index: 2;
    display: inline-block
}

.promote-outside-container .upload-btn div {
    width: 120px !important;
    height: 30px !important
}

.promote-outside-container .tg-adshow-container {
    margin-top: 20px;
    overflow: hidden;
    width: 556px;
    box-sizing: border-box;
    padding: 0 10px
}

.promote-outside-container .tg-item {
    float: left;
    margin-right: 8px;
    height: 112px;
    width: 173px;
    overflow: hidden
}

.promote-outside-container .outside-tg-adshow {
    *zoom: 1;
    width: 556px
}

.promote-outside-container .outside-tg-adshow:before, .promote-outside-container .outside-tg-adshow:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .outside-tg-adshow:after {
    clear: both
}

.promote-outside-container .outside-tg-adshow:before, .promote-outside-container .outside-tg-adshow:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .outside-tg-adshow:after {
    clear: both
}

.promote-outside-container .outside-tg-adshow:before, .promote-outside-container .outside-tg-adshow:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .outside-tg-adshow:after {
    clear: both
}

.promote-outside-container .outside-tg-adshow:before, .promote-outside-container .outside-tg-adshow:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-outside-container .outside-tg-adshow:after {
    clear: both
}

.promote-outside-container .zx-btn {
    color: #333;
    display: inline-block;
    margin-left: 20px
}

.promote-outside-container .search-keyword-container {
    display: none
}

.promote-outside-container .pop-box-item-add, .promote-outside-container .pop-box-item-add:hover {
    background: #EAEAEA
}

.promote-outside-container .pop-box-item {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
    padding: 0 10px;
    margin: 4px 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.promote-outside-container .pop-box-item .tag, .promote-outside-container .pop-box-item .middle-tag {
    margin-right: 5px;
    color: #999
}

.promote-outside-container .pop-box-item .middle-tag {
    margin-left: 5px
}

.promote-outside-container .pop-box-item:hover {
    text-decoration: none;
    background: #EAEAEA
}

.promote-outside-container .search-keyword-container {
    height: 324px;
    overflow: hidden
}

.promote-outside-container .webuploader-container .webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.promote-outside-container .search-box input {
    outline: 0
}

.promote-outside-container .camera {
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    font-size: 25px
}

.promote-outside-container .small-logo-container {
    height: 62px;
    width: 130px;
    margin-top: 1px;
    float: left;
    display: none;
    overflow: hidden
}

.promote-outside-container .float-head {
    height: 64px;
    border-bottom: 1px solid #eee
}

.promote-outside-container .float-head .logo-container, .promote-outside-container .float-head .sites-hint-container, .promote-outside-container .float-head .search-title-list-container, .promote-outside-container .float-head #keywordList, .promote-outside-container .float-head .header-qr-code-container, .promote-outside-container .float-head .searach-more-container {
    display: none
}

.promote-outside-container .float-head .site-choose-container {
    margin: 17px 0 0 26px
}

.promote-outside-container .float-head .search-box {
    margin-top: 15px
}

.promote-outside-container .float-head .site-content-container {
    height: 64px;
    margin-top: 0
}

.promote-outside-container .float-head .two-god-of-door-container, .promote-outside-container .float-head .check-box-of-form, .promote-outside-container .float-head .small-logo-container {
    display: block
}

.promote-outside-container .float-head .search-input-container, .promote-outside-container .float-head .search, .promote-outside-container .float-head .upload-text {
    width: 392px
}

.promote-outside-container .two-god-of-door-container {
    display: none;
    margin-top: 8px;
    float: right
}

.promote-outside-container .god-of-door-container {
    float: left;
    width: 100px;
    height: 48px;
    overflow: hidden;
    margin-left: 4px
}

.promote-outside-container .real {
    width: 100%;
    z-index: 99;
    background: #fff
}

.promote-outside-container .check-box-of-form {
    float: left;
    padding: 2px 0;
    width: 56px;
    text-align: center;
    height: 31px;
    position: relative;
    z-index: 12;
    display: none
}

.promote-outside-container .check-box-item-container {
    width: 44px;
    border-right: 1px solid #ccc;
    color: #b0b0b0;
    font-size: 13px;
    line-height: 31px;
    height: 31px;
    padding-left: 10px
}

.promote-outside-container .s-down-icon {
    display: inline-block;
    margin-left: -4px;
    color: #ccc;
    font-size: 12px;
    transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    -webkit-transition: transform .3s
}

.promote-outside-container .check-box-font {
    font-size: 12px;
    color: #999
}

.promote-outside-container .check-box-drop-down {
    display: none;
    position: absolute;
    z-index: 3;
    border: 1px solid #e1261b;
    height: 32px;
    line-height: 34px;
    width: 53px;
    top: 106%;
    left: -1px;
    background: #fff
}

.promote-outside-container .check-box-drop-down a {
    text-align: left;
    color: #999;
    transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    display: block;
    width: 42px;
    padding-left: 12px
}

.promote-outside-container .check-box-drop-down a:hover {
    color: #e1261b
}

.promote-outside-container .check-box-of-form:hover .check-box-drop-down {
    display: block;
    top: 100%;
    -webkit-animation-name: xxx_drop;
    -moz-animation-name: xxx_drop;
    -o-animation-name: xxx_drop;
    animation-name: xxx_drop;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s
}

.promote-outside-container .check-box-of-form:hover .s-down-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.promote-outside-container .top-icon-zwd-container {
    float: left;
    margin: 50px 0 0 40px;
    display: none
}

.promote-outside-container .top-icon-wx, .promote-outside-container .top-icon-phone {
    float: left;
    width: 30px;
    position: relative;
    z-index: 6;
    padding-bottom: 16px
}

.promote-outside-container .top-icon-wx {
    margin-right: 20px
}

.promote-outside-container .wx-icon, .promote-outside-container .phone-icon {
    font-size: 30px;
    color: #ccc;
    cursor: default
}

.promote-outside-container .icon-hover-drop-down {
    position: absolute;
    z-index: 12;
    left: -111px;
    top: 100%;
    padding: 10px;
    background: #fff;
    text-align: center;
    display: none
}

.promote-outside-container .top-icon-wx:hover .icon-hover-drop-down, .promote-outside-container .top-icon-phone:hover .icon-hover-drop-down {
    display: block;
    top: 100%;
    -webkit-animation-name: xxx_drop;
    -moz-animation-name: xxx_drop;
    -o-animation-name: xxx_drop;
    animation-name: xxx_drop;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s
}

.promote-outside-container .line {
    padding-right: 10px
}

.promote-outside-container .hide {
    display: none !important
}

.promote-outside-container .ytst-error-hint {
    position: absolute;
    top: 0;
    right: -156px;
    z-index: 3;
    color: #e1261b;
    background: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    width: 136px;
    overflow: hidden;
    transition: right .3s;
    -moz-transition: right .3s;
    -o-transition: right .3s;
    -webkit-transition: right .3s
}

.promote-outside-container .go-show {
    right: 0
}

.promote-outside-container .error-hint-icon {
    font-size: 12px
}

.promote-outside-container .keyword, .promote-outside-container .keyword-adshow-container {
    float: left
}

.promote-outside-container .keyword {
    width: 356px;
    height: 324px;
    overflow-y: auto
}

.promote-outside-container .keyword-adshow {
    width: 200px;
    height: 162px;
    overflow: hidden
}

.promote-outside-container .wzdh .tg-item {
    width: 406px;
    height: 120px;
    margin: 0;
    float: none
}

#J_login, .zx-btn {
    color: #666
}

.zx-btn {
    display: inline-block;
    margin-left: 20px
}

.ax {
    width: 21px;
    height: 9px;
    position: absolute;
    top: -9px;
    left: 115px;
    overflow: hidden;
    background: url(../image/ax.png)
}

.x-ax {
    left: 66px
}

.top-icon-wx:hover .wx-icon, .top-icon-phone:hover .phone-icon {
    color: #e1261b
}

.eq-code {
    left: -66px
}

.clear-line {
    height: 1px
}

#df-btn {
    cursor: pointer
}

.stop-click5-btn, .stop-click5-btn:hover {
    background: #eee;
    cursor: not-allowed
}

.no_gesture {
    cursor: default
}

.promote-hint-container {
    *zoom: 1;
    background: #f2f2f2;
    padding: 3px 0;
    display: none
}

.promote-hint-container:before, .promote-hint-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hint-container:after {
    clear: both
}

.promote-hint-container:before, .promote-hint-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hint-container:after {
    clear: both
}

.promote-hint-container:before, .promote-hint-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hint-container:after {
    clear: both
}

.promote-hint-container:before, .promote-hint-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hint-container:after {
    clear: both
}

.promote-hint {
    margin-top: 3px;
    width: 1180px;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    margin: 0 auto;
    color: #333;
    vertical-align: middle
}

.promote-hint .promote-hint-close {
    float: right;
    margin-right: 5px;
    cursor: pointer
}

.promote-hint a, .promote-hint a:hover {
    text-decoration: underline;
    color: #e1261b
}

.promote-hint-left {
    float: left
}

.promote-hint-icon {
    font-size: 12px
}




.person-info-wrap {
    width: 200px;
    height: 320px;
    background: #fff;
    color: #666;
    text-align: center;
    font-size: 12px;
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    background: #f5f5f5
}

.person-info-wrap a {
    color: #666
}

.person-info-wrap .person-info {
    background: #fff;
    padding-bottom: 16px
}

.person-info-wrap .person-info a:hover {
    color: #e1261b
}

.person-info-wrap .person-info .hi {
    padding: 16px 0;
    line-height: 16px;
    width: 160px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.person-info-wrap .person-info .lh16 {
    height: 16px;
    line-height: 16px
}

.person-info-wrap .person-info .seller-info-tab {
    height: 36px;
    margin-top: 10px
}

.person-info-wrap .person-info .seller-info-tab .left, .person-info-wrap .person-info .seller-info-tab .right {
    display: inline-block;
    width: 90px;
    height: 36px
}

.person-info-wrap .person-info .seller-info-tab .left .on-num, .person-info-wrap .person-info .seller-info-tab .right .on-num, .person-info-wrap .person-info .seller-info-tab .left .off-num, .person-info-wrap .person-info .seller-info-tab .right .off-num {
    color: #e1261b;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 600
}

.person-info-wrap .person-info .seller-info-tab .left {
    border-right: 1px solid #eee
}

.person-info-wrap .person-info .help-link {
    text-decoration: underline;
    color: #666
}

.person-info-wrap .person-info .login-link {
    display: block;
    color: #fff;
    width: 160px;
    height: 28px;
    line-height: 28px;
    background: #e1261b;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 12px
}

.person-info-wrap .person-info .login-link:hover {
    color: #fff
}

.person-info-wrap .person-info .register-link {
    margin-right: 12px
}

.person-info-wrap .person-info .register-link, .person-info-wrap .person-info .seller-link {
    display: inline-block;
    width: 72px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #eaeaea
}

.person-info-wrap .person-info .register-link:hover, .person-info-wrap .person-info .seller-link:hover {
    color: #e1261b;
    border-color: #e1261b
}

.person-info-wrap .person-info .user-center-link {
    display: block;
    width: 160px;
    height: 28px;
    line-height: 28px;
    background: #e1261b;
    color: #fff;
    margin: 0 auto;
    margin-top: 16px
}

.person-info-wrap .person-info .user-center-link:hover {
    color: #fff
}

.person-info-wrap .web-notice {
    background: #fff;
    margin-top: 10px;
    height: 140px
}

.person-info-wrap .web-notice .announcement-tabs {
    display: block
}

.person-info-wrap .web-notice .announcement-tabs .announcement-header {
    border-bottom: 1px solid #eee
}

.person-info-wrap .web-notice .announcement-tabs .announcement-header span {
    color: #333;
    display: inline-block;
    padding: 9px 0 7px;
    margin: 0 25px;
    cursor: pointer
}

.person-info-wrap .web-notice .announcement-tabs .announcement-header span.active {
    border-bottom: 2px solid #e1261b
}

.person-info-wrap .web-notice .announcement-tabs .announcement-header .divider {
    width: 1px;
    display: inline-block;
    height: 12px;
    background: #eee;
    vertical-align: middle
}

.person-info-wrap .web-notice .announcement-tabs .announcement-header .icon-close {
    display: none
}

.person-info-wrap .web-notice .announcement-tabs .announcement-body {
    margin: 10px 0;
    padding: 0 20px
}

.person-info-wrap .web-notice .announcement-tabs .announcement-body .announcement-list {
    height: 78px;
    overflow: hidden
}

.person-info-wrap .web-notice .announcement-tabs .announcement-body .announcement-list li {
    height: 28px;
    line-height: 28px;
    width: 160px;
    text-align: left;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.person-info-wrap .web-notice .announcement-tabs .announcement-body .announcement-list li a {
    color: #999
}

.person-info-wrap .web-notice .announcement-tabs .announcement-body .announcement-list li a:hover {
    color: #e1261b
}

.function-main-container-bottom {
    position: relative;
    margin-left: 16px;
    width: 964px;
    height: 272px;
    box-sizing: border-box
}

.function-main-container-bottom .container-bottom-wapper {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    white-space: nowrap;
    border-radius: 16px;
    overflow: hidden
}

.function-main-container-bottom .container-bottom-imgs {
    position: relative;
    width: 100%;
    height: 100%
}

.function-main-container-bottom .container-bottom-imgs .container-bottom-img {
    display: inline-block;
    margin-right: 16px;
    width: 356px;
    height: 272px;
    user-select: none;
    background-color: #fbfbfb;
    border-radius: 16px;
    text-align: center;
    overflow: hidden
}

.function-main-container-bottom .container-bottom-imgs .container-bottom-img img {
    max-width: 100%;
    max-height: 100%
}

.function-main-container-bottom .container-bottom-imgs .container-bottom-img:hover {
    opacity: .95
}

.function-main-container-bottom .container-bottom-mask {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
    user-select: none;
    pointer-events: none
}

.function-main-container-bottom .container-bottom-more {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #000;
    border-radius: 4px;
    opacity: .5;
    cursor: pointer
}

.function-main-container-bottom .fe-progress-box {
    display: none;
    position: absolute;
    bottom: 0;
    left: 16px;
    width: 932px;
    height: 8px;
    overflow: hidden
}

.function-main-container-bottom .fe-progress-box .fe-progress-bar {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.function-main-container-bottom .fe-progress-box .fe-progress-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 93px;
    height: 8px;
    background: #ccc;
    border-radius: 4px
}

.function-main-container-bottom .fe-progress-box .fe-progress-track {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    height: 4px;
    background: 0 0;
    border-radius: 3px
}

.function-main-container-bottom .fe-progress-box .fe-progress-percent {
    width: 0;
    height: 100%
}

.two-img-ad-wrap {
    width: 410px;
    height: 171px;
    overflow: hidden;
    font-size: 0
}



.two-img-ad-wrap .two-img-ad-container .two-img-ad-item a {
    display: inline-block;
    width: 200px;
    height: 171px;
    overflow: hidden;
    margin-right: 10px
}

.two-img-ad-wrap .two-img-ad-container .two-img-ad-item a:last-child {
    margin-right: 0
}

.two-img-ad-wrap .album-down-img-container {
    display: inline-block;
    height: 171px;
    width: 200px;
    margin-right: 10px
}

.two-img-ad-wrap .album-down-img-container img {
    max-width: 200px;
    min-height: 171px
}

.two-img-ad-wrap .right-down-container {
    display: inline-block;
    height: 171px;
    width: 200px;
    margin: 0
}

.two-img-ad-wrap .right-down-container img {
    max-width: 200px;
    min-height: 171px
}

.promote-revision-function-container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1
}

.promote-revision-function-container:before, .promote-revision-function-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-revision-function-container:after {
    clear: both
}

.promote-revision-function-container:before, .promote-revision-function-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-revision-function-container:after {
    clear: both
}

.promote-revision-function-container:before, .promote-revision-function-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-revision-function-container:after {
    clear: both
}

.promote-revision-function-container:before, .promote-revision-function-container:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-revision-function-container:after {
    clear: both
}

.promote-revision-function-container .mask-duang-container-new {
    height: 644px !important
}

.market-nav-container .line-new {
    width: 188px !important
}

.main-function {
    *zoom: 1
}

.main-function:before, .main-function:after {
    display: table;
    content: "";
    line-height: 0
}

.main-function:after {
    clear: both
}

.main-function:before, .main-function:after {
    display: table;
    content: "";
    line-height: 0
}

.main-function:after {
    clear: both
}

.main-function:before, .main-function:after {
    display: table;
    content: "";
    line-height: 0
}

.main-function:after {
    clear: both
}

.main-function:before, .main-function:after {
    display: table;
    content: "";
    line-height: 0
}

.main-function:after {
    clear: both
}

.revision-function-shop, .revision-function-list {
    float: left
}

.revision-function-shop {
    width: 188px;
    border: 1px solid #e1261b;
    border-top: 0;
    position: relative;
    z-index: 3;
    height: 501px
}

.revision-function-shop-new {
    padding-top: 4px;
    width: 218px;
    border: 1px solid #e1261b;
    border-top: 0;
    position: relative;
    z-index: 3;
    height: 636px !important
}

.market-nav-container {
    height: 154px;
    position: relative;
    z-index: 5;
    background: #fff
}

.shop-nav-title, .function-nav-title {
    height: 41px;
    line-height: 41px;
    font-size: 15px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

.function-nav-title {
    color: #333
}

.market-nav-container .shop-nav-title, .market-nav-link-list {
    padding: 0 10px
}

.revision-function-shop-new .market-nav-container .shop-nav-title, .revision-function-shop-new .market-nav-container .market-nav-link-list {
    padding: 0 16px
}

.red-n-container {
    display: inline-block;
    height: 11px;
    width: 9px;
    background: url(../image/red-n.png)
}

.shop-nav-item {
    width: 168px;
    height: 80px;
    padding: 0 10px;
    position: relative;
    z-index: 2;
    background: #fff
}

.shop-nav-item-new {
    width: 188px;
    padding: 0 16px
}

.shop-nav-item-new.nav1, .shop-nav-item-new.nav2 {
    height: 110px
}

.shop-nav-item-new.nav3 {
    height: 89px
}

.shop-nav-item-new.nav4 {
    height: 91px !important
}

.shop-nav-item-new.nav2 .shop-nav-item-outside {
    border-bottom: 0
}

.shop-nav-item-new.nav3 .shop-nav-item-outside {
    border-bottom: 0
}

.zIndex {
    z-index: 100
}

.shop-nav-item-outside {
    height: 80px
}

.nav2 .shop-nav-item-outside, .nav3 .shop-nav-item-outside {
    height: 78px;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2
}

.nav3 {
    top: -1px
}

.nav4 {
    top: -2px;
    height: 85px
}

.nav2:hover, .nav3:hover {
    z-index: 3
}

.special .shop-nav-item-outside {
    height: 103px
}

.shop-nav-list {
    width: 180px
}

.shop-nav-link {
    color: #999;
    transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

.shop-nav-link:hover {
    color: #e1261b
}

.shop-nav-link-container {
    float: left;
    margin-right: 8px;
    width: 50px;
    height: 14px;
    line-height: 14px;
    color: #9f9f9f;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.shop-nav-link-container-new {
    float: left;
    margin-right: 16px;
    width: 56px;
    height: 14px;
    line-height: 14px;
    color: #9f9f9f;
    margin-bottom: 16px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.shop-nav-link-container-fresh {
    float: left;
    margin-right: 8px;
    width: 63px;
    height: 14px;
    line-height: 14px;
    color: #9f9f9f;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.shop-nav-item-new.nav3 .shop-nav-link-container-fresh:nth-child(2) {
    margin-right: 8px !important
}

.shop-nav-link-container-fresh:last-child {
    width: auto;
    margin-right: 0
}

.special {
    height: 104px
}

.special-new {
    height: 138px
}

.right-asrrow-icon {
    float: right;
    color: #9f9f9f
}

.no-border {
    border: 0
}

.function-main-container {
    float: left
}

.main-banner-container {
    width: 608px;
    height: 300px;
    margin: 4px 5px;
    overflow: hidden
}

.main-down-banner-container {
    margin: 0 5px;
    width: 608px;
    height: 194px;
    overflow: hidden
}

.main-down-banner {
    position: relative;
    z-index: 2
}

.album-container {
    margin: 4px 3px 4px 0;
    width: 179px;
    height: 300px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2
}

.album-item {
    position: relative;
    z-index: 2;
    height: 34px;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    -webkit-transition: height .3s
}

.album-item-title {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    height: 34px;
    color: #999;
    text-align: center;
    width: 179px;
    overflow: hidden;
    line-height: 33px;
    background: #fff
}

.album-item-title a {
    color: #999;
    transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

.tag-chose {
    height: 193px
}

.tag-chose .album-item-title {
    background: rgba(0, 0, 0, .4);
    display: none
}

.tag-chose .album-item-title a {
    color: #fff
}

.album-item-title:hover a {
    color: #e1261b
}

.small-tag-chose {
    height: 34px
}

.album-content {
    width: 180px;
    background: #000
}

.right-carousel-container {
    width: 198px;
    height: 380px;
    margin-top: 4px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.right-down-container {
    margin-top: 4px
}

.function-top-row-container, .function-down-row-container {
    margin-top: 10px;
    *zoom: 1
}

.function-top-row-container:before, .function-down-row-container:before, .function-top-row-container:after, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-top-row-container:after, .function-down-row-container:after {
    clear: both
}

.function-top-row-container:before, .function-down-row-container:before, .function-top-row-container:after, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-top-row-container:after, .function-down-row-container:after {
    clear: both
}

.function-top-row-container:before, .function-down-row-container:before, .function-top-row-container:after, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-top-row-container:after, .function-down-row-container:after {
    clear: both
}

.function-top-row-container:before, .function-down-row-container:before, .function-top-row-container:after, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-top-row-container:after, .function-down-row-container:after {
    clear: both
}

.row-left-container, .row-right-container {
    float: left
}

.row-right-container {
    width: 925px;
    height: 236px;
    overflow: hidden
}

.row-list {
    position: relative;
    z-index: 2
}

.row-left-container {
    width: 258px;
    height: 237px;
    overflow: hidden
}

.row-left-container {
    margin-right: 5px;
    background: #f5f8fa
}

.row-left-container a {
    width: 258px;
    height: 237px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 207px/1em Arial
}

.row-left-container a img {
    max-height: 237px;
    max-width: 258px;
    vertical-align: middle
}

.row-left-container a img {
    max-height: 237px;
    max-width: 258px;
    vertical-align: middle
}

.row-carousel-item {
    height: 236px;
    width: 925px;
    float: left;
    overflow: hidden
}

.row-carousel-element {
    float: left;
    margin-right: 5px;
    width: 195px;
    height: 237px;
    overflow: hidden
}

.big-element {
    margin-right: 0;
    width: 326px;
    height: 237px
}

.row-carousel-container {
    *zoom: 1;
    height: 236px;
    position: relative;
    z-index: 2
}

.row-carousel-container:before, .row-carousel-container:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-container:after {
    clear: both
}

.row-carousel-container:before, .row-carousel-container:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-container:after {
    clear: both
}

.row-carousel-container:before, .row-carousel-container:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-container:after {
    clear: both
}

.row-carousel-container:before, .row-carousel-container:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-container:after {
    clear: both
}

.function-down-row-container {
    *zoom: 1;
    height: 192px;
    width: 1200px;
    width: 1196px
}

.function-down-row-container:before, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-down-row-container:after {
    clear: both
}

.function-down-row-container:before, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-down-row-container:after {
    clear: both
}

.function-down-row-container:before, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-down-row-container:after {
    clear: both
}

.function-down-row-container:before, .function-down-row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.function-down-row-container:after {
    clear: both
}

.down-left-img-container {
    float: left;
    margin-right: 5px;
    background: #f5f8fa;
    width: 258px;
    overflow: hidden;
    height: 190px
}

.down-left-img-container a {
    width: 258px;
    height: 190px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 166px/1em Arial
}

.down-left-img-container a img {
    max-height: 190px;
    max-width: 258px;
    vertical-align: middle
}

.down-left-img-container a img {
    max-height: 190px;
    max-width: 258px;
    vertical-align: middle
}

.down-right-img-container {
    float: left;
    margin-right: 5px;
    background: #f5f8fa;
    height: 190px;
    overflow: hidden;
    width: 306px
}

.down-right-img-container a {
    width: 306px;
    height: 190px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 166px/1em Arial
}

.down-right-img-container a img {
    max-height: 190px;
    max-width: 306px;
    vertical-align: middle
}

.down-right-img-container a img {
    max-height: 190px;
    max-width: 306px;
    vertical-align: middle
}

.function-tow-row-container {
    width: 1200px;
    overflow: hidden
}


.small-prevBtn, .small-nextBtn {
    display: none;
    position: absolute;
    text-align: center;
    z-index: 4;
    width: 24px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    top: 50%;
    margin-top: -20px
}

.small-prevBtn .icon-zwd, .small-nextBtn .icon-zwd {
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    -webkit-text-stroke-width: 0
}

.small-prevBtn {
    left: 0
}

.small-nextBtn {
    right: 0
}

.row-banner-btn a:hover {
    background-color: rgba(0, 0, 0, .7)
}

.main-down-banner-item {
    width: 608px;
    height: 194px;
    overflow: hidden;
    float: left
}

.down-bnner-outside {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.down-bnner-outside a:hover {
    background: rgba(70, 70, 70, .7)
}




.only-two-rows .function-market-container {
    height: 79px
}

.only-two-rows #F_MarketF {
    height: 112px
}

.only-three-rows .function-market-container {
    height: 107px
}

.only-three-rows #F_MarketF {
    height: 140px
}


.market-nav-list {
    height: 114px;
    overflow: hidden;
    position: relative;
    z-index: 4;
    background: #fff;
    transition: height .3s;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s
}

.market-nav-link-list {
    *zoom: 1;
    overflow-x: hidden
}

.market-nav-link-list:before, .market-nav-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-nav-link-list:after {
    clear: both
}

.market-nav-link-list:before, .market-nav-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-nav-link-list:after {
    clear: both
}

.market-nav-link-list:before, .market-nav-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-nav-link-list:after {
    clear: both
}

.market-nav-link-list:before, .market-nav-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-nav-link-list:after {
    clear: both
}

.market-nav-link-item {
    float: left;
    width: 50px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    margin-right: 5px;
    margin-bottom: 14px;
    overflow: hidden
}

.market-nav-link-item a {
    color: #999;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s
}

.market-nav-link-item a:hover {
    color: #e1261b
}

.market-nav-link-item-new {
    float: left;
    width: auto;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    margin-right: 0;
    margin-bottom: 14px;
    overflow: hidden
}

.market-nav-link-item-new a {
    color: #999;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s
}

.market-nav-link-item-new a:hover {
    color: #e1261b
}

.market-nav-link-item-new:nth-child(3n-2) {
    width: 62px;
    margin-right: 5px
}

.market-nav-link-item-new:nth-child(3n-1) {
    width: 62px;
    margin-right: 5px
}

.J_market_drop_down {
    background: #fff;
    width: 188px;
    position: absolute;
    bottom: 0;
    z-index: 5;
    height: 26px;
    line-height: 20px;
    cursor: pointer;
    color: #cacaca;
    left: 0;
    text-align: center;
    border-bottom: 1px solid #f2f2f2
}

.shop-nav-list {
    *zoom: 1
}

.shop-nav-list:before, .shop-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.shop-nav-list:after {
    clear: both
}

.shop-nav-list:before, .shop-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.shop-nav-list:after {
    clear: both
}

.shop-nav-list:before, .shop-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.shop-nav-list:after {
    clear: both
}

.shop-nav-list:before, .shop-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.shop-nav-list:after {
    clear: both
}

.market_clicked a, .market_clicked a:hover {
    color: #e1261b;
    text-decoration: none
}

.markets-searcher {
    width: 729px;
    height: 774px;
    background: #fff;
    position: absolute;
    left: 259px;
    top: 0;
    z-index: 100
}

.searcher-loading {
    margin: 0 auto;
    text-align: center
}

.searcher-loading a {
    width: 93px;
    height: 93px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 81px/1em Arial
}

.searcher-loading a img {
    max-height: 93px;
    max-width: 93px;
    vertical-align: middle
}

.searcher-loading a img {
    max-height: 93px;
    max-width: 93px;
    vertical-align: middle
}

.fn-no-border {
    border: 0 !important
}

.market-market-shop-container {
    position: relative;
    z-index: 4;
    background-color: #fff;
    height: 180px
}

.market-search-container {
    position: relative;
    width: 258px;
    height: 180px;
    background-color: #fff;
    *zoom: 1;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.market-search-container:before, .market-search-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-container:after {
    clear: both
}

.market-search-container:before, .market-search-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-container:after {
    clear: both
}

.market-search-container:before, .market-search-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-container:after {
    clear: both
}

.market-search-container:before, .market-search-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-container:after {
    clear: both
}

.market-search-content {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    *zoom: 1
}

.market-search-content:before, .market-search-content:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-content:after {
    clear: both
}

.market-search-content:before, .market-search-content:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-content:after {
    clear: both
}

.market-search-content:before, .market-search-content:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-content:after {
    clear: both
}

.market-search-content:before, .market-search-content:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-content:after {
    clear: both
}

.market-search-arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 192px;
    line-height: 192px;
    text-align: center;
    color: #e5e5e5
}

.market-search-arrow i {
    cursor: default
}

.market-search-droper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 22px;
    width: 100%;
    line-height: 22px;
    text-align: center;
    background-color: #fff;
    *zoom: 1;
    overflow: hidden
}

.market-search-droper:before, .market-search-droper:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-droper:after {
    clear: both
}

.market-search-droper:before, .market-search-droper:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-droper:after {
    clear: both
}

.market-search-droper:before, .market-search-droper:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-droper:after {
    clear: both
}

.market-search-droper:before, .market-search-droper:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-droper:after {
    clear: both
}

.market-search-droper a {
    text-decoration: none;
    color: #cacaca
}

.market-search-droper a:hover {
    color: #b1b1b1
}

.market-search-header {
    height: 30px;
    line-height: 30px
}

.market-search-header h3 {
    color: #333;
    font-weight: 700;
    margin-left: 16px
}

.market-search-header span {
    margin-left: 8px;
    color: #e1261b
}

.market-search-markets {
    margin-right: -2px;
    _margin-right: -4px;
    *zoom: 1
}

.market-search-markets:before, .market-search-markets:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-markets:after {
    clear: both
}

.market-search-markets:before, .market-search-markets:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-markets:after {
    clear: both
}

.market-search-markets:before, .market-search-markets:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-markets:after {
    clear: both
}

.market-search-markets:before, .market-search-markets:after {
    display: table;
    content: "";
    line-height: 0
}

.market-search-markets:after {
    clear: both
}

.market-search-markets-item {
    overflow: hidden;
    _position: relative;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 64px;
    line-height: 16px;
    height: 16px;
    border-right: 1px solid #ddd;
    margin-bottom: 10px
}

.market-search-markets-item a {
    color: #333;
    cursor: pointer;
    padding: 2px 0
}

.market-search-markets-item a:hover {
    text-decoration: none;
    color: #f37
}

.market-search-markets-item-current a {
    color: #e1261b
}

.market-searcher, .mask-duang-container {
    position: absolute;
    z-index: 999;
    top: -1px;
    left: 189px;
    background: #fff;
    width: 998px;
    border: 1px solid #eee
}

.markets-searcher-off-btn {
    position: absolute;
    right: 24px;
    top: 14px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    z-index: 5
}

.markets-searcher-off-btn a {
    cursor: pointer;
    color: #ccc
}

.markets-searcher-off-btn a i {
    cursor: pointer;
    font-size: 24px
}

.markets-searcher-off-btn a:hover {
    text-decoration: none;
    color: #b3b3b3
}

.market-searcher-function {
    *zoom: 1;
    height: 502px;
    width: 997px;
    position: relative;
    background-color: #fff
}

.market-searcher-function:before, .market-searcher-function:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-function:after {
    clear: both
}

.market-searcher-function:before, .market-searcher-function:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-function:after {
    clear: both
}

.market-searcher-function:before, .market-searcher-function:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-function:after {
    clear: both
}

.market-searcher-function:before, .market-searcher-function:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-function:after {
    clear: both
}

.market-clear-container {
    width: 841px;
    float: left;
    height: 502px;
    position: relative;
    background-color: #fff
}

.market-clear {
    background-color: #fff;
    width: 841px;
    height: 360px;
    position: relative
}

.mask-duang-container {
    height: 504px;
    box-sizing: border-box;
    top: -1px;
    display: none;
    -webkit-animation-name: maskxxx;
    -moz-animation-name: maskxxx;
    -o-animation-name: maskxxx;
    animation-name: maskxxx
}

.market-searcher-function, .mask-duang-container {
    border-top: 1px solid #eee
}

.market-searcher-ad {
    height: 194px;
    width: 997px;
    background-color: #fff
}

.market-searcher-ad a {
    width: 588px;
    height: 194px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 169px/1em Arial
}

.market-searcher-ad a img {
    max-height: 194px;
    max-width: 588px;
    vertical-align: middle
}

.market-searcher-ad a img {
    max-height: 194px;
    max-width: 588px;
    vertical-align: middle
}

.markets-searcher-hot {
    text-align: center;
    background: #fff;
    height: 36px;
    line-height: 36px;
    *zoom: 1;
    cursor: pointer;
    width: 79px;
    color: #666;
    border-bottom: 1px solid #eee
}

.markets-searcher-hot:before, .markets-searcher-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot:after {
    clear: both
}

.markets-searcher-hot:before, .markets-searcher-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot:after {
    clear: both
}

.markets-searcher-hot:before, .markets-searcher-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot:after {
    clear: both
}

.markets-searcher-hot:before, .markets-searcher-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot:after {
    clear: both
}

.markets-searcher-hot h3 {
    font-weight: 400;
    cursor: pointer;
    width: 100px;
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: 700
}

.markets-searcher-hot .market-searcher-hot-arrow {
    float: right;
    width: 20px;
    height: 30px;
    line-height: 30px;
    color: #eee;
    font-size: 12px;
    *zoom: 1
}

.markets-searcher-hot .market-searcher-hot-arrow:before, .markets-searcher-hot .market-searcher-hot-arrow:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot .market-searcher-hot-arrow:after {
    clear: both
}

.markets-searcher-hot .market-searcher-hot-arrow:before, .markets-searcher-hot .market-searcher-hot-arrow:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot .market-searcher-hot-arrow:after {
    clear: both
}

.markets-searcher-hot .market-searcher-hot-arrow:before, .markets-searcher-hot .market-searcher-hot-arrow:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot .market-searcher-hot-arrow:after {
    clear: both
}

.markets-searcher-hot .market-searcher-hot-arrow:before, .markets-searcher-hot .market-searcher-hot-arrow:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-hot .market-searcher-hot-arrow:after {
    clear: both
}

.market-searcher-floors {
    float: left;
    position: relative;
    width: 93px;
    padding: 0 7px;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    height: 100%;
    *zoom: 1
}

.market-searcher-floors:before, .market-searcher-floors:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floors:after {
    clear: both
}

.market-searcher-floors:before, .market-searcher-floors:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floors:after {
    clear: both
}

.market-searcher-floors:before, .market-searcher-floors:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floors:after {
    clear: both
}

.market-searcher-floors:before, .market-searcher-floors:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floors:after {
    clear: both
}

.market-searcher-floor-list-area {
    position: absolute;
    top: -1px;
    left: 0;
    width: 93px;
    height: 362px;
    *zoom: 1;
    border-right: 1px solid #eee
}

.market-searcher-floor-list-area:before, .market-searcher-floor-list-area:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor-list-area:after {
    clear: both
}

.market-searcher-floor-list-area:before, .market-searcher-floor-list-area:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor-list-area:after {
    clear: both
}

.market-searcher-floor-list-area:before, .market-searcher-floor-list-area:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor-list-area:after {
    clear: both
}

.market-searcher-floor-list-area:before, .market-searcher-floor-list-area:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor-list-area:after {
    clear: both
}

.market-searcher-floor {
    float: left;
    position: relative;
    width: 747px;
    height: 100%;
    margin-top: -12px;
    *zoom: 1;
    padding-top: 12px
}

.market-searcher-floor:before, .market-searcher-floor:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor:after {
    clear: both
}

.market-searcher-floor:before, .market-searcher-floor:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor:after {
    clear: both
}

.market-searcher-floor:before, .market-searcher-floor:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor:after {
    clear: both
}

.market-searcher-floor:before, .market-searcher-floor:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-floor:after {
    clear: both
}

.market-searcher-form-container {
    height: 37px;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #eee;
    margin-top: 10px
}

.market-searcher-input-container {
    position: relative;
    width: 801px;
    height: 28px;
    padding: 0 20px
}

.input-container {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 20px;
    font-size: 13px
}

.input-container input {
    height: 24px;
    width: 140px;
    line-height: 24px
}

.market-searcher-link-ad-container {
    width: 550px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    overflow: hidden
}

.market-searcher-link-ad-lead {
    margin-left: 4px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    float: left;
    color: #999
}

.market-searcher-link-ad-area {
    width: 270px;
    height: 20px;
    line-height: 20px;
    float: left
}

.market-searcher-input-select {
    float: left;
    position: relative;
    width: 66px;
    height: 26px;
    border-right: 1px dotted #9a9a9a;
    *zoom: 1
}

.market-searcher-input-select:before, .market-searcher-input-select:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select:after {
    clear: both
}

.market-searcher-input-select:before, .market-searcher-input-select:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select:after {
    clear: both
}

.market-searcher-input-select:before, .market-searcher-input-select:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select:after {
    clear: both
}

.market-searcher-input-select:before, .market-searcher-input-select:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select:after {
    clear: both
}

.market-searcher-input-select-trigger {
    margin-right: 20px;
    text-align: center;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    *zoom: 1
}

.market-searcher-input-select-trigger:before, .market-searcher-input-select-trigger:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-trigger:after {
    clear: both
}

.market-searcher-input-select-trigger:before, .market-searcher-input-select-trigger:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-trigger:after {
    clear: both
}

.market-searcher-input-select-trigger:before, .market-searcher-input-select-trigger:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-trigger:after {
    clear: both
}

.market-searcher-input-select-trigger:before, .market-searcher-input-select-trigger:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-trigger:after {
    clear: both
}

.market-searcher-input-select-list {
    position: absolute;
    top: 26px;
    right: -1px;
    left: -1px;
    z-index: 3;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    background-color: #fff;
    *zoom: 1;
    overflow: hidden
}

.market-searcher-input-select-list:before, .market-searcher-input-select-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-list:after {
    clear: both
}

.market-searcher-input-select-list:before, .market-searcher-input-select-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-list:after {
    clear: both
}

.market-searcher-input-select-list:before, .market-searcher-input-select-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-list:after {
    clear: both
}

.market-searcher-input-select-list:before, .market-searcher-input-select-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-input-select-list:after {
    clear: both
}

.market-searcher-input-select-list .market-searcher-input-select-item {
    height: 26px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    background-color: #fff
}

.market-searcher-input-select-list .market-searcher-input-select-item-hover {
    background-color: #e1261b;
    color: #fff
}

.market-searcher-input-text {
    float: left;
    width: 400px;
    margin: 2px 8px;
    text-align: left;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.market-searcher-input-text input {
    _margin: 4px 4px 4px 0;
    color: #999;
    outline: 0;
    width: 100%;
    border: 0
}

.markets-searcher-input-submit-btn {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: -1px;
    color: #fff;
    height: 28px;
    width: 66px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 28px;
    background-color: #333;
    cursor: pointer
}

.market-searcher-input-submit-btn-hover {
    background-color: #e1261b
}

.market-searcher-input-select-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    height: 26px;
    line-height: 26px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.market-searcher-result-container {
    position: absolute;
    width: 747px;
    background: #fff;
    overflow: hidden
}

.market-searcher-result-up-btn {
    border-bottom: 1px dotted #9a9a9a;
    vertical-align: middle;
    margin-top: 42px;
    color: #e5e5e5;
    cursor: pointer
}

.market-searcher-result-up-btn i {
    cursor: pointer
}

.market-searcher-result-btn-hover {
    color: #30302e !important
}

.market-searcher-result-viewport {
    width: 737px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    height: 308px;
    margin-right: -10px;
    _margin-right: -20px;
    _margin-left: -16px;
    position: relative
}

.hzgg-red a {
    color: #e1261b !important
}

.hzgg-red a:hover {
    color: #ee7b74 !important
}

.hzgg-red span {
    color: #e1261b !important
}

.hzgg-red i {
    color: #e1261b !important
}

.markets-searcher-result-slider {
    *zoom: 1;
    position: relative;
    top: 0;
    width: 747px;
    padding: 0 46px;
    box-sizing: border-box
}

.markets-searcher-result-slider:before, .markets-searcher-result-slider:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-result-slider:after {
    clear: both
}

.markets-searcher-result-slider:before, .markets-searcher-result-slider:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-result-slider:after {
    clear: both
}

.markets-searcher-result-slider:before, .markets-searcher-result-slider:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-result-slider:after {
    clear: both
}

.markets-searcher-result-slider:before, .markets-searcher-result-slider:after {
    display: table;
    content: "";
    line-height: 0
}

.markets-searcher-result-slider:after {
    clear: both
}

.market-searcher-result-down-btn {
    vertical-align: middle;
    *margin-top: 10px;
    color: #e5e5e5;
    cursor: pointer
}

.market-searcher-result-down-btn i {
    cursor: pointer
}

.market-searcher-badge {
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: default
}

.market-searcher-badge .hot-shop-title-shop {
    color: #666
}

.market-searcher-list-container {
    position: relative;
    height: 594px;
    *zoom: 1;
    overflow: hidden
}

.market-searcher-list-container:before, .market-searcher-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-container:after {
    clear: both
}

.market-searcher-list-container:before, .market-searcher-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-container:after {
    clear: both
}

.market-searcher-list-container:before, .market-searcher-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-container:after {
    clear: both
}

.market-searcher-list-container:before, .market-searcher-list-container:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-container:after {
    clear: both
}

.market-searcher-list-viewport {
    position: absolute;
    top: 26px;
    width: 93px;
    height: 343px;
    overflow-x: hidden;
    overflow-y: auto;
    *zoom: 1;
    margin-top: -30px
}

.market-searcher-list-viewport:before, .market-searcher-list-viewport:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-viewport:after {
    clear: both
}

.market-searcher-list-viewport:before, .market-searcher-list-viewport:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-viewport:after {
    clear: both
}

.market-searcher-list-viewport:before, .market-searcher-list-viewport:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-viewport:after {
    clear: both
}

.market-searcher-list-viewport:before, .market-searcher-list-viewport:after {
    display: table;
    content: "";
    line-height: 0
}

.market-searcher-list-viewport:after {
    clear: both
}

.market-floor-searcher-list {
    position: relative;
    top: 6px;
    width: 79px;
    *zoom: 1;
    padding: 0 7px
}

.market-floor-searcher-list:before, .market-floor-searcher-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-floor-searcher-list:after {
    clear: both
}

.market-floor-searcher-list:before, .market-floor-searcher-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-floor-searcher-list:after {
    clear: both
}

.market-floor-searcher-list:before, .market-floor-searcher-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-floor-searcher-list:after {
    clear: both
}

.market-floor-searcher-list:before, .market-floor-searcher-list:after {
    display: table;
    content: "";
    line-height: 0
}

.market-floor-searcher-list:after {
    clear: both
}

.market-seracher-list-item {
    width: 79px;
    border-bottom: 1px solid #eee;
    line-height: 36px;
    height: 36px;
    text-align: left;
    cursor: pointer;
    color: #666;
    text-align: center;
    color: #adadad;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.market-seracher-list-item i {
    display: block;
    height: 30px;
    line-height: 30px;
    float: right;
    text-align: center;
    vertical-align: middle;
    color: #eee;
    width: 20px;
    display: none
}

.market-seracher-list-item-hover, .market-seracher-list-item-current, .market-seracher-list-item-selected {
    background-color: #e1261b;
    color: #fff
}

.market-searcher-list-up-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    border-bottom: 1px dotted #9a9a9a;
    width: 93px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle
}

.market-searcher-list-up-btn i {
    cursor: pointer;
    color: #e5e5e5
}

.market-searcher-list-down-btn {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    line-height: 20px;
    width: 93px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border-top: 1px solid #eee
}

.market-searcher-list-down-btn i {
    cursor: pointer;
    color: #e5e5e5
}

.market-searcher-list-btn-hover i {
    color: #30302e !important
}

.market-searcher-link-ad-item, .market-searcher-link-ad-item:hover {
    color: #999;
    text-decoration: none
}

.market-searcher-ad {
    display: none
}

.market-searcher-top-twoad {
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    display: none
}

.market-searcher-list img {
    margin-top: 125px;
    *margin-top: 85px
}

.markets-searcher-result-slider img {
    margin: 128px 0 0 214px;
    *margin: 85px 0 0
}

.markets-searcher-result-slider .searcher-loading img {
    margin: 128px auto 0
}

.market-searcher-link-ad-area a:hover {
    color: #e1261b;
    text-decoration: none
}

.market-seracher-list-item {
    height: 36px;
    line-height: 36px
}

.market-searcher-top-twoad {
    background: #fff;
    width: 821px;
    padding: 0 10px;
    margin: 10px auto 0;
    margin-left: 0;
    height: 78px;
    overflow: hidden;
    white-space: nowrap
}

.paging-container {
    text-align: center;
    *zoom: 1;
    display: inline-block;
    padding-top: 18px
}

.paging-container:before, .paging-container:after {
    display: table;
    content: "";
    line-height: 0
}

.paging-container:after {
    clear: both
}

.paging-container:before, .paging-container:after {
    display: table;
    content: "";
    line-height: 0
}

.paging-container:after {
    clear: both
}

.paging-container:before, .paging-container:after {
    display: table;
    content: "";
    line-height: 0
}

.paging-container:after {
    clear: both
}

.paging-container:before, .paging-container:after {
    display: table;
    content: "";
    line-height: 0
}

.paging-container:after {
    clear: both
}

.paging-container a {
    display: inline-block;
    width: 32px;
    height: 22px;
    border: 1px solid #eee;
    text-decoration: none;
    margin-right: 5px;
    color: #888;
    cursor: pointer;
    line-height: 22px
}

.paging-container a:hover {
    color: #e1261b
}

.paging-container .jp-current, .paging-container .jp-current:hover {
    color: #e1261b;
    display: inline-block;
    width: 32px;
    height: 22px;
    border: 1px solid #eee;
    text-decoration: none;
    margin-right: 5px;
    line-height: 22px;
    cursor: pointer
}

.paging-container span {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    color: #888
}

.market-searcher-result-container .paging-container {
    width: 747px
}

.market-searcher-hint {
    height: 20px;
    line-height: 20px;
    color: #e1261b;
    padding: 0 20px;
    width: 766px;
    overflow: hidden;
    margin-top: 10px
}

.search-conut {
    color: #888;
    line-height: 22px;
    display: inline-block;
    height: 22px
}

.last-search-btn {
    color: #999;
    height: 50px;
    line-height: 50px;
    float: right
}

.last-search-btn a {
    color: #999;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    border: 0
}

.last-search-btn a:hover {
    color: #e1261b;
    text-decoration: underline
}

.market-searcher-adshow {
    width: 156px;
    height: 100%;
    float: left;
    padding: 20px 13px 31px;
    background: #f5f8fa;
    box-sizing: border-box
}

.market-searcher-result-item {
    height: 28px;
    width: 131px;
    float: left;
    margin: 19px 0 16px;
    position: relative;
    z-index: 2
}

.market-searcher-result-item a {
    display: block;
    height: 34px;
    color: #666;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.market-searcher-result-item a span {
    margin-right: 8px;
    height: 14px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 130px;
    line-height: 14px;
    display: block
}

.market-searcher-result-item a:hover {
    text-decoration: none;
    color: #e1261b
}

.qijiandian-container {
    display: inline-block;
    height: 16px;
    display: none;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -10px
}

.show_goldshop, .show_flagshop, .show_v4 {
    display: inline-block;
    line-height: 20px
}

.market-searcher-result-item a .market-searcher-result-item-dkm {
    margin-top: 5px;
    height: 16px;
    display: block;
    line-height: 16px
}

.market-searcher-result-item a .market-searcher-result-item-dkm .icon-zwd {
    vertical-align: top;
    margin-top: -2px;
    margin-left: 4px
}

.shop-name-container {
    font-style: normal;
    display: inline-block;
    max-width: 100px;
    height: 16px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.market-searcher-adshow-item {
    width: 130px;
    height: 130px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-bottom: 30px
}

.float-price-container {
    position: absolute;
    z-index: 3;
    bottom: 0;
    height: 26px;
    width: 130px;
    color: #333;
    line-height: 26px;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    background: rgba(255, 255, 255, .7)
}

@-webkit-keyframes maskxxx {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes maskxxx {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes maskxxx {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes maskxxx {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.mask-xxx-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, .3);
    display: none
}

.addElemClass {
    z-index: 100
}

.mask-duang-content {
    width: 770px;
    padding-right: 11px;
    padding: 18px 11px 18px 30px;
    float: left;
    height: 468px;
    overflow: hidden;
    margin-right: 30px
}

.mask-duang-tuijian-title, .style-nav-hint-container {
    height: 14px;
    line-height: 14px;
    padding: 12px 0;
    border-bottom: 1px dashed #eee;
    font-size: 14px;
    font-weight: 700
}

.tuijian-dangkou-container {
    width: 770px;
    margin-top: 30px;
    overflow: hidden
}

.tuijian-dangkou-outside {
    *zoom: 1;
    width: 770px
}

.tuijian-dangkou-outside:before, .tuijian-dangkou-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.tuijian-dangkou-outside:after {
    clear: both
}

.tuijian-dangkou-outside:before, .tuijian-dangkou-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.tuijian-dangkou-outside:after {
    clear: both
}

.tuijian-dangkou-outside:before, .tuijian-dangkou-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.tuijian-dangkou-outside:after {
    clear: both
}

.tuijian-dangkou-outside:before, .tuijian-dangkou-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.tuijian-dangkou-outside:after {
    clear: both
}

.tuijian-item {
    float: left;
    width: 350px;
    height: 199px;
    margin-right: 32px
}

.style-nav-list {
    padding-top: 20px;
    *zoom: 1;
    height: 124px
}

.style-nav-list:before, .style-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.style-nav-list:after {
    clear: both
}

.style-nav-list:before, .style-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.style-nav-list:after {
    clear: both
}

.style-nav-list:before, .style-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.style-nav-list:after {
    clear: both
}

.style-nav-list:before, .style-nav-list:after {
    display: table;
    content: "";
    line-height: 0
}

.style-nav-list:after {
    clear: both
}

.style-nav-item {
    float: left;
    margin-right: 50px;
    margin-bottom: 30px
}

.style-nav-item a {
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    color: #999
}

.style-nav-item a:hover {
    color: #e1261b
}

.duang {
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.duang:hover {
    background: #fff5f1
}

.duang:hover .shop-nav-title, .duang:hover .function-nav-title {
    color: #e1261b
}

.duang:hover.nav3 .shop-nav-item-outside, .duang:hover.nav2 .shop-nav-item-outside, .duang:hover.nav4 .shop-nav-item-outside {
    border-color: #fff5f1
}

.show, .duang:hover .mask-duang-container, #F_MarketF:hover .mask-duang-container {
    display: block;
    -webkit-animation-name: maskxxx;
    -moz-animation-name: maskxxx;
    -o-animation-name: maskxxx;
    animation-name: maskxxx
}

.nav1 .mask-duang-container {
    top: -156px
}

.nav2 .mask-duang-container {
    top: -260px
}

.nav3 .mask-duang-container {
    top: -339px
}

.nav4 .mask-duang-container {
    top: -418px
}

.shop-nav-item-new.nav1 .mask-duang-container-new {
    top: -236px;
    left: 220px
}

.shop-nav-item-new.nav2 .mask-duang-container-new {
    top: -346px;
    left: 220px
}

.shop-nav-item-new.nav3 .mask-duang-container-new {
    top: -455px;
    left: 220px
}

.shop-nav-item-new.nav4 .mask-duang-container-new {
    top: -543px;
    left: 220px
}

#F_MarketF .mask-duang-container {
    top: -2px
}

#F_MarketF .mask-duang-container-new {
    top: -6px;
    left: 220px
}

.nav4 .shop-nav-item-outside {
    border: 0;
    border-top: 1px solid #f2f2f2
}

.album-down-img-container {
    height: 194px;
    width: 179px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.album-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 100%;
    top: 0;
    background: rgba(0, 0, 0, .3);
    transition: left .3s;
    -moz-transition: left .3s;
    -o-transition: left .3s;
    -webkit-transition: left .3s
}

.big-font {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    text-align: center;
    margin-top: 46px
}

.big-font-container {
    font-size: 22px;
    display: inline-block;
    padding: 15px;
    border-bottom: 1px solid #fff
}

.small-font {
    color: #fff;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.album-link {
    display: block;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%
}

.shop-up-icon, .shop-down-icon {
    font-size: 12px
}

.hzgg-red .shop-name-container {
    width: auto !important;
    float: inherit !important
}

.market-more {
    float: right
}

.market-location {
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    color: #999;
    font-weight: 400
}

.market-location:hover {
    color: #e1261b
}

.right-assrows-icon {
    font-size: 12px
}

.market-floor-searcher-list .searcher-loading {
    margin-top: 30px
}

.to-right-icon {
    float: right;
    color: #999;
    font-size: 12px;
    margin-right: -3px
}

.market_seracher_clicked {
    color: #e1261b
}

.row-carousel-item-outside {
    *zoom: 1;
    display: flex;
    width: 927px;
    height: 237px
}

.row-carousel-item-outside:before, .row-carousel-item-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-item-outside:after {
    clear: both
}

.row-carousel-item-outside:before, .row-carousel-item-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-item-outside:after {
    clear: both
}

.row-carousel-item-outside:before, .row-carousel-item-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-item-outside:after {
    clear: both
}

.row-carousel-item-outside:before, .row-carousel-item-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.row-carousel-item-outside:after {
    clear: both
}

.right-down-container {
    height: 114px;
    width: 198px;
    overflow: hidden
}

.new-h {
    position: relative;
    z-index: 2;
    top: -26px;
    left: -4px;
    display: inline-block
}

.new-h .h-icon {
    font-size: 12px;
    color: #e1261b
}

.new-h .h-font {
    display: inline-block;
    position: absolute;
    z-index: 4;
    left: 2px;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.7);
    font-weight: 700;
    background: #e1261b;
    top: 0;
    float: right;
    line-height: normal;
    padding: 2px 7px;
    border-radius: 10px 10px 10px 0;
    color: #FFF
}

.shufflingFade {
    width: 100%;
    height: 100%
}

.main-function-hz {
    margin-bottom: 20px
}

.main-function-hz .market-nav-list {
    height: 114px !important
}

.main-function-hz .market-searcher-adshow, .main-function-hz .market-searcher-top-twoad {
    display: none
}

.main-function-hz .shop-nav-item-outside {
    border-top: 1px solid #f2f2f2
}

.main-function-hz .shop-nav-item {
    position: static
}

.main-function-hz .nav0 .mask-duang-container {
    top: -2px
}

.main-function-hz .nav1 .mask-duang-container {
    top: -2px
}

.main-function-hz .nav2 .mask-duang-container {
    top: -2px
}

.main-function-hz .nav3 .mask-duang-container {
    top: -2px
}

.main-function-hz .nav4 {
    height: 83px
}

.main-function-hz .nav4 .mask-duang-container {
    top: -2px
}

.main-function-hz .nav2 .shop-nav-item-outside, .main-function-hz .nav3 .shop-nav-item-outside {
    border-bottom: 0
}

.main-function-hz .main-banner-container {
    width: 742px
}

.main-function-hz .main-down-banner-container {
    width: 742px
}

.main-function-hz .main-down-banner-item {
    width: 368px
}

.main-function-hz .main-down-banner-item.left-item {
    margin-right: 6px
}

.main-function-hz .main-right-container {
    margin-top: 5px
}



.main-function-hz .market-nav-list {
    background: 0
}

.main-function-hz .mask-duang-container .market-nav-link-item {
    margin-right: 62px
}

.main-function-hz .market-nav-more {
    position: absolute;
    right: 14px;
    bottom: -6px;
    color: #999;
    cursor: pointer
}

.main-function-hz .market-nav-more:hover {
    color: #f50
}

.main-function-hz .cate-nav-list.style-nav-list {
    height: auto
}

.main-function-hz .main-right-item {
    height: 246px;
    width: 246px;
    overflow: hidden
}

.main-function-hz .main-right-item.top-item {
    margin-bottom: 5px
}

.category-change-one {
    position: relative;
    width: 459px;
    height: 100%;
    background-color: #fff;
    float: left;
    overflow: hidden
}

.category-change-one .category-loading {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px
}

.category-change-one .scroll-wrap {
    overflow-y: scroll;
    padding-left: 14px;
    box-sizing: border-box;
    width: 500px;
    height: 100%
}

.category-change-one .tow-category-title {
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.category-change-one .new-style-nav-list {
    overflow: hidden
}

.category-change-one .new-style-nav-item {
    float: left;
    min-width: 84px;
    margin-bottom: 15px;
    margin-right: 4px
}

.category-change-one .new-style-nav-item a {
    white-space: nowrap;
    font-size: 12px;
    color: #888
}

.category-change-one .new-style-nav-item a:hover {
    color: #e1261b
}

.active.shop-nav-link {
    color: #e1261b !important
}

.category-change-right, .special-change {
    width: 537px;
    height: 100%;
    background-color: #F5F5F5;
    float: right
}

.category-change-right .category-change-two, .special-change .category-change-two {
    float: left;
    width: 390px;
    box-sizing: border-box;
    padding-left: 20px
}

.category-change-right .category-change-two .change-tuijian-item, .special-change .category-change-two .change-tuijian-item {
    width: 350px;
    height: 203px;
    margin-bottom: 16px;
    overflow: hidden
}

.category-change-right .category-change-two .change-tuijian-item a, .special-change .category-change-two .change-tuijian-item a, .category-change-right .category-change-two .change-tuijian-item img, .special-change .category-change-two .change-tuijian-item img {
    display: block;
    width: 100%
}

.category-change-right .category-change-two .change-tuijian-item-large, .special-change .category-change-two .change-tuijian-item-large {
    height: 420px
}

.category-change-right .category-change-three, .special-change .category-change-three {
    float: left;
    width: 147px
}

.category-change-right .category-change-three .recommend-good-item, .special-change .category-change-three .recommend-good-item {
    position: relative;
    width: 130px;
    height: 130px;
    overflow: hidden;
    margin-bottom: 16px
}

.category-change-right .category-change-three .recommend-good-item a, .special-change .category-change-three .recommend-good-item a, .category-change-right .category-change-three .recommend-good-item img, .special-change .category-change-three .recommend-good-item img {
    width: 100%
}

.category-change-right .category-change-three .recommend-good-item .float-price-container, .special-change .category-change-three .recommend-good-item .float-price-container {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #fff;
    opacity: .6;
    filter: alpha(opacity=60)
}

.hz-change {
    width: 607px
}

.hz-change .scroll-wrap {
    width: 647px
}

.special-change {
    width: 380px
}

.category-change-title {
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.error-msg {
    display: none
}

.error-msg .error-msg-bg {
    background: url(../image/noresult.png) no-repeat center center;
    width: 104px;
    height: 81px;
    margin: 0 auto;
    margin-top: 110px;
    margin-bottom: 30px
}

.error-msg .error-msg-text {
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 0 100px;
    line-height: 20px
}

.error-msg .error-msg-text span {
    font-size: 12px;
    color: #e1261b
}

.market-searcher.no-adv .market-clear-container {
    width: 998px
}

.market-searcher.no-adv .market-clear {
    width: 999px
}

.market-searcher.no-adv .market-clear .market-searcher-floor {
    width: 905px
}

.market-searcher.no-adv .market-clear .market-searcher-floor .market-searcher-result-container {
    width: 905px
}

.market-searcher.no-adv .market-clear .market-searcher-floor .market-searcher-result-container .market-searcher-result-viewport {
    width: 905px
}

.market-searcher.no-adv .market-clear .market-searcher-floor .market-searcher-result-container .market-searcher-result-viewport .markets-searcher-result-slider {
    width: 930px
}

.market-searcher.no-adv .market-clear .market-searcher-floor .market-searcher-result-container .market-searcher-result-viewport .markets-searcher-result-slider .market-searcher-result-item {
    width: 139px
}

.revision-function-list-gz .function-main-container {
    font-size: 0
}

.revision-function-list-gz .main-banner-container {
    width: 580px;
    height: 320px;
    margin: 10px
}

.revision-function-list-gz .main-down-banner-container {
    width: 580px;
    height: 171px
}

.revision-function-list-gz .right-carousel-container {
    width: 200px;
    height: 320px;
    margin: 10px;
    margin-left: 0;
    display: inline-block;
    vertical-align: top
}

.revision-function-list-gz .main-down-banner-item {
    width: 580px;
    height: 171px
}

.big-btn {
    display: none;
    width: 24px;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, .4);
    text-align: center
}

.big-btn .icon-zwd {
    font-size: 12px;
    -webkit-text-stroke-width: 0;
    color: #fff
}

.bottom-btn {
    display: none;
    width: 24px;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, .4);
    text-align: center
}

.bottom-btn .icon-zwd {
    font-size: 12px;
    -webkit-text-stroke-width: 0;
    color: #fff
}

.revision-function-shop-new .market-searcher {
    top: -5px;
    left: 220px
}

.revision-function-shop-new .market-searcher .market-searcher-function .market-clear-container {
    width: 842px;
    height: 643px;
    border-bottom: 1px solid #eee
}

.revision-function-shop-new .market-searcher .market-searcher-function .market-clear-container .market-clear .market-searcher-floors {
    height: 507px
}

.revision-function-shop-new .market-searcher .market-searcher-function .market-clear-container .market-clear .market-searcher-floors .market-searcher-list-viewport {
    height: 513px
}

.revision-function-shop-new .market-searcher .market-searcher-function .market-clear-container .market-clear .market-searcher-floor .market-searcher-result-container {
    height: 500px
}

.revision-function-shop-new .market-searcher .market-searcher-function .market-searcher-adshow {
    height: 644px;
    width: 136px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.revision-function-shop-new .category-change-one {
    width: 439px
}

.revision-function-shop-new .category-change-one .scroll-wrap {
    width: 476px
}

.revision-function-shop-new .category-change-right {
    width: 557px
}

.revision-function-shop-new .category-change-right .category-change-two {
    width: 380px
}

.revision-function-shop-new .category-change-right .category-change-three {
    border-right: 1px solid #eee;
    width: 146px;
    height: 640px
}

.hot-explosion {
    margin: 10px auto 0;
    width: 1200px;
    height: 640px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 20px
}

.hot-explosion .hot-explosion-title {
    padding: 10px 0 16px 11px;
    vertical-align: bottom
}

.hot-explosion .hot-explosion-title .hot-explosion-title-img {
    width: 85px;
    height: 22px
}

.hot-explosion .hot-explosion-title .hot-explosion-title-sub {
    margin-left: 9px;
    font-size: 12px;
    color: #999;
    line-height: 16px;
    vertical-align: bottom
}

.hot-explosion .hot-explosion-main {
    position: relative;
    width: 100%;
    height: 576px;
    padding: 0 16px 16px;
    box-sizing: border-box;
    overflow: hidden
}

.hot-explosion .hot-explosion-list {
    position: absolute;
    left: 16px;
    right: 16px;
    width: 100%;
    height: 100%;
    font-size: 0;
    word-spacing: 0;
    letter-spacing: 0;
    overflow: hidden
}

.hot-explosion .hot-explosion-list .hot-explosion-item {
    margin: 0 16px 16px 0;
    display: inline-block;
    position: relative;
    width: 280px;
    height: 280px;
    border-radius: 12px;
    box-sizing: border-box;
    transform-origin: right;
    transition: all 1s linear;
    transform: rotateY(90deg);
    opacity: 0
}

.hot-explosion .hot-explosion-list .hot-explosion-item:nth-of-type(4n) {
    margin-right: 0
}

.hot-explosion .hot-explosion-list .hot-explosion-item-img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
    background-color: #fbfbfb
}

.hot-explosion .hot-explosion-list .hot-explosion-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hot-explosion .hot-explosion-list .hot-explosion-item-bottom .hot-explosion-item-price {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96px;
    height: 42px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 42px;
    text-align: center;
    background: linear-gradient(180deg, #ff5353 0, #e1261b 100%);
    box-shadow: 4px 0 5px 0 rgba(0, 0, 0, .17);
    border-radius: 0 36px 0 12px
}

.hot-explosion .hot-explosion-list .hot-explosion-item-bottom .hot-explosion-item-title {
    margin-left: 104px;
    width: 170px;
    font-size: 14px;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.hot-explosion .hot-explosion-list-before {
    z-index: 1
}

.hot-explosion .explosion-button {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 24px;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, .4);
    font-size: 12px;
    color: #fff;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    user-select: none
}

.hot-explosion .explosion-button:hover {
    background-color: rgba(0, 0, 0, .7)
}

.hot-explosion .explosion-button-prev {
    left: 0
}

.hot-explosion .explosion-button-next {
    right: 0
}

.promote-door-god-container {
    margin: 0 auto;
    width: 1200px
}

.door-god, .small-door-god-container {
    margin-top: 10px;
    position: relative;
    z-index: 1
}

.promote-door-god-container .door-god {
    margin-top: 30px
}

.small-door-god-container {
    width: 1200px;
    overflow: hidden;
    margin-top: 20px
}

.small-door-god-container .small-door-god-outside {
    width: 1200px;
    *zoom: 1
}

.small-door-god-container .small-door-god-outside:before, .small-door-god-container .small-door-god-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.small-door-god-container .small-door-god-outside:after {
    clear: both
}

.small-door-god-container .small-door-god-outside:before, .small-door-god-container .small-door-god-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.small-door-god-container .small-door-god-outside:after {
    clear: both
}

.small-door-god-container .small-door-god-outside:before, .small-door-god-container .small-door-god-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.small-door-god-container .small-door-god-outside:after {
    clear: both
}

.small-door-god-container .small-door-god-outside:before, .small-door-god-container .small-door-god-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.small-door-god-container .small-door-god-outside:after {
    clear: both
}

.small-door-god {
    float: left;
    margin-right: 10px;
    width: 390px;
    height: 180px;
    background: #f5f8fa;
    position: relative;
    z-index: 2
}

.small-door-god a {
    width: 390px;
    height: 180px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 157px/1em Arial
}

.small-door-god a img {
    max-height: 180px;
    max-width: 390px;
    vertical-align: middle
}

.small-door-god a img {
    max-height: 180px;
    max-width: 390px;
    vertical-align: middle
}

.a8, .small-a8, .a8-small {
    float: left;
    width: 390px;
    height: 180px;
    margin-right: 10px;
    background: #f5f8fa;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.a8 a, .small-a8 a, .a8-small a {
    width: 125px;
    height: 180px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 157px/1em Arial
}

.a8 a img, .small-a8 a img, .a8-small a img {
    max-height: 180px;
    max-width: 125px;
    vertical-align: middle
}

.a8 a img, .small-a8 a img, .a8-small a img {
    max-height: 180px;
    max-width: 125px;
    vertical-align: middle
}

.a8-small {
    height: 93px
}

.a8-small a {
    width: 390px;
    height: 93px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 81px/1em Arial
}

.a8-small a img {
    max-height: 93px;
    max-width: 390px;
    vertical-align: middle
}

.a8-small a img {
    max-height: 93px;
    max-width: 390px;
    vertical-align: middle
}

.twoad-door-god-container {
    *zoom: 1;
    width: 1210px;
    margin-top: 20px
}

.twoad-door-god-container:before, .twoad-door-god-container:after {
    display: table;
    content: "";
    line-height: 0
}

.twoad-door-god-container:after {
    clear: both
}

.twoad-door-god-container:before, .twoad-door-god-container:after {
    display: table;
    content: "";
    line-height: 0
}

.twoad-door-god-container:after {
    clear: both
}

.twoad-door-god-container:before, .twoad-door-god-container:after {
    display: table;
    content: "";
    line-height: 0
}

.twoad-door-god-container:after {
    clear: both
}

.twoad-door-god-container:before, .twoad-door-god-container:after {
    display: table;
    content: "";
    line-height: 0
}

.twoad-door-god-container:after {
    clear: both
}

.promote-a-s4-carousel-container {
    width: 1200px;
    overflow: hidden
}

.s4-tri-container {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 10px
}

.carousel-tri-element {
    color: #bbb;
    display: inline-block;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bbb;
    margin-right: 3px
}

.carousel-tri-checked {
    color: #e1261b;
    background: #333;
    width: 17px;
    border-radius: 8px
}

.come-back {
    margin-bottom: -20px
}

.a8-hover-element {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 390px;
    height: 180px;
    overflow: hidden;
    *zoom: 1;
    display: none
}

.a8-hover-element:before, .a8-hover-element:after {
    display: table;
    content: "";
    line-height: 0
}

.a8-hover-element:after {
    clear: both
}

.a8-hover-element:before, .a8-hover-element:after {
    display: table;
    content: "";
    line-height: 0
}

.a8-hover-element:after {
    clear: both
}

.a8-hover-element:before, .a8-hover-element:after {
    display: table;
    content: "";
    line-height: 0
}

.a8-hover-element:after {
    clear: both
}

.a8-hover-element:before, .a8-hover-element:after {
    display: table;
    content: "";
    line-height: 0
}

.a8-hover-element:after {
    clear: both
}

.a8-hover-item {
    float: left;
    width: 130px;
    height: 180px;
    overflow: hidden;
    background: #fff
}

@-webkit-keyframes hoverShow {
    0% {
        opacity: 0;
        top: -181px
    }
    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes hoverShow {
    0% {
        opacity: 0;
        top: -181px
    }
    100% {
        opacity: 1;
        top: 0
    }
}

@-o-keyframes hoverShow {
    0% {
        opacity: 0;
        top: -181px
    }
    100% {
        opacity: 1;
        top: 0
    }
}

@keyframes hoverShow {
    0% {
        opacity: 0;
        top: -181px
    }
    100% {
        opacity: 1;
        top: 0
    }
}

@-webkit-keyframes hoveright {
    0% {
        opacity: 0;
        right: 180px
    }
    100% {
        opacity: 1;
        right: 390px
    }
}

@-moz-keyframes hoveright {
    0% {
        opacity: 0;
        right: 180px
    }
    100% {
        opacity: 1;
        right: 390px
    }
}

@-o-keyframes hoveright {
    0% {
        opacity: 0;
        right: 180px
    }
    100% {
        opacity: 1;
        right: 390px
    }
}

@keyframes hoveright {
    0% {
        opacity: 0;
        right: 180px
    }
    100% {
        opacity: 1;
        right: 390px
    }
}

.small-door-god:hover, .a8:hover {
    z-index: 4
}

.small-door-god:hover .a8-hover-element, .a8:hover .a8-hover-element {
    display: block;
    -webkit-animation-name: hoverShow;
    -moz-animation-name: hoverShow;
    -o-animation-name: hoverShow;
    animation-name: hoverShow;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s
}

#J_s4 {
    height: 88px;
    overflow: hidden
}

.a14 {
    height: 120px;
    overflow: hidden
}

.banner-s4 {
    width: 100%;
    height: 120px;
    position: relative
}

.banner-s4:hover .s4-button-next, .banner-s4:hover .s4-button-prev {
    display: block;
    z-index: 9999
}

.banner-s4 .s4-button-next, .banner-s4 .s4-button-prev {
    position: absolute;
    display: none;
    top: 50%;
    margin-top: -20px;
    background: rgba(0, 0, 0, .4);
    width: 24px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.banner-s4 .s4-button-next .icon-zwd, .banner-s4 .s4-button-prev .icon-zwd {
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    -webkit-text-stroke-width: 0
}

.banner-s4 .s4-button-next {
    right: 0
}

.banner-s4 .s4-button-prev {
    left: 0
}

.banner-s4 .s4-button-next:hover, .banner-s4 .s4-button-prev:hover {
    background-color: rgba(0, 0, 0, .7)
}

.background-container {
    margin-top: 30px
}

.huadu-hot-style-container {
    width: 1200px;
    height: 328px;
    overflow: hidden;
    margin: 0 auto
}

.promote-hot-title {
    padding-bottom: 2px
}

.huadu-hot-style-container .hot-hint {
    font-size: 16px;
    color: #4c4c4c;
    font-family: "Microsoft YaHei";
    padding-left: 20px;
    display: inline-block;
    border-left: 3px solid #e1261b
}

.change-a-batch {
    float: right;
    font-size: 13px;
    line-height: 16px;
    color: #999;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer
}

.batch-container {
    cursor: pointer;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.change-a-batch:hover {
    color: #e1261b
}

.batch-icon {
    font-size: 12px;
    display: inline-block
}

@-webkit-keyframes 'revolve' {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes 'revolve' {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes 'revolve' {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes 'revolve' {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.revolveDemo .batch-container, .revolveDemo .batch-container:hover {
    color: #e1261b
}

.revolveDemo .batch-icon {
    -webkit-animation-name: revolve;
    -moz-animation-name: revolve;
    -o-animation-name: revolve;
    animation-name: revolve;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.huadu-hot-style-goods {
    height: 300px;
    overflow: hidden
}

.huadu-hot-style-list .loading {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -60px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 11;
    background-color: transparent
}

.huadu-hot-style-list .loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px
}

.huadu-hot-style-list {
    position: relative;
    width: 1230px;
    margin-top: 18px;
    height: 300px;
    *zoom: 1
}

.huadu-hot-style-list:before, .huadu-hot-style-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-list:after {
    clear: both
}

.huadu-hot-style-list:before, .huadu-hot-style-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-list:after {
    clear: both
}

.huadu-hot-style-list:before, .huadu-hot-style-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-list:after {
    clear: both
}

.huadu-hot-style-list:before, .huadu-hot-style-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-list:after {
    clear: both
}

.huadu-hot-style-list .loadingMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 10
}

.huadu-hot-style-item {
    width: 220px;
    margin-right: 24px;
    overflow: hidden;
    float: left
}

.hot-style-item-option {
    height: 20px;
    width: 220px;
    margin-top: 12px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    *zoom: 1;
    line-height: 20px
}

.hot-style-item-option:before, .hot-style-item-option:after {
    display: table;
    content: "";
    line-height: 0
}

.hot-style-item-option:after {
    clear: both
}

.hot-style-item-option:before, .hot-style-item-option:after {
    display: table;
    content: "";
    line-height: 0
}

.hot-style-item-option:after {
    clear: both
}

.hot-style-item-option:before, .hot-style-item-option:after {
    display: table;
    content: "";
    line-height: 0
}

.hot-style-item-option:after {
    clear: both
}

.hot-style-item-option:before, .hot-style-item-option:after {
    display: table;
    content: "";
    line-height: 0
}

.hot-style-item-option:after {
    clear: both
}

.hot-style-title-container {
    color: #333;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

.set-top {
    margin-top: 20px
}

.hot-style-title-container:hover {
    color: #e1261b
}

.hot-style-price, .hot-style-name {
    float: left;
    width: 110px;
    height: 20px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.hot-style-price {
    color: #e1261b;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-weight: 700
}

.shop-name {
    float: right
}

.shop-name a {
    color: #333 !important
}

.shop-name a:hover {
    color: #e1261b !important
}

.hot-style-name {
    text-align: right
}

.hot-style-name a {
    color: #333;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.hot-style-name a:hover {
    color: #666
}

.new-chun-icon {
    color: #333;
    font-size: 20px;
    display: inline-block
}

.chunji-icon {
    color: #e1261b;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.chunji-font-container {
    color: #999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 14px;
    display: inline-block;
    margin-left: 5px
}

.huadu-hot-style-goods-list {
    *zoom: 1
}

.huadu-hot-style-goods-list:before, .huadu-hot-style-goods-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-goods-list:after {
    clear: both
}

.huadu-hot-style-goods-list:before, .huadu-hot-style-goods-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-goods-list:after {
    clear: both
}

.huadu-hot-style-goods-list:before, .huadu-hot-style-goods-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-goods-list:after {
    clear: both
}

.huadu-hot-style-goods-list:before, .huadu-hot-style-goods-list:after {
    display: table;
    content: "";
    line-height: 0
}

.huadu-hot-style-goods-list:after {
    clear: both
}

.spring-upadte-btn-container {
    height: 25px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 3;
    transition: bottom .3s;
    -moz-transition: bottom .3s;
    -o-transition: bottom .3s;
    -webkit-transition: bottom .3s;
    bottom: -25px;
    *zoom: 1
}

.spring-upadte-btn-container:before, .spring-upadte-btn-container:after {
    display: table;
    content: "";
    line-height: 0
}

.spring-upadte-btn-container:after {
    clear: both
}

.spring-upadte-btn-container:before, .spring-upadte-btn-container:after {
    display: table;
    content: "";
    line-height: 0
}

.spring-upadte-btn-container:after {
    clear: both
}

.spring-upadte-btn-container:before, .spring-upadte-btn-container:after {
    display: table;
    content: "";
    line-height: 0
}

.spring-upadte-btn-container:after {
    clear: both
}

.spring-upadte-btn-container:before, .spring-upadte-btn-container:after {
    display: table;
    content: "";
    line-height: 0
}

.spring-upadte-btn-container:after {
    clear: both
}

.spring-upadte-btn-container a {
    display: block;
    float: left;
    width: 33.3333%;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: #e1261b;
    opacity: .6;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.spring-upadte-btn-container a:hover {
    opacity: 1
}

.hot-style-item-img-container:hover .spring-upadte-btn-container {
    bottom: 0
}

.hot-style-item-img-container {
    position: relative;
    z-index: 2;
    width: 220px;
    height: 220px;
    overflow: hidden
}

.hot-style-item-img-container > a {
    display: block;
    width: 100%;
    height: 100%
}

.hot-style-item-img-container > a img {
    max-width: 100%;
    max-height: 100%
}

.icon-dangji {
    display: inline-block;
    width: 248px;
    height: 22px;
    background: url(https://static-new.17zwd.com/widget/components/index/spring-update/img/hot-sell.png) no-repeat left
}

.promote-new-shop-container {
    width: 1200px;
    margin: 30px auto 0
}

.new-shop-hint {
    font-size: 16px;
    color: #333;
    padding-left: 10px;
    display: block;
    border-left: 3px solid #333
}

.new-shop-image-container {
    width: 1200px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.new-shop-image-outside {
    width: 1200px;
    *zoom: 1
}

.new-shop-image-outside:before, .new-shop-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-image-outside:after {
    clear: both
}

.new-shop-image-outside:before, .new-shop-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-image-outside:after {
    clear: both
}

.new-shop-image-outside:before, .new-shop-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-image-outside:after {
    clear: both
}

.new-shop-image-outside:before, .new-shop-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-image-outside:after {
    clear: both
}

.new-shop-image-item {
    width: 190px;
    height: 250px;
    margin-top: 20px;
    float: left;
    margin-right: 7px;
    border: 1px solid #fff;
    overflow: hidden;
    transition: border .3s;
    -moz-transition: border .3s;
    -o-transition: border .3s;
    -webkit-transition: border .3s
}

.new-shop-image-item-image-link {
    width: 190px;
    height: 250px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 218px/1em Arial;
    background: #F5F8FA
}

.new-shop-image-item-image-link img {
    max-height: 250px;
    max-width: 190px;
    vertical-align: middle
}

.new-shop-image-item-image-link img {
    max-height: 250px;
    max-width: 190px;
    vertical-align: middle
}

.new-shop-image-container .new-shop-image-item-image-link:first-child {
    display: table-cell
}

.new-shop-image-container .new-shop-image-item-image-link:last-child {
    display: none
}

.new-shop-image-item:hover {
    border-color: #e1261b
}

.new-shop-list {
    position: relative;
    z-index: 2;
    width: 1200px;
    height: 544px;
    overflow: hidden;
    transition: left .3s;
    -moz-transition: left .3s;
    -o-transition: left .3s;
    -webkit-transition: left .3s;
    *zoom: 1
}

.new-shop-list:before, .new-shop-list:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-list:after {
    clear: both
}

.new-shop-list:before, .new-shop-list:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-list:after {
    clear: both
}

.new-shop-list:before, .new-shop-list:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-list:after {
    clear: both
}

.new-shop-list:before, .new-shop-list:after {
    display: table;
    content: "";
    line-height: 0
}

.new-shop-list:after {
    clear: both
}

.new-shop-list li {
    float: left;
    width: 1200px;
    height: 544px;
    overflow: hidden
}

#J_NewBtn .prevBtn, #J_NewBtn .nextBtn-hall {
    display: block;
    line-height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 24px;
    height: 40px;
    background-color: rgba(0, 0, 0, .4);
    overflow: hidden;
    z-index: 4;
    color: #fff;
    text-align: center
}

#J_NewBtn .prevBtn .icon-zwd, #J_NewBtn .nextBtn-hall .icon-zwd {
    -webkit-text-stroke-width: 0;
    font-size: 12px;
    cursor: pointer;
    color: #fff
}

#J_NewBtn .prevBtn:hover, #J_NewBtn .nextBtn-hall:hover {
    background-color: rgba(0, 0, 0, .7)
}

#J_NewBtn .prevBtn {
    left: 0
}

#J_NewBtn .nextBtn-hall {
    right: 0
}

.new-shop-banner-btn {
    display: none
}

.new-shop-title-img {
    display: inline-block;
    width: 341px;
    height: 22px;
    background: url(../image/high-quality-shop.png) no-repeat left
}

.promote-tabs-container {
    width: 1200px;
    margin: 30px auto 0;
    overflow: hidden
}

.promote-tabs-container .promote-hot-title {
    padding-bottom: 20px;
    border-bottom: 0
}

.promote-tabs-container .hot-hint {
    font-size: 16px;
    color: #4c4c4c;
    padding-left: 10px;
    display: inline-block;
    border-left: 3px solid #333
}

.tabs-hint-list {
    width: 1200px;
    *zoom: 1;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #eee
}

.tabs-hint-list:before, .tabs-hint-list:after {
    display: table;
    content: "";
    line-height: 0
}

.tabs-hint-list:after {
    clear: both
}

.tabs-hint-list:before, .tabs-hint-list:after {
    display: table;
    content: "";
    line-height: 0
}

.tabs-hint-list:after {
    clear: both
}

.tabs-hint-list:before, .tabs-hint-list:after {
    display: table;
    content: "";
    line-height: 0
}

.tabs-hint-list:after {
    clear: both
}

.tabs-hint-list:before, .tabs-hint-list:after {
    display: table;
    content: "";
    line-height: 0
}

.tabs-hint-list:after {
    clear: both
}

.tabs-hint-item {
    height: 46px;
    width: 198px;
    border-bottom: 0;
    background: #fff;
    line-height: 46px;
    color: #333;
    text-align: center;
    cursor: pointer;
    float: left
}

.tabs-hint-item a, .tabs-hint-item a:hover {
    display: block;
    color: #333;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}

.tabs-clicked {
    color: #e1261b;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 2px solid #333;
    height: 45px;
    line-height: 45px
}

.tabs-clicked a, .tabs-clicked a:hover {
    color: #999
}

.tabs-content-container {
    margin-top: 20px;
    width: 1200px;
    overflow: hidden
}

.tabs-content-item {
    width: 1200px;
    display: none;
    height: 385px;
    overflow: hidden
}

.biubiu-list {
    *zoom: 1
}

.biubiu-list:before, .biubiu-list:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-list:after {
    clear: both
}

.biubiu-list:before, .biubiu-list:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-list:after {
    clear: both
}

.biubiu-list:before, .biubiu-list:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-list:after {
    clear: both
}

.biubiu-list:before, .biubiu-list:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-list:after {
    clear: both
}

.biubiu-item {
    width: 219px;
    height: 380px;
    overflow: hidden;
    float: left;
    margin-right: 25px;
    border: 0
}

.biubiu-item .biubiu-item-image-link {
    width: 219px;
    height: 380px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 332px/1em Arial
}

.biubiu-item .biubiu-item-image-link img {
    max-height: 380px;
    max-width: 219px;
    vertical-align: middle
}

.biubiu-item .biubiu-item-image-link img {
    max-height: 380px;
    max-width: 219px;
    vertical-align: middle
}

.tabs-content-clicked {
    display: block
}

.biubiu-outside {
    width: 1230px;
    *zoom: 1
}

.biubiu-outside:before, .biubiu-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-outside:after {
    clear: both
}

.biubiu-outside:before, .biubiu-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-outside:after {
    clear: both
}

.biubiu-outside:before, .biubiu-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-outside:after {
    clear: both
}

.biubiu-outside:before, .biubiu-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.biubiu-outside:after {
    clear: both
}

.promote-hot-image-upload {
    position: absolute;
    bottom: -28px;
    left: 0
}

.biubiu-image-container {
    position: relative;
    z-index: 2;
    width: 219px;
    height: 327px;
    overflow: hidden;
    margin-bottom: 5px
}

.biubiu-image-container .biubiu-item-image-link {
    width: 218px;
    height: 327px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 285px/1em Arial
}

.biubiu-image-container .biubiu-item-image-link img {
    max-height: 327px;
    max-width: 218px;
    vertical-align: middle
}

.biubiu-image-container .biubiu-item-image-link img {
    max-height: 327px;
    max-width: 218px;
    vertical-align: middle
}

.biubiu-image-container .promote-hot-image-upload {
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.biubiu-image-container:hover .promote-hot-image-upload {
    bottom: 0
}

.xxx_more_tabs_container .image-upload-item {
    width: 72px;
    float: left
}

.xxx_more_tabs_container .image-upload-item a {
    color: #fff;
    display: block;
    width: 72px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    background: #e1261b;
    opacity: .6
}

.xxx_more_tabs_container .image-upload-item a:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none
}

.xxx_more_tabs_container .middle-upload {
    width: 74px
}

.xxx_more_tabs_container .middle-upload a, .xxx_more_tabs_container .middle-upload a:hover {
    width: 74px
}

.biubiu-item-content {
    height: 20px;
    line-height: 20px;
    width: 219px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.biubiu-item-content a {
    color: #333;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.biubiu-item-content a:hover {
    color: #e1261b
}

.biubiu-price-font {
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    color: #323333;
    font-weight: 700
}

.targets-container {
    float: right
}

.x_targeets {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    color: #ccc;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.x_targeets .xIcon {
    cursor: pointer;
    font-size: 24px;
    color: #ccc
}

.x_targeets:hover {
    border-color: #e1261b
}

.x_targeets:hover .xIcon {
    color: #e1261b
}

.page-container {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    float: left;
    color: #ccc
}

.page-container i {
    font-style: normal;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.last-page {
    color: #333
}

.more-tabs-container {
    float: left
}

.demo {
    display: block
}

.xxx_more_tabs_container {
    width: 1200px;
    overflow: hidden
}

.xxx_outside {
    position: relative;
    z-index: 4;
    left: 0;
    height: 448px;
    overflow: hidden;
    *zoom: 1
}

.xxx_outside:before, .xxx_outside:after {
    display: table;
    content: "";
    line-height: 0
}

.xxx_outside:after {
    clear: both
}

.xxx_outside:before, .xxx_outside:after {
    display: table;
    content: "";
    line-height: 0
}

.xxx_outside:after {
    clear: both
}

.xxx_outside:before, .xxx_outside:after {
    display: table;
    content: "";
    line-height: 0
}

.xxx_outside:after {
    clear: both
}

.xxx_outside:before, .xxx_outside:after {
    display: table;
    content: "";
    line-height: 0
}

.xxx_outside:after {
    clear: both
}

.next-page {
    color: #b4b4b4
}

.hot-img-container {
    width: 243px;
    height: 22px;
    overflow: hidden;
    background: url(../image/new-hot-album.png) no-repeat left;
    display: inline-block
}

.biubiu-list .huohao-item .biubiu-item-image-link {
    width: 218px;
    height: 327px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 285px/1em Arial
}

.biubiu-list .huohao-item .biubiu-item-image-link img {
    max-height: 327px;
    max-width: 218px;
    vertical-align: middle
}

.biubiu-list .huohao-item .biubiu-item-image-link img {
    max-height: 327px;
    max-width: 218px;
    vertical-align: middle
}

.selection-of-hot-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 14px 16px 0;
    box-sizing: border-box;
    background-color: #FFF
}

.selection-of-hot-wrap .selection-of-hot-title-img {
    display: inline-block;
    width: 341px;
    height: 22px;
    background: url(../image/selection_of_hot_title.png) no-repeat left
}

.selection-of-hot-wrap .promote-newshop-title {
    padding: 30px 0 20px
}

.selection-of-hot-wrap .selection-of-hot {
    width: 1210px;
    *zoom: 1
}

.selection-of-hot-wrap .selection-of-hot:before, .selection-of-hot-wrap .selection-of-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.selection-of-hot-wrap .selection-of-hot:after {
    clear: both
}

.selection-of-hot-wrap .selection-of-hot:before, .selection-of-hot-wrap .selection-of-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.selection-of-hot-wrap .selection-of-hot:after {
    clear: both
}

.selection-of-hot-wrap .selection-of-hot:before, .selection-of-hot-wrap .selection-of-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.selection-of-hot-wrap .selection-of-hot:after {
    clear: both
}

.selection-of-hot-wrap .selection-of-hot:before, .selection-of-hot-wrap .selection-of-hot:after {
    display: table;
    content: "";
    line-height: 0
}

.selection-of-hot-wrap .selection-of-hot:after {
    clear: both
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item {
    float: left;
    width: 232px;
    height: 294px;
    margin-right: 10px
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-image-container {
    height: 232px !important;
    width: 232px !important
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-item-content {
    box-sizing: border-box;
    padding: 0 8px 0 6px
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-item-image-link {
    height: 232px !important;
    width: 232px !important
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-item-image-link img {
    max-height: 232px !important;
    max-width: 232px !important
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .promote-hot-image-upload {
    width: 100%
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .promote-hot-image-upload .image-upload-item {
    width: 33.33%
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .promote-hot-image-upload .image-upload-item a {
    width: 100%
}

.selection-of-hot-wrap .selection-of-hot .biubiu-price-font {
    color: #e1261b;
    font-size: 14px
}

.layer-list-box {
    position: relative;
    min-height: 420px
}

.layer-list-box .keyUploadLoding {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px
}

.layer-list-box .keyUploadLoding img {
    width: 100%;
    height: 100%
}

.layer-list-box .layer-list {
    display: none
}

.layer-list-box .layer-setting {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    text-decoration: none
}

.layer-list-box .layer-setting a {
    color: #666
}

.layer-list-box .layer-setting a:hover {
    color: #e1261b
}

.layer-list-box .layer-bottom {
    display: none
}

.layer-mask, .layer-mask-pdd {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20)
}

.layer-container {
    opacity: .2;
    filter: alpha(opacity=20);
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 5
}

.layer-box {
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -230px 0 0 -270px;
    z-index: 999
}

.layer-cont {
    background-color: #fff;
    color: #333;
    animation: bounceIn .2s forwards;
    -webkit-animation: bounceIn .2s forwards
}

.layer-cont .layer-cont-title {
    height: 46px;
    line-height: 46px;
    background-color: #F5F8FA;
    padding: 0 10px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    *zoom: 1
}

.layer-cont .layer-cont-title:before, .layer-cont .layer-cont-title:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-cont .layer-cont-title:after {
    clear: both
}

.layer-cont .layer-cont-title:before, .layer-cont .layer-cont-title:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-cont .layer-cont-title:after {
    clear: both
}

.layer-cont .layer-cont-title:before, .layer-cont .layer-cont-title:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-cont .layer-cont-title:after {
    clear: both
}

.layer-cont .layer-cont-title:before, .layer-cont .layer-cont-title:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-cont .layer-cont-title:after {
    clear: both
}

.layer-cont .layer-cont-title .text {
    font-size: 16px;
    color: #666
}

.layer-cont .layer-cont-title .close-icon-zwd {
    float: right;
    width: 14px;
    height: 20px;
    color: #999;
    margin-top: 14px;
    line-height: 14px;
    font-size: 16px;
    cursor: pointer
}

.layer-container, .layer-box, .layer-cont {
    width: 500px;
    border-radius: 4px
}

.layer-list-platforms {
    padding: 15px 0 0 15px;
    *zoom: 1
}

.layer-list-platforms:before, .layer-list-platforms:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-list-platforms:after {
    clear: both
}

.layer-list-platforms:before, .layer-list-platforms:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-list-platforms:after {
    clear: both
}

.layer-list-platforms:before, .layer-list-platforms:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-list-platforms:after {
    clear: both
}

.layer-list-platforms:before, .layer-list-platforms:after {
    display: table;
    content: "";
    line-height: 0
}

.layer-list-platforms:after {
    clear: both
}

.layer-list-platforms .layer-item {
    position: relative;
    width: 90px;
    height: 120px;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    padding: 14px 0;
    text-align: center;
    float: left;
    transition: all .5s;
    border: 1px solid transparent;
    border-radius: 8px
}

.layer-list-platforms .layer-item:hover {
    border: 1px solid #eaeaea;
    box-shadow: 0 0 6px #f3f3f3
}

.layer-list-platforms .layer-item-tip {
    display: none;
    position: absolute;
    left: 22px;
    top: 89px;
    padding: 6px;
    min-width: 165px;
    color: #F28645;
    text-align: left;
    line-height: 16px;
    border-radius: 8px;
    border: solid 1px #F28645;
    background-color: #FFF6E9;
    box-sizing: border-box;
    z-index: 1
}

.layer-list-platforms .layer-item-tip::before {
    position: absolute;
    content: "";
    top: -8px;
    left: 26px;
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 8px solid #F28645;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff
}

.layer-list-platforms .layer-item-tip::after {
    position: absolute;
    content: "";
    top: -7px;
    left: 26px;
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 8px solid #FFF6E9;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.layer-list-platforms .layer-item-img {
    width: 64px;
    height: 64px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 8px;
    background: no-repeat center;
    background-size: cover
}

.layer-list-platforms .layer-item-img.taobao {
    background-image: url(../image/uploadTaobao.png)
}

.layer-list-platforms .layer-item-img.ali {
    background-image: url(../image/uploadAli.png)
}

.layer-list-platforms .layer-item-img.mls {
    background-image: url(../image/uploadMeilishuo.png)
}

.layer-list-platforms .layer-item-img.mgj {
    background-image: url(../image/uploadMogujie.png)
}

.layer-list-platforms .layer-item-img.wx {
    background-image: url(../image/uploadPengyouquan.png)
}

.layer-list-platforms .layer-item-img.wtk {
    background-image: url(../image/uploadWeixin.png)
}

.layer-list-platforms .layer-item-img.pdd {
    background-image: url(../image/uploadPinduoduo.png)
}

.layer-list-platforms .layer-item-img.jingdong {
    background-image: url(../image/uploadJingdong.png)
}

.layer-list-platforms .layer-item-img.xiapiwang {
    background-image: url(../image/uploadShoppe.png)
}

.layer-list-platforms .layer-item-img.kuaishou {
    background-image: url(../image/uploadKuaishou.png)
}

.layer-list-platforms .layer-item-img.douyin {
    background-image: url(../image/uploadDouyin.png)
}

.layer-list-platforms .layer-item-img.lazada {
    background-image: url(../image/uploadLazada.png)
}

.layer-list-platforms .layer-item-img.xiaohongshu {
    background-image: url(../image/uploadXiaohongshu.png)
}

.layer-list-platforms .layer-item-img.taote {
    background-image: url(../image/uploadTT.png)
}

.layer-list-platforms .layer-item-img.tianmao {
    background-image: url(../image/uploadTM.png)
}

.layer-list-platforms .layer-item-img.weidian {
    background-image: url(../image/uploadWD.png)
}

.layer-list-platforms .layer-item-img.wxsph {
    background-image: url(../image/uploadWXSPH.png)
}

.layer-list-platforms .layer-item-img.wxxsd {
    background-image: url(../image/uploadWXXSD.png)
}

.layer-list-platforms .layer-item-text {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    color: #666
}

.layer-list-platforms .layer-item-hasTip:hover .layer-item-tip {
    display: block
}

.layer-list-bottom {
    margin-top: 16px;
    width: 400px;
    height: 48px;
    background: #F5F8FA;
    border-radius: 0 0 4px 4px
}

.layer-list-bottom ::after {
    content: '';
    clear: both;
    float: none
}

.layer-list-bottom .layer-bottom-tip {
    float: right;
    display: block;
    margin: 16px 15px 0 0
}

.layer-list-bottom .layer-bottom-tip .icon-red {
    color: #e1261b
}

.layer-list-bottom .layer-bottom-tip span {
    font-size: 12px;
    color: #333;
    line-height: 16px
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.promote-hot-container {
    width: 1200px;
    margin: 30px auto 0
}

.promote-hot-title {
    padding-bottom: 10px
}

.promote-hot-container .hot-hint {
    font-size: 16px;
    color: #333;
    padding-left: 10px;
    display: block;
    border-left: 3px solid #333
}

.promote-hot-image-container {
    width: 1200px;
    overflow: hidden;
    _position: relative
}

.promote-hot-image-outside {
    width: 1212px;
    *zoom: 1
}

.promote-hot-image-outside:before, .promote-hot-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hot-image-outside:after {
    clear: both
}

.promote-hot-image-outside:before, .promote-hot-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hot-image-outside:after {
    clear: both
}

.promote-hot-image-outside:before, .promote-hot-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hot-image-outside:after {
    clear: both
}

.promote-hot-image-outside:before, .promote-hot-image-outside:after {
    display: table;
    content: "";
    line-height: 0
}

.promote-hot-image-outside:after {
    clear: both
}

.promote-hot-image-item {
    float: left;
    width: 180px;
    margin: 10px 22px 5px 0;
    _overflow: hidden
}

.promote-hot-image {
    width: 180px;
    height: 270px;
    overflow: hidden;
    position: relative
}

.hot-font-hint-list {
    margin-top: 5px
}

.hot-font-hint-item {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hot-font-hint-item a {
    position: relative;
    z-index: 2;
    color: #333;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    float: right;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hot-font-hint-item a:hover {
    color: #e1261b
}

.hot-font-hint-item a::after {
    content: '';
    width: 0;
    border-bottom: 1px solid #e1261b;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    position: absolute;
    top: 16px;
    left: 0
}

.hot-font-hint-item a:hover::after {
    width: 100%
}

.g-font a, .g-font a:hover {
    color: #e1261b;
    text-decoration: none
}

.g-font a::after, .g-font a:hover::after {
    content: '';
    width: 0;
    float: none
}

.hot-font-hint-price {
    height: 20px;
    line-height: 20px;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-weight: 700
}

.promote-hot-image-upload {
    position: absolute;
    bottom: -28px;
    left: 0;
    color: #fff
}

.image-upload-item {
    width: 60px;
    float: left
}

.image-upload-item a {
    color: #fff;
    display: block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    background: #e1261b;
    opacity: .6
}

.image-upload-item a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1
}

.promote-hot-image-item .promote-hot-image-upload {
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.promote-hot-image-item:hover .promote-hot-image-upload {
    bottom: 0
}

.tjbb-title-img-container {
    display: inline-block;
    width: 435px;
    height: 22px;
    background: url(../image/recommend-good.png) no-repeat left
}

.mask_container {
    width: 300px;
    height: 150px;
    border: 1px solid #eee;
    position: absolute;
    background: #fff;
    display: none;
    z-index: 100;
    text-align: center
}

.mask_font_hint {
    font-size: 14px;
    color: #333;
    text-align: center;
    height: 40px;
    line-height: 40px;
    height: 70px;
    border-bottom: 1px solid #eee;
    line-height: 70px
}

.ok-btn {
    margin-top: 10px;
    margin-right: 5px;
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    color: #e1261b;
    border: 1px solid #e1261b;
    border-radius: 3px
}

.ok-btn:hover {
    background: #e1261b;
    color: #fff
}

.goto-btn, .goto-btn:hover {
    margin-top: 10px;
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #e1261b;
    border-radius: 3px;
    background: #e1261b;
    color: #fff
}

.mask_top-title {
    font-size: 13px;
    color: #333;
    height: 30px;
    line-height: 30px;
    background: #efefef;
    text-align: left;
    padding-left: 5px
}

.shop-icon-mask {
    color: #e1261b;
    font-size: 14px
}

.keep-see-sussce {
    font-size: 14px
}

.left-fix {
    position: absolute;
    top: 864px;
    right: 50%;
    margin-right: 595px;
    padding-right: 38px;
    height: 627px;
    display: none
}

.left-fix.fl {
    float: left;
    margin-top: 100px
}

.left-fix .left-img {
    width: 100px;
    height: 200px;
    overflow: hidden
}

.left-fix.fix {
    position: fixed;
    top: 100px;
    right: 50%;
    margin-right: 595px
}

.left-fix.abs {
    position: absolute;
    right: 50%;
    margin-right: 595px
}

.left-fix .left-menu {
    width: 68px;
    height: 396px;
    border: 1px solid #d4d8d7;
    border-radius: 4px;
    padding: 4px;
    margin-top: 15px;
    margin-left: 24px;
    background-color: #fff;
    position: relative;
    z-index: 10
}

.left-fix .left-menu-cont-title {
    width: 68px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #fd3d24;
    font-size: 0
}

.left-fix .left-menu-text {
    font-size: 12px;
    color: #fff;
    vertical-align: middle
}

.left-fix .left-menu-cont {
    height: 396px;
    padding: 0 3px;
    overflow: hidden
}

.left-fix .left-menu-cont ul {
    margin-bottom: -1px
}

.left-fix .left-menu-cont li {
    height: 36px;
    line-height: 36px
}

.left-fix .left-menu-cont .left-menu-a {
    font-size: 0;
    text-align: center;
    display: block;
    color: #666;
    border-bottom: 1px solid #e9e9e9
}

.left-fix .left-menu-cont .left-menu-a.active {
    color: #fff;
    background-color: #fd3d24;
    border-radius: 5px;
    border-bottom: 0
}

.left-fix .left-menu-cont .left-menu-a.active .icon-zwd, .left-fix .left-menu-cont .left-menu-a.active .left-menu-text {
    color: #fff
}

.left-fix .left-menu-cont .left-menu-text {
    color: #656565
}

.right-fix {
    width: 100px;
    height: 627px;
    position: absolute;
    left: 50%;
    top: 864px;
    margin-left: 595px;
    padding-left: 38px;
    overflow: hidden;
    display: none
}

.right-fix.fl {
    float: left;
    margin-top: 100px
}

.right-fix.fix {
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: 595px
}

.right-fix.abs {
    position: absolute;
    left: 50%;
    margin-left: 595px
}

.hide {
    display: none
}

.horiz-double-carousel-ad-block-new {
    margin: 0 auto;
    margin-top: 10px;
    width: 1200px
}

.horiz-double-carousel-ad-block-new .ad-block-new {
    width: 1200px;
    padding: 10px 16px 16px;
    box-sizing: border-box;
    background: #FFF;
    overflow: hidden
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new {
    position: relative
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .title-new {
    width: auto
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .title-new .head-imgTitle-new {
    margin-right: 10px;
    vertical-align: bottom
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new {
    position: absolute;
    right: 0;
    bottom: 0
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .x_targeets-new[place=left] {
    padding: 0 0 0 4px
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .x_targeets-new[place=right] {
    padding: 0
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .x_targeets-new {
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #999;
    vertical-align: middle;
    display: inline-block;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .x_targeets-new:hover {
    color: #333
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .x_targeets-new .xIcon-new {
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    color: #999;
    transition: all .2s linear
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .x_targeets-new .xIcon-new:hover {
    color: #333
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .pageNum-new {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    color: #999;
    word-spacing: 2px
}

.horiz-double-carousel-ad-block-new .ad-block-new .head-new .controller-new .pageNum-new i {
    font-style: normal;
    font-size: 16px;
    line-height: 16px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new {
    overflow: hidden
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new {
    height: auto;
    margin-top: 9px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .tabs-content-container {
    margin-top: 0
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new {
    width: 1168px;
    height: 478px;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: 1168px 478px;
    position: relative
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .shopEnter-new {
    position: absolute;
    width: 502px;
    height: 336px;
    margin: 16px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .clearfix-new::after {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
    content: ""
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .clearfix-new {
    *zoom: 1
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new {
    position: absolute;
    width: 590px;
    right: 24px;
    top: 24px;
    bottom: 24px;
    font-size: 0
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new {
    position: relative;
    width: 190px;
    height: 210px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    font-size: 14px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new:first-child {
    margin-left: 0
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new:nth-child(3n) {
    margin-right: 0
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new .goodsImg-new {
    overflow: hidden;
    transition: all .2s linear
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new .goodsImg-new:hover {
    opacity: .9
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new .goodsImg-new img {
    width: 190px;
    height: 190px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new .goods-container-layout {
    position: absolute;
    bottom: 0;
    width: 190px;
    height: 20px;
    line-height: 20px;
    background: #FFF;
    opacity: .95
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new .goods-container-layout .goodsPrice-new {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    text-align: left;
    color: #812B40;
    font-weight: 600;
    cursor: default
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new .goodsList-new .goodsInfo-new .goods-container-layout .goodsInfo-item-no {
    float: right;
    width: 102px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    color: #666
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new {
    margin-top: 16px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new {
    width: 160px;
    height: 66px;
    box-sizing: border-box;
    margin-left: 8px;
    border: 1px solid #EEE;
    border-radius: 0;
    text-align: center;
    line-height: inherit !important;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: all .2s linear
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new:first-child {
    margin-left: 0
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new.tabs-clicked {
    background-color: #FFF !important;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .06);
    border-bottom: 4px solid #e1261b
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new .shopName-new {
    width: 150px;
    font-size: 18px;
    line-height: 25px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new .shopShortAddress-title {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #CCC
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new .shopShortAddress-new {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #CCC
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new .shopShortAddress-special {
    display: inline-block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #CCC
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new .symbol-special {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #CCC
}

.style-infinite {
    margin: 10px auto 0;
    width: 1200px;
    padding: 13px 15px 0;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 16px
}

.style-infinite .style-infinite-title {
    padding-bottom: 18px
}

.style-infinite .style-infinite-title .infinite-title-text {
    display: inline-block
}

.style-infinite .style-infinite-container {
    width: 100%
}

.style-infinite .infinite-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.style-infinite .infinite-list .infinite-item {
    margin: 0 16px 16px 0;
    width: 221px;
    height: 268px
}

.style-infinite .infinite-list .infinite-item:nth-of-type(5n) {
    margin-right: 0
}

.style-infinite .infinite-item-image-container {
    position: relative;
    width: 221px;
    height: 221px;
    border-radius: 16px;
    overflow: hidden
}

.style-infinite .infinite-item-image-container .style-img-link {
    display: block;
    background-color: #f5f8fa;
    width: 221px;
    height: 221px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font: 193px/1em Arial
}

.style-infinite .infinite-item-image-container .style-img-link img {
    max-height: 221px;
    max-width: 221px;
    vertical-align: middle
}

.style-infinite .infinite-item-image-container .style-img-link img {
    max-height: 221px;
    max-width: 221px;
    vertical-align: middle
}

.style-infinite .infinite-item-image-container:hover .infinite-hot-image-upload {
    bottom: 0
}

.style-infinite .infinite-item-image-container .infinite-hot-image-upload {
    position: absolute;
    bottom: -28px;
    left: 0;
    width: 100%;
    display: flex;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.style-infinite .infinite-item-image-container .image-upload-item {
    flex: 1
}

.style-infinite .infinite-item-image-container .image-upload-item > a {
    display: block;
    width: 100%;
    height: 28px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    background: #e1261b;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    opacity: .6
}

.style-infinite .infinite-item-image-container .image-upload-item > a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1
}

.style-infinite .infinite-info {
    padding: 2px 8px 0
}

.style-infinite .infinite-info .infinite-info-line {
    margin-top: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

.style-infinite .infinite-info .infinite-info-price {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #e1261b;
    line-height: 14px
}

.style-infinite .infinite-info .infinite-info-shop {
    font-size: 12px;
    max-width: 60%;
    color: #333;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.style-infinite .infinite-info .infinite-info-num {
    font-size: 12px;
    color: #777;
    max-width: 40%;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.style-infinite .infinite-ad {
    display: block;
    width: 221px;
    height: 268px;
    border-radius: 16px;
    overflow: hidden
}

.style-infinite .infinite-ad img {
    width: 100%;
    height: 100%;
    object-fit: none
}

.promote-footer-container {
    margin-top: 40px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee
}

.promote-footer-container .line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #333;
    bottom: 215px
}

.promote-footer-content {
    width: 1200px;
    margin: 0 auto 58px;
    padding: -1px 0 30px 0
}

.footer-outside-container {
    *zoom: 1
}

.footer-outside-container:before, .footer-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container:after {
    clear: both
}

.footer-outside-container:before, .footer-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container:after {
    clear: both
}

.footer-outside-container:before, .footer-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container:after {
    clear: both
}

.footer-outside-container:before, .footer-outside-container:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container:after {
    clear: both
}

.footer-outside-container .mhelp {
    width: 1044px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 44px
}

.footer-outside-container .mhelp .main {
    *zoom: 1;
    font-size: 0
}

.footer-outside-container .mhelp .main:before, .footer-outside-container .mhelp .main:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container .mhelp .main:after {
    clear: both
}

.footer-outside-container .mhelp .main:before, .footer-outside-container .mhelp .main:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container .mhelp .main:after {
    clear: both
}

.footer-outside-container .mhelp .main:before, .footer-outside-container .mhelp .main:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container .mhelp .main:after {
    clear: both
}

.footer-outside-container .mhelp .main:before, .footer-outside-container .mhelp .main:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-outside-container .mhelp .main:after {
    clear: both
}

.footer-outside-container .mhelp .main > div {
    float: left;
    text-align: center
}

.footer-outside-container .mhelp .main .d1 {
    margin-right: 162px
}

.footer-outside-container .mhelp .main .d2 {
    margin-right: 40px
}

.footer-outside-container .mhelp .main .d3 {
    margin-left: 22px;
    margin-right: 170px
}

.footer-outside-container .mhelp .main .d-center {
    width: 352px;
    text-align: center
}

.footer-outside-container .mhelp .main .d-center img {
    width: 140px;
    height: 142px
}

.footer-outside-container .mhelp .main > div {
    box-sizing: border-box
}

.footer-outside-container .mhelp .main > div > p {
    font-size: 18px;
    margin-bottom: 28px;
    color: #333
}

.footer-outside-container .mhelp .main > div > div > a {
    font-size: 12px;
    display: block;
    color: #666;
    margin-bottom: 14px;
    text-align: center
}

.footer-outside-container .mhelp .main > div > div > a:hover {
    color: #e1261b
}

.bottom_ads {
    text-align: center;
    height: 50px;
    line-height: 30px
}

.bottom_ads .fs-item {
    display: inline-block;
    text-align: center;
    margin: 0 50px
}

.bottom_ads .fs-item img {
    width: 80px;
    height: 30px
}

.promote-small-item {
    float: left;
    width: 222px;
    overflow: hidden
}

.promote-big-item {
    width: 338px;
    float: left;
    overflow: hidden
}

.footer-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 16px;
    color: #333
}

.buyer-guide, .dangkou-guide {
    width: 144px;
    text-align: center
}

.dangkou-guide {
    margin: 0 auto
}

.footer-link-list {
    *zoom: 1;
    width: 160px;
    margin-top: 14px
}

.footer-link-list:before, .footer-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-link-list:after {
    clear: both
}

.footer-link-list:before, .footer-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-link-list:after {
    clear: both
}

.footer-link-list:before, .footer-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-link-list:after {
    clear: both
}

.footer-link-list:before, .footer-link-list:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-link-list:after {
    clear: both
}

.link-container {
    float: left;
    width: 64px;
    height: 22px;
    line-height: 22px;
    margin-right: 14px
}

.link-item {
    color: #666;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.link-item:hover {
    color: #e1261b
}

.footer-line {
    float: left;
    background: #ccc;
    height: 60px;
    width: 1px;
    margin-top: 16px
}

.help-guide {
    width: 128px;
    padding-left: 88px;
    text-align: center
}

.site-links {
    width: 1200px;
    margin: 18px auto;
    overflow: hidden
}

.site-links-top {
    color: #333;
    font-size: 13px;
    *zoom: 1
}

.site-links-top a {
    color: #333;
    font-size: 13px;
    float: right
}

.site-links-top .rightIcon {
    vertical-align: middle;
    width: 12px;
    display: inline-block
}

.site-links-top:before, .site-links-top:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-top:after {
    clear: both
}

.site-links-top:before, .site-links-top:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-top:after {
    clear: both
}

.site-links-top:before, .site-links-top:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-top:after {
    clear: both
}

.site-links-top:before, .site-links-top:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-top:after {
    clear: both
}

.linkIcon {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 9px
}

.site-links-bottom {
    margin-left: 25px;
    *zoom: 1
}

.site-links-bottom:before, .site-links-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-bottom:after {
    clear: both
}

.site-links-bottom:before, .site-links-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-bottom:after {
    clear: both
}

.site-links-bottom:before, .site-links-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-bottom:after {
    clear: both
}

.site-links-bottom:before, .site-links-bottom:after {
    display: table;
    content: "";
    line-height: 0
}

.site-links-bottom:after {
    clear: both
}

.site-links-bottom a {
    font-size: 13px;
    color: #999
}

.site-links-bottom a:hover {
    color: #f50
}

.site-links-container.last-container {
    border: 0;
    padding-right: 0;
    margin-right: 0
}

.site-links-container {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #999;
    margin-top: 14px
}

.web-content-container {
    padding-top: 16px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    *zoom: 1
}

.web-content-container:before, .web-content-container:after {
    display: table;
    content: "";
    line-height: 0
}

.web-content-container:after {
    clear: both
}

.web-content-container:before, .web-content-container:after {
    display: table;
    content: "";
    line-height: 0
}

.web-content-container:after {
    clear: both
}

.web-content-container:before, .web-content-container:after {
    display: table;
    content: "";
    line-height: 0
}

.web-content-container:after {
    clear: both
}

.web-content-container:before, .web-content-container:after {
    display: table;
    content: "";
    line-height: 0
}

.web-content-container:after {
    clear: both
}

.web-content-right {
    width: 351px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto
}

.web-content-right-4 {
    width: 480px
}

.p-item {
    float: left;
    padding-right: 40px;
    height: 20px;
    line-height: 20px
}

.p-item-link {
    color: #333;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.p-item-link:hover {
    color: #e1261b
}

.aboutIcon {
    font-size: 18px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.recruitIcon {
    font-size: 18px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.callIcon {
    font-size: 18px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.downloadIcon {
    font-size: 18px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.footer-clear {
    *zoom: 1;
    color: #333
}

.footer-clear:before, .footer-clear:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-clear:after {
    clear: both
}

.footer-clear:before, .footer-clear:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-clear:after {
    clear: both
}

.footer-clear:before, .footer-clear:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-clear:after {
    clear: both
}

.footer-clear:before, .footer-clear:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-clear:after {
    clear: both
}

.web-copyright, .friendship-link {
    height: 20px;
    line-height: 20px;
    font-size: 12px
}

.web-copyright span, .friendship-link span {
    color: #999;
    margin-right: 14px
}

.web-copyright span a, .friendship-link span a {
    color: #999;
    border: 0;
    padding: 0
}

.web-copyright a, .friendship-link a {
    display: inline-block;
    padding: 0 14px;
    text-align: center;
    border-left: 1px solid #999;
    line-height: 1
}

.friendship-link > a {
    padding: 0 6px
}

.friendship-link > a:first-child {
    border-left: 0
}

.attestation {
    *zoom: 1;
    height: 54px;
    line-height: 54px
}

.attestation:before, .attestation:after {
    display: table;
    content: "";
    line-height: 0
}

.attestation:after {
    clear: both
}

.attestation:before, .attestation:after {
    display: table;
    content: "";
    line-height: 0
}

.attestation:after {
    clear: both
}

.attestation:before, .attestation:after {
    display: table;
    content: "";
    line-height: 0
}

.attestation:after {
    clear: both
}

.attestation:before, .attestation:after {
    display: table;
    content: "";
    line-height: 0
}

.attestation:after {
    clear: both
}

.attestation-item {
    float: left;
    width: 117px;
    overflow: hidden;
    text-align: center
}

.attestation-item img {
    width: 80px;
    height: 30px
}

.attestation-item-hidden {
    display: none
}

.attestation-item-ssl {
    position: relative;
    display: inline-block;
    height: 38px;
    vertical-align: middle
}

.attestation-item-ssl-block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.web-content-container .site-links-wrap {
    padding-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    font-size: 0
}

.web-content-container .site-links-wrap .noborder {
    border-left: 0
}

.web-content-container .site-links-wrap a {
    font-size: 12px;
    border-left: 1px solid #999;
    padding: 0 20px;
    line-height: 22px;
    color: #999
}

.web-content-container .site-links-wrap a:first-child {
    padding-left: 0;
    border: 0
}

.web-content-their-allies {
    text-align: center;
    margin: 0 auto;
    line-height: 1
}

.web-content-their-allies span, .web-content-their-allies a {
    color: #333
}

.web-content-their-allies span a {
    color: #333
}

.zwd-notice {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    display: none
}

.zwd-notice .notice-bg {
    background-color: #000;
    opacity: .4;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.zwd-notice .notice-content {
    width: 640px;
    height: 400px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.site-switch {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.site-switch .site-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6
}

.site-switch .site-switch-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 720px;
    min-height: 260px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    margin: -130px 0 0 -360px;
    padding: 42px 46px 0;
    animation: bounceIn .2s forwards;
    -webkit-animation: bounceIn .2s forwards
}

.site-switch .site-switch-content .site-switch-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 22px;
    color: #999;
    cursor: pointer
}

.site-switch .categoryMap {
    position: relative;
    height: 40px;
    text-align: justify;
    overflow: hidden;
    z-index: 2
}

.site-switch .categoryMap:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.site-switch .categoryMap .category-item {
    display: inline-block;
    font-size: 16px;
    color: #999;
    padding: 0 12px;
    line-height: 38px;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.site-switch .categoryMap .category-item:hover {
    border-color: #e1261b;
    color: #333
}

.site-switch .categoryMap .active-category {
    color: #333;
    border-color: #e1261b
}

.site-switch .categoryMap .categoryMap-border {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd
}

.site-switch .site-info {
    width: 100%;
    overflow: hidden
}


.site-switch .site-list-wrap {
    min-height: 224px;
    width: 626px;
    overflow: hidden
}

.site-switch .site-list {
    padding-top: 32px;
    width: 642px;
    overflow: hidden
}

.zwd-top-nav {
    width: 100%;
    background: #fbfbfb;
    z-index: 10000000;
    border-bottom: 1px solid #e5e5e5
}

.zwd-top-nav .top-nav a {
    color: #666
}

.zwd-top-nav .top-nav a:hover {
    color: #e1261b
}

.zwd-top-nav .container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 31px
}

.zwd-top-nav .container .icon-zwd, .zwd-top-nav .container .top-nav-seperate, .zwd-top-nav .container .seperate-line, .zwd-top-nav .container .top-nav-seperate, .zwd-top-nav .container .top-nav-item, .zwd-top-nav .container .dropdown-arrow {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.zwd-top-nav .container .dropdown-arrow {
    color: #CCC
}

.zwd-top-nav .container .nav-left .top-nav-item-wp .icon-zwd {
    margin-top: 0;
    line-height: 31px
}

.zwd-top-nav .container .nav-left .top-nav-item-wp .pull-left {
    font-size: 12px
}

.zwd-top-nav .container .nav-left .top-nav-item-wp .site-name {
    margin-left: 5px
}

.zwd-top-nav .container .nav-left .top-nav-item-wp .pull-right {
    margin-left: 5px;
    color: #CCC
}

.zwd-top-nav .container #switchSite, .zwd-top-nav .container #switchSite .icon-zwd {
    cursor: pointer
}

.zwd-top-nav .nav-right .icon-lg {
    margin-right: 2px;
    font-size: 14px
}

.zwd-top-nav .top-nav-item {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif !important;
    font-size: 12px !important;
    color: #666 !important;
    font-weight: 400 !important;
    position: relative;
    padding: 0 6px;
    height: 31px;
    line-height: 31px
}

.zwd-top-nav .top-nav-item .site {
    z-index: 100;
    background: #fff
}

.zwd-top-nav .nav-left .top-nav-item {
    padding: 0 20px 0 0
}

.zwd-top-nav .site-list-arrow {
    width: 12px;
    height: 6px;
    line-height: 6px;
    margin-top: 12px;
    font-size: 12px
}

.zwd-top-nav .site-list-arrow .icon-zwd {
    color: #ccc
}

.zwd-top-nav .icon-location {
    width: 12px;
    height: 14px;
    line-height: 14px;
    margin-top: 8px;
    font-size: 12px
}

.zwd-top-nav .icon-location .icon-zwd {
    color: #333
}

.zwd-top-nav .seperate-line {
    padding: 0 6px;
    color: #999;
    line-height: 31px
}

.zwd-top-nav .dropdown-label {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    width: 70px
}

.zwd-top-nav .dropdown-label:hover {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.zwd-top-nav .dropdown-label:hover .dropdown-container {
    display: block
}

.zwd-top-nav .dropdown-label:hover .dropdown-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.zwd-top-nav .dropdown-label .dropdown-container {
    position: absolute;
    z-index: 99;
    top: 30px;
    left: -1px;
    padding: 0 6px;
    width: 70px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: 0;
    display: none;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#fff');
    animation: fadeInDown .4s;
    -webkit-animation: fadeInDown .4s;
    -o-animation: fadeInDown .4s;
    -ms-animation: fadeInDown .4s
}

.zwd-top-nav .dropdown-label .dropdown-arrow {
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-top-nav .dropdown-label.dropdown-lg {
    width: 90px
}

.zwd-top-nav .dropdown-label.dropdown-lg .dropdown-container {
    width: 90px
}

.zwd-top-nav .dropdown-label .dropdown-menu .menu-item {
    line-height: 26px
}

.zwd-top-nav .dropdown-label .dropdown-menu .menu-item a {
    color: #999;
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-top-nav .dropdown-label .dropdown-menu .menu-item a:hover {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 12px;
    color: #e1261b;
    font-weight: 400
}

.zwd-top-nav .dropdown-label .dropdown-menu .menu-shop-only {
    display: none
}

.zwd-top-nav #login {
    margin-left: 10px
}

.zwd-top-nav .top-nav-home {
    margin-left: 20px
}

.zwd-top-nav #my17 {
    width: 72px
}

.zwd-top-nav #my17 .dropdown-container {
    width: 72px
}

.zwd-top-nav #my17 .dropdown-container .new-item_2020v1 a {
    color: #e1261b
}

.zwd-top-nav #my17 .myorder-entry-old {
    display: none
}

.zwd-top-nav #favour {
    width: 60px
}

.zwd-top-nav #favour .dropdown-container {
    width: 60px
}

.zwd-top-nav .site .dropdown-arrow {
    display: none
}

.zwd-top-nav .site:hover .site-list {
    display: none !important
}

.zwd-top-nav .dropdown-label .site-list {
    width: 70px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    width: 184px;
    padding-right: 0;
    padding: 10px 0;
    overflow: visible;
    box-shadow: 0 1px 4px 2px #eee;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    *width: 189px;
    _width: 189px;
    width: 189px \9;
    width: 189px \0;
    min-width: 189px;
    height: 104px
}

.zwd-top-nav .dropdown-label .site-list:hover {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.zwd-top-nav .dropdown-label .site-list:hover .dropdown-container {
    display: block
}

.zwd-top-nav .dropdown-label .site-list:hover .dropdown-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.zwd-top-nav .dropdown-label .site-list .dropdown-container {
    position: absolute;
    z-index: 99;
    top: 32px;
    left: -1px;
    padding: 0 6px;
    width: 70px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: 0;
    display: none;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#fff');
    animation: fadeInDown .4s;
    -webkit-animation: fadeInDown .4s;
    -o-animation: fadeInDown .4s;
    -ms-animation: fadeInDown .4s
}

.zwd-top-nav .dropdown-label .site-list .dropdown-arrow {
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-top-nav .dropdown-label .site-list.dropdown-lg {
    width: 90px
}

.zwd-top-nav .dropdown-label .site-list.dropdown-lg .dropdown-container {
    width: 90px
}

.zwd-top-nav .dropdown-label .site-list .dropdown-menu .menu-item {
    line-height: 26px
}

.zwd-top-nav .dropdown-label .site-list .dropdown-menu .menu-item a {
    color: #999;
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-top-nav .dropdown-label .site-list .dropdown-menu .menu-item a:hover {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 12px;
    color: #e1261b;
    font-weight: 400
}

.zwd-top-nav .dropdown-label .site-list .dropdown-menu .menu-shop-only {
    display: none
}

.zwd-top-nav .dropdown-label .site-list:before {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    width: 76px;
    height: 10px;
    background: #fff;
    z-index: 100;
    left: 0;
    border: 0
}

.zwd-top-nav .dropdown-label .site-list .menu-item {
    float: left;
    transition: all .1s;
    -webkit-transition: all .1s;
    width: 44px \0;
    width: 44px \9;
    _width: 44px;
    *width: 44px;
    min-width: 44px;
    padding: 0 4px;
    margin: 4px;
    text-align: center
}

.zwd-top-nav .dropdown-label .site-list .menu-item:hover {
    background: #e1261b
}

.zwd-top-nav .dropdown-label .site-list .menu-item:hover a {
    color: #fff !important
}

.zwd-top-nav .dropdown-label .site-list .menu-item.active {
    color: #e1261b
}

.zwd-top-nav .user-info a {
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-top-nav .user-info a:hover {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 12px;
    color: #e1261b;
    font-weight: 400
}

.zwd-top-nav .logout-btn {
    display: none
}

.zwd-top-nav .top-nav-item-wp.user-logged .signup-btn {
    display: none
}

.zwd-top-nav .top-nav-item-wp.user-logged .logout-btn {
    display: inline-block
}

.zwd-top-nav .code-wrap {
    position: relative;
    display: block
}

.zwd-top-nav .code-wrap:hover .code {
    display: block
}

.zwd-top-nav .code-wrap .code {
    display: none;
    position: absolute;
    z-index: 999;
    top: 31px;
    margin-right: -6px;
    box-shadow: 1px 0 4px rgba(0, 0, 0, .16);
    right: 0
}

.zwd-top-nav .code-wrap .code .code-center {
    width: 104px;
    box-sizing: border-box;
    padding: 6px 8px 0;
    background: #fff;
    height: 98px
}

.zwd-top-nav .code-wrap .code .code-center .app_qr_code {
    height: 92px;
    background: url(../image/app_qrcode_2021_v1.jpeg) no-repeat center;
    background-size: cover
}

.zwd-top-nav .code-wrap .txt {
    width: 104px;
    height: 28px;
    background: #fff;
    margin-top: -2px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.zwd-top-nav .top-nav-item-wp {
    color: #666;
    cursor: pointer
}

.zwd-top-nav .top-nav-item-wp .sitename {
    color: #666;
    margin-left: 2px
}

.zwd-top-nav .top-nav-item-wp .top-nav-seperate {
    margin: 0 3px
}

.zwd-top-nav .top-nav-item-wp .highlighted {
    color: #e1261b
}

.zwd-top-nav .top-nav-item-wp > i {
    color: #666;
    display: inline-block
}

.zwd-top-nav .top-nav-item-wp span, .zwd-top-nav .top-nav-item-wp i {
    color: #666
}

.web-nav-wrap {
    position: relative;
    height: 31px
}

.web-nav-wrap:after {
    display: none;
    position: absolute;
    content: '';
    background: #fff;
    width: 104px;
    height: 1px;
    z-index: 88;
    top: 31px;
    left: -7px
}

.web-nav-wrap:hover:after {
    display: block
}

.web-nav-wrap:hover .web-nav-list {
    display: block
}

.web-nav-list {
    display: none;
    position: absolute;
    top: 31px;
    right: -7px;
    width: 470px;
    min-height: 200px;
    background: #fff;
    z-index: 100;
    border: 1px solid #e5e5e5;
    padding-top: 22px;
    animation: fadeInDown .4s;
    -webkit-animation: fadeInDown .4s;
    -o-animation: fadeInDown .4s;
    -ms-animation: fadeInDown .4s
}

.web-nav-list .web-nav-item {
    position: relative;
    padding-left: 108px;
    margin-bottom: 12px
}

.web-nav-list .web-nav-item > ul {
    overflow: hidden
}

.web-nav-list .web-nav-item li {
    display: inline-block;
    min-width: 50px;
    text-align: left
}

.web-nav-list .web-nav-item li a {
    color: #666;
    font-size: 12px
}

.web-nav-list .web-nav-item li a:hover {
    color: #e1261b
}

.web-nav-list .web-nav-item .guide-vertic-line {
    min-width: 1px;
    width: 1px;
    height: 10px;
    background: #999;
    margin: 0 8px
}

.web-nav-list .web-nav-adshow-container {
    position: relative;
    margin: 0 0 26px 32px;
    width: 406px !important
}

.web-nav-list .web-nav-adshow-container .a33-wrapper {
    height: 120px
}

.web-nav-list .web-nav-adshow-container .a33-wrapper .a33-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.web-nav-list .web-nav-adshow-container .a33-wrapper .a33-slide:first-child {
    display: block
}

.web-nav-list .web-nav-adshow-container .a33-wrapper a {
    display: block;
    width: 100%
}

.web-nav-list .web-nav-adshow-container .a33-wrapper img {
    width: 100%
}

.web-nav-list .web-nav-adshow-container:hover .a33-button-next, .web-nav-list .web-nav-adshow-container:hover .a33-button-prev {
    z-index: 999
}

.web-nav-list .web-nav-adshow-container .a33-button-prev, .web-nav-list .web-nav-adshow-container .a33-button-next {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    background: rgba(0, 0, 0, .3);
    width: 18px;
    text-align: center;
    line-height: 56px;
    height: 54px;
    cursor: pointer
}

.web-nav-list .web-nav-adshow-container .a33-button-prev > .icon-zwd, .web-nav-list .web-nav-adshow-container .a33-button-next > .icon-zwd {
    cursor: pointer;
    font-size: 18px;
    color: #fff
}

.web-nav-list .web-nav-adshow-container .a33-button-prev:hover, .web-nav-list .web-nav-adshow-container .a33-button-next:hover {
    background: rgba(0, 0, 0, .6)
}

.web-nav-list .web-nav-adshow-container .a33-button-prev {
    left: 2%
}

.web-nav-list .web-nav-adshow-container .a33-button-next {
    right: 2%
}

.web-nav-list .web-nav-group {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    width: 118px;
    text-align: center;
    color: #333;
    font-size: 14px
}

.v1-announcement {
    line-height: 32px;
    background: #F5F8FA
}

.v1-announcement .v1-content {
    width: 1190px;
    margin: 0 auto;
    color: #666;
    line-height: 1.8;
    font-size: 12px
}

.v1-announcement .v1-content i {
    font-size: 14px;
    margin-right: 6px
}

.seller-center-wrap {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    width: 70px
}

.daifa-link {
    display: none
}

.seller-center {
    width: 66px
}

.daifa-tips-wrap {
    position: relative;
    transition: all .4s
}

.daifa-tips-wrap .daifa-tips {
    display: none;
    position: absolute;
    width: 296px;
    height: 150px;
    right: -300px;
    top: 26px;
    z-index: 9999;
    animation: fadeInDown .4s;
    -webkit-animation: fadeInDown .4s;
    -o-animation: fadeInDown .4s;
    -ms-animation: fadeInDown .4s
}

.daifa-tips-wrap-show {
    border-left: 1px solid #e5e5e5 !important;
    border-right: 1px solid #e5e5e5 !important;
    z-index: 9999;
    background: #fff
}

.daifa-tips-wrap-show .dropdown-container {
    display: block !important
}

.daifa-tips-wrap-show .daifa-tips {
    display: block;
    position: absolute;
    width: 296px;
    height: 150px;
    right: 94px;
    top: 41px
}

.daifa-tips-wrap-show .close-daifa-tips {
    cursor: pointer;
    position: absolute;
    width: 120px;
    height: 30px;
    left: 80px;
    bottom: 18px
}

.daifa-tips-wrap-show .dropdown-menu {
    position: relative;
    z-index: 2
}

.daifa-tips-wrap-show .dropdown-container {
    overflow: initial !important
}

.daifa-tips-wrap-show .obvious-link {
    display: block
}

.daifa-tips-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .6)
}

.obvious-link {
    display: none;
    position: absolute;
    width: 100px;
    height: 60px;
    background: #fff;
    top: -4px;
    left: -8px;
    border: 1px dashed #999
}

.unlegalTips {
    margin: 8px 0 0 8px;
    font-size: 12px;
    color: #e1261b;
    cursor: pointer
}

.unlegalTips .cont {
    margin-left: 4px
}

.search-item-wrap {
    margin-top: 4px;
    padding-left: 5px;
    *zoom: 1
}

.search-item-wrap:before, .search-item-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.search-item-wrap:after {
    clear: both
}

.search-item-wrap:before, .search-item-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.search-item-wrap:after {
    clear: both
}

.search-item-wrap:before, .search-item-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.search-item-wrap:after {
    clear: both
}

.search-item-wrap:before, .search-item-wrap:after {
    display: table;
    content: "";
    line-height: 0
}

.search-item-wrap:after {
    clear: both
}

.search-item-wrap .search-type {
    float: left;
    margin: 2px 14px 6px 10px;
    font-size: 12px;
    color: #333;
    cursor: pointer
}

.item-selected .item {
    color: #e1261b;
    font-weight: 700;
    display: inline-block !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.item-selected .min_shop {
    display: block !important
}

.shop-selected .shop {
    color: #e1261b;
    font-weight: 700;
    display: inline-block !important
}

.shop-selected .min_item {
    display: block !important
}

.stu-selected .stu {
    color: #e1261b;
    font-weight: 700
}

.dropdown-menu .search-type {
    display: none
}

#min-search-item-wrap, .seperate-line.pull-left {
    display: none
}

.move .main-logo {
    margin-top: 7px !important
}

.move .top-nav-site-switch-wrap {
    padding-top: 14px !important
}

.search-link-list {
    position: absolute;
    width: 560px;
    margin-left: 5px;
    margin-top: 12px
}

.search-link-list.search-title {
    margin-left: 0
}

.search-link-list > a {
    padding: 0 5px;
    display: inline-block;
    color: #333;
    transition: color 3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

.J_auto_complete {
    position: relative;
    overflow: hidden;
    min-height: 350px
}

.suggest-list-wrap {
    float: left;
    min-width: 280px;
    height: 330px;
    overflow-y: scroll
}

.keyword-adshow-container {
    float: right;
    width: 210px
}

.keyword-adshow-container .keyword-adshow {
    width: 200px;
    height: 162px;
    margin: 10px 0;
    overflow: hidden
}

.zwd-search-promote .search-dangkou-ranking {
    margin-bottom: 10px;
    padding: 10px;
    padding-bottom: 0
}

.zwd-search-promote .search-dangkou-ranking a {
    font-size: 12px;
    color: #333
}

.zwd-search-promote .search-dangkou-ranking a:hover {
    color: #e1261b
}

.zwd-search-promote .search-dangkou-img {
    margin-top: 10px;
    padding: 0 10px 10px;
    overflow: hidden;
    box-sizing: border-box
}

.zwd-search-promote .search-dangkou-img-item {
    float: left;
    width: 118px;
    height: 170px;
    overflow: hidden;
    margin-right: 10px
}

.zwd-search-promote .search-dangkou-img-item:last-child {
    margin-right: 0
}

.soutu-promote-wrap {
    padding: 10px
}

.soutu-promote-wrap .close-soutu {
    margin-bottom: 10px;
    text-align: right
}

.soutu-promote-wrap .close-soutu > i {
    display: inline-block;
    background: #F5F8FA;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

.soutu-promote-wrap .upload-box {
    background: #F5F8FA;
    text-align: center;
    height: 82px;
    line-height: 82px;
    color: #999
}

.soutu-promote-wrap .upload-btn {
    display: block;
    width: 120px;
    height: 30px;
    border: #e5e5e5 1px solid;
    color: #333;
    line-height: 30px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 20px auto
}

.soutu-promote-wrap .upload-btn > div {
    width: 120px !important;
    height: 30px !important
}

.soutu-promote-wrap .upload-btn .webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    outline: 0
}

.soutu-promote-wrap .outside-tg-adshow {
    margin-top: 20px;
    overflow: hidden;
    box-sizing: border-box
}

.soutu-promote-wrap .outside-tg-adshow .tg-item {
    float: left;
    margin-right: 10px;
    height: 104px;
    width: 160px;
    overflow: hidden
}

.soutu-promote-wrap .outside-tg-adshow .tg-item:last-child {
    margin-right: 0
}

.soutu-promote-wrap .outside-tg-adshow .tg-item img {
    width: 160px;
    height: 104px
}

#keywordList .active {
    color: #e1261b !important
}

#global-Message {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    z-index: 1010;
    width: 100%;
    top: 76px;
    left: 0;
    pointer-events: none
}

#global-Message .pk-message-notice {
    text-align: center;
    margin-bottom: 20px
}

#global-Message .pk-message-notice-content {
    padding: 10px 16px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    background: #fff;
    display: inline-block;
    pointer-events: all
}

#global-Message .icon-zwd {
    font-size: 14px;
    margin-right: 6px
}

#global-Message .icon-zwd.success:after {
    content: '\e6c1';
    color: #10c623
}

#global-Message .icon-zwd.warning:after {
    content: '\e667';
    color: #ffab12
}

#global-Message .icon-zwd.error:after {
    content: '\e653';
    color: #f90606
}

.moveIn {
    animation: antMoveUpIn .2s forwards
}

.moveOut {
    animation: antMoveUpOut .2s forwards
}

@keyframes antMoveUpIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
}

@keyframes antMoveUpOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

.zwd-header {
    width: 100%;
    background: #fff;
    height: 120px
}

.zwd-header .container {
    width: 1200px;
    margin: 0 auto;
    height: 108px;
    padding-top: 20px
}

.zwd-header .container * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.zwd-header .search-box-X {
    box-sizing: border-box;
    position: relative;
    width: 524px;
    height: 36px;
    border: 1px solid #e1261b;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.zwd-header .search-box-X .dropdown-label {
    width: 58px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border: 0 !important;
    cursor: pointer
}

.zwd-header .search-box-X .dropdown-label:hover {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.zwd-header .search-box-X .dropdown-label:hover .dropdown-container {
    display: block
}

.zwd-header .search-box-X .dropdown-label:hover .dropdown-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.zwd-header .search-box-X .dropdown-label .dropdown-container {
    position: absolute;
    z-index: 99;
    top: 34px;
    left: -1px;
    padding: 0 6px;
    width: 58px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: 0;
    display: none;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#fff');
    animation: fadeInDown .4s;
    -webkit-animation: fadeInDown .4s;
    -o-animation: fadeInDown .4s;
    -ms-animation: fadeInDown .4s
}

.zwd-header .search-box-X .dropdown-label .dropdown-arrow {
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-header .search-box-X .dropdown-label.dropdown-lg {
    width: 36px
}

.zwd-header .search-box-X .dropdown-label.dropdown-lg .dropdown-container {
    width: 36px
}

.zwd-header .search-box-X .dropdown-label .dropdown-menu .menu-item {
    line-height: 26px
}

.zwd-header .search-box-X .dropdown-label .dropdown-menu .menu-item a {
    color: #999;
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-header .search-box-X .dropdown-label .dropdown-menu .menu-item a:hover {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 12px;
    color: #e1261b;
    font-weight: 400
}

.zwd-header .search-box-X .dropdown-label .dropdown-menu .menu-shop-only {
    display: none
}

.zwd-header .search-box-X .dropdown-label .dropdown-container {
    width: 58px;
    padding: 0;
    border: 1px solid #e1261b;
    border-top: 0;
    background-color: #fff;
    animation: fadeIn .4s;
    -webkit-animation: fadeIn .4s;
    -o-animation: fadeIn .4s;
    -ms-animation: fadeIn .4s
}

.zwd-header .search-box-X .tusou-tips {
    display: none;
    position: absolute;
    right: 134px;
    font-size: 12px;
    color: #f50;
    top: 12px;
    background: #fff;
    padding-left: 6px
}

.zwd-header .search-box-X .tusou-tips .error-hint-icon {
    color: #f50
}

.zwd-header .search-box-X .search-type-selected.item, .zwd-header .search-box-X .search-type.shop {
    display: inline-block;
    height: 28px;
    line-height: 38px;
    text-indent: 9px
}

.zwd-header .search-box-X .search-type-selected.shop, .zwd-header .search-box-X .search-type.item {
    display: none
}

.zwd-header .search-box-X.shop-selected .search-type-selected.item, .zwd-header .search-box-X.shop-selected .search-type.shop {
    display: none
}

.zwd-header .search-box-X.shop-selected .search-type-selected.shop, .zwd-header .search-box-X.shop-selected .search-type.item {
    display: inline-block;
    height: 28px;
    line-height: 38px;
    text-indent: 9px
}

.zwd-header .search-box-X.stu-selected .dropdown-label {
    display: none
}

.zwd-header .search-box-X.stu-selected .camera {
    display: block
}

.zwd-header .search-box-X.stu-selected .J_submit_btn {
    display: none
}

.zwd-header .search-box-X.stu-selected .J_type_trigger {
    display: none
}

.zwd-header .search-box-X .search-item {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.zwd-header .search-box-X .search-type {
    cursor: pointer
}

.zwd-header .search-box-X .search-type:hover {
    color: #e1261b
}

.zwd-header .search-box-X .search-type span {
    margin-left: -15px
}

.zwd-header .search-box-X .search-input-container {
    width: 380px;
    height: 36px;
    overflow: hidden
}

.zwd-header .search-box-X .search-input-container input::-webkit-input-placeholder {
    color: #bcbcbc
}

.zwd-header .search-box-X .search-type-selected, .zwd-header .search-box-X .search-input, .zwd-header .search-box-X .search-type {
    height: 28px;
    line-height: 28px;
    background-color: #fff;
    font-size: 12px
}

.zwd-header .search-box-X h .search-type-selected, .zwd-header .search-box-X .search-type {
    padding: 4px 0
}

.zwd-header .search-box-X .search-input {
    border: 0;
    text-indent: 16px;
    width: 380px;
    outline: 0;
    padding: 4px 0;
    background: #fff;
    font-size: 12px;
    box-sizing: border-box
}

.zwd-header .search-box-X .search-input::-webkit-input-placeholder {
    color: #A6A6A6
}

.zwd-header .search-box-X .search-input:-moz-placeholder {
    color: #A6A6A6
}

.zwd-header .search-box-X .search-input::-moz-placeholder {
    color: #A6A6A6
}

.zwd-header .search-box-X .search-input:-ms-input-placeholder {
    color: #A6A6A6
}

.zwd-header .search-box-X .seperate-line {
    width: 1px;
    height: 28px;
    margin-top: 4px;
    background: #eee
}

.zwd-header .search-box-X .stu-icon-camera {
    position: absolute;
    top: 0;
    right: 86px;
    height: 36px
}

.zwd-header .search-box-X .stu-icon-camera i {
    display: block;
    z-index: 2;
    font-size: 22px;
    cursor: pointer;
    color: #999;
    width: 30px;
    height: 22px;
    line-height: 22px;
    margin-top: 7px
}

.zwd-header .search-box-X .search-btn-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 80px;
    background-color: #e1261b;
    text-align: center;
    cursor: pointer;
    user-select: none
}

.zwd-header .search-box-X .search-btn {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    width: 80px;
    height: 22px;
    line-height: 22px;
    margin-top: 7px
}

.zwd-header .search-box-X .camera {
    display: none
}

.zwd-header .header-search > .shopcar {
    position: relative;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    box-sizing: border-box;
    color: #333;
    text-align: center;
    border: 1px solid #ddd;
    left: 162px;
    top: -36px;
    cursor: pointer
}

.zwd-header .header-search > .shopcar span {
    font-size: 18px;
    margin-right: 4px
}

.zwd-header .header-search .shopCarNumber {
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 12px;
    color: #fff;
    border-bottom-left-radius: 12px;
    font-style: normal;
    height: 14px;
    min-width: 26px;
    line-height: 14px;
    background: #e1261b
}

.zwd-header .header-search-box {
    position: relative
}

.zwd-header .search-dropdown {
    border: 1px solid #e1261b;
    overflow: hidden !important;
    position: absolute;
    max-height: 400px;
    min-height: 200px;
    width: 522px;
    left: -1px;
    top: 34px;
    display: none;
    overflow-x: hidden;
    background: #fff;
    z-index: 10
}

.zwd-header .search-dropdown.expend {
    display: block
}

.zwd-header .search-dropdown .suggest-list {
    *zoom: 1
}

.zwd-header .search-dropdown .suggest-list:before, .zwd-header .search-dropdown .suggest-list:after {
    display: table;
    content: "";
    line-height: 0
}

.zwd-header .search-dropdown .suggest-list:after {
    clear: both
}

.zwd-header .search-dropdown .suggest-list:before, .zwd-header .search-dropdown .suggest-list:after {
    display: table;
    content: "";
    line-height: 0
}

.zwd-header .search-dropdown .suggest-list:after {
    clear: both
}

.zwd-header .search-dropdown .suggest-list:before, .zwd-header .search-dropdown .suggest-list:after {
    display: table;
    content: "";
    line-height: 0
}

.zwd-header .search-dropdown .suggest-list:after {
    clear: both
}

.zwd-header .search-dropdown .suggest-list:before, .zwd-header .search-dropdown .suggest-list:after {
    display: table;
    content: "";
    line-height: 0
}

.zwd-header .search-dropdown .suggest-list:after {
    clear: both
}

.zwd-header .search-dropdown .suggest-list a {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin: 4px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    transition: all .2s;
    -webkit-transition: all .2s
}

.zwd-header .search-dropdown .suggest-list a:hover, .zwd-header .search-dropdown .suggest-list a.current {
    background-color: #eee
}

.zwd-header .search-dropdown .suggest-list a .gold-icon {
    margin-left: 4px;
    font-size: 14px;
    color: #ff892b !important
}

.zwd-header .search-dropdown .suggest-list a .flagship-icon {
    margin-left: 4px;
    font-size: 14px;
    color: #e83836 !important
}

.zwd-header .search-dropdown .suggest-list .brief {
    color: #999
}

.site-box {
    display: none;
    float: left;
    width: 167px;
    height: 67px;
    margin-left: 28px
}

.site-box .site-label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    width: 80px;
    height: 30px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    color: #333;
    margin-top: 11px;
    cursor: pointer
}

.site-box .site-label .sitename {
    margin-right: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    color: #333
}

.site-box .exchange-site {
    margin-top: 8px
}

.site-box .exchange-site .icon-zwd {
    color: #999
}

.site-box .exchange-site span {
    color: #999
}

.two-god-of-door-container {
    display: none;
    float: right;
    margin-top: 18px
}

.two-god-of-door-container .god-of-door-container {
    display: inline-block;
    float: left;
    margin: 0 0 0 10px
}

.two-god-of-door-container-big {
    margin-top: 14px
}

#real {
    z-index: 999;
    left: 0;
    right: 0;
    transition: all .5s
}

.float-head {
    height: 120px
}

.img-ctn {
    width: 118px;
    height: 47px;
    margin-top: 6px
}

.header-search-down {
    margin-left: -8px
}

.main-logo {
    width: 164px;
    margin-top: 10px;
    text-align: center
}

.main-logo img {
    width: 164px
}

.top-nav-site-switch-wrap {
    padding-top: 24px;
    margin: 0 70px 0 28px;
    cursor: pointer
}

.top-nav-site-switch-wrap .current-site {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif
}

.top-nav-site-switch-wrap .current-site i {
    font-size: 18px
}

.top-nav-site-switch-wrap .top-nav-site-switch {
    padding-left: 4px;
    font-size: 12px;
    color: #999;
    margin-top: 6px
}

.ceiling {
    animation: ceiling .4s ease;
    -webkit-animation: ceiling .4s ease;
    -o-animation: ceiling .4s ease;
    -ms-animation: ceiling .4s ease;
    box-shadow: 0 2px 6px rgba(14, 14, 14, .1)
}

.ceiling .container {
    height: 84px;
    margin: 0 auto;
    padding-top: 0
}

.ceiling .search-item-wrap, .ceiling #keywordList, .ceiling .shopcar {
    display: none
}

.ceiling #min-search-item-wrap, .ceiling .two-god-of-door-container {
    display: block
}

.ceiling .top-nav-site-switch-wrap {
    padding-top: 24px;
    margin-right: 145px
}

.ceiling .header-search {
    margin-top: 24px
}

.ceiling .main-logo {
    margin-top: 24px
}

.ceiling .logo-container {
    width: 120px
}

.ceiling .logo-container img {
    width: 100%;
    height: auto
}

.floorAnimation {
    animation: flooring .4s ease;
    -webkit-animation: flooring .4s ease;
    -o-animation: flooring .4s ease;
    -ms-animation: flooring .4s ease
}

.quick-login.login-container {
    width: 340px;
    height: 560px;
    background: #fff;
    position: absolute;
    z-index: 999;
    display: none;
    padding: 0 40px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1)
}

.quick-login.login-container .login-hint-container {
    height: 66px;
    padding-top: 8px;
    border-bottom: 1px solid #ccc;
    position: relative
}

.quick-login.login-container .login-hint-container .login-hint-text {
    float: left;
    height: 66px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #ccc;
    line-height: 66px;
    cursor: default;
    position: relative;
    z-index: 2
}

.quick-login.login-container .login-hint-container .login-hint-text::after {
    content: "";
    width: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: -2px;
    border-bottom: 3px solid #333;
    box-shadow: 0 0 5px #ccc
}

.quick-login.login-container .login-hint-container .close-btn {
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 34px;
    color: #333;
    cursor: pointer
}

.quick-login.login-container .login-input-container {
    margin-top: 40px
}

.quick-login.login-container .login-input-container .input-item {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative
}

.quick-login.login-container .login-input-container .input-item .warn {
    color: #FF0330;
    margin-left: 6px;
    vertical-align: middle;
    font-size: 14px
}

.quick-login.login-container .login-input-container .input-item.pwd {
    margin-bottom: 12px
}

.quick-login.login-container .login-input-container .input-item .operate-input {
    border: 0;
    caret-color: #000;
    color: #333;
    height: 42px;
    line-height: 42px;
    width: 338px;
    padding: 0 20px;
    font-size: 14px;
    box-sizing: border-box;
    background: #F5F8FA
}

.quick-login.login-container .login-input-container .input-item .operate-input.focus {
    background: #fff
}

.quick-login.login-container .login-input-container .input-item .pass-visible {
    display: block;
    cursor: pointer;
    color: #999;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 16px;
    top: 13px
}

.quick-login.login-container .login-input-container .input-item .input-hint {
    display: block;
    height: 42px;
    line-height: 42px;
    color: #FF0330;
    position: absolute;
    right: 14px;
    top: 0;
    background: #F5F8FA
}

.quick-login.login-container .login-input-container .input-item.focus .input-hint {
    background: 0 0
}

.quick-login.login-container .login-input-container .login-btn-container {
    margin-bottom: 16px
}

.quick-login.login-container .login-input-container .login-btn-container .login-btn {
    height: 44px;
    background: #e1261b;
    width: 100%;
    border: 0;
    border-radius: 4px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, .15);
    color: #fff;
    text-align: center;
    margin-top: 0;
    font-size: 20px;
    line-height: 44px;
    border-radius: 3px;
    cursor: pointer
}

.quick-login.login-container .login-input-container .login-btn-container .login-btn.disabled {
    background: #eee;
    border-color: #ddd;
    color: #aaa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.quick-login.login-container .login-input-container .login-btn-container .login-btn .loading-icon {
    display: none;
    border-radius: 50%;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    border: 1px solid transparent;
    border-top: 1px solid #eee
}

.quick-login.login-container .login-input-container .login-btn-container .login-btn.loading {
    opacity: .7
}

.quick-login.login-container .login-input-container .login-btn-container .login-btn.loading .loading-icon {
    display: inline-block;
    animation: loading 1.2s infinite ease-in-out
}

.quick-login.login-container .login-input-container .operate-links-container {
    margin-bottom: 24px
}

.quick-login.login-container .login-input-container .operate-links-container .label-remember {
    color: #666;
    vertical-align: top;
    position: relative;
    font-size: 12px
}

.quick-login.login-container .login-input-container .operate-links-container .label-remember .remember {
    -webkit-appearance: checkbox
}

.quick-login.login-container .login-input-container .operate-links-container .label-remember .remember:checked + label {
    border: 1px solid #367DDD;
    background-color: #367DDD
}

.quick-login.login-container .login-input-container .operate-links-container .label-remember .remember:checked + label::after {
    content: '\2714';
    position: absolute;
    top: -1px;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 1px 0 0;
    vertical-align: text-top
}

.quick-login.login-container .login-input-container .operate-links-container .label-remember label {
    border: 1px solid #999;
    color: #fff;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 6px;
    display: inline-block;
    position: absolute;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -1px;
    left: 0
}

.quick-login.login-container .login-input-container .operate-links-container a {
    color: #666;
    position: relative;
    z-index: 2;
    float: right
}

.quick-login.login-container .login-input-container .operate-links-container .btn-forget {
    font-size: 12px
}

.quick-login.login-container .login-input-container .operate-links-container .btn-forget:hover {
    color: #367DDD
}

.quick-login.login-container .login-input-container .operate-links-container .btn-help {
    font-size: 14px;
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #ccc
}

.quick-login.login-container .login-input-container .operate-links-container .btn-help:hover {
    color: #367DDD
}

.quick-login.login-container .login-input-container .operate-links-container .btn-register {
    font-size: 14px;
    padding-right: 10px
}

.quick-login.login-container .login-input-container .operate-links-container .btn-register:hover {
    color: #367DDD
}

.quick-login.login-container .wrapper-third-login {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px
}

.quick-login.login-container .wrapper-third-login .title-third-login {
    margin: 0 auto;
    width: 118px;
    height: 15px;
    font-size: 14px;
    color: #aaa;
    line-height: 15px;
    text-align: center;
    position: relative
}

.quick-login.login-container .wrapper-third-login .title-third-login::before, .quick-login.login-container .wrapper-third-login .title-third-login::after {
    border: 1px solid #aaa;
    content: '';
    font-size: 0;
    height: 0;
    width: 4px;
    position: absolute;
    top: 7px
}

.quick-login.login-container .wrapper-third-login .title-third-login::before {
    left: 0
}

.quick-login.login-container .wrapper-third-login .title-third-login::after {
    right: 0
}

.quick-login.login-container .wrapper-third-login .operate-qq-ali-container {
    margin-top: 22px;
    text-align: center
}

.quick-login.login-container .wrapper-third-login .operate-qq-ali-container .operate-contact {
    display: inline-block;
    margin: 0 12px
}

.quick-login.login-container .wrapper-third-login .operate-qq-ali-container .wx, .quick-login.login-container .wrapper-third-login .operate-qq-ali-container .qq, .quick-login.login-container .wrapper-third-login .operate-qq-ali-container .ali {
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 28px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    user-select: none;
    width: 50px
}

.quick-login.login-container .wrapper-third-login .operate-qq-ali-container .wx {
    background: #9BD95E
}

.quick-login.login-container .wrapper-third-login .operate-qq-ali-container .qq {
    background: #5BBBF9
}

.quick-login.login-container .wrapper-third-login .operate-qq-ali-container .ali {
    background: #4F9CEF
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.announcement-list-container .line-height-container {
    line-height: 21px;
    color: #fff
}

.announcement-list-container.active {
    background: #e1261b
}

.announcement-list-container.active::before {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    left: 0;
    top: 15px;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    z-index: 2
}

.announcement-list-container .icon-announcement {
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    cursor: pointer
}

.announcement-list-container .announcement-tabs {
    display: none;
    background: #fff;
    position: absolute;
    top: 0;
    right: 32px;
    width: 300px;
    height: 134px;
    border-radius: 4px;
    box-shadow: 0 0 5px #ddd;
    padding: 15px 0;
    text-align: left
}

.announcement-list-container .announcement-tabs .announcement-header {
    padding: 0 15px;
    border-bottom: 1px solid #eee;
    position: relative
}

.announcement-list-container .announcement-tabs .announcement-header span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    font-weight: 600;
    color: #999;
    font-size: 14px;
    padding-bottom: 9px;
    margin-right: 32px;
    display: inline-block;
    cursor: pointer
}

.announcement-list-container .announcement-tabs .announcement-header span.active {
    color: #333;
    border-bottom: 2px solid #e1261b;
    background: #fff
}

.announcement-list-container .announcement-tabs .announcement-header .icon-close {
    position: absolute;
    right: 15px;
    top: 0;
    color: #999;
    cursor: pointer
}

.announcement-list-container .announcement-tabs .announcement-body {
    margin: 0 15px
}

.announcement-list-container .announcement-tabs .announcement-body .announcement-list {
    height: 120px;
    overflow: hidden
}

.announcement-list-container .announcement-tabs .announcement-body .announcement-list li {
    color: #999;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, Arial, sans-serif;
    width: 270px;
    height: 41px;
    line-height: 41px;
    border-bottom: 1px dashed #eee;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.announcement-list-container .announcement-tabs .announcement-body .announcement-list li a {
    color: #999
}

.announcement-list-container .announcement-tabs .announcement-body .announcement-list li:hover a {
    color: #333
}

.announcement-list-container .announcement-tabs .announcement-body .announcement-list li:last-child {
    border: 0
}

.announcemnet-wrap, .announcement-background, .announcemnet-all-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.announcemnet-wrap {
    display: none;
    position: fixed;
    z-index: 999
}

.announcemnet-wrap .announcement-background {
    position: absolute;
    background: #000;
    opacity: .2
}

.announcemnet-wrap .announcement-window {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -110px -250px;
    width: 500px;
    background: #fff;
    border-radius: 4px;
    text-align: left;
    animation: bounceIn .2s forwards;
    -webkit-animation: bounceIn .2s forwards
}

.announcemnet-wrap .announcement-window .announcement-head {
    height: 44px;
    line-height: 44px;
    padding: 0 18px;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #EEE
}

.announcemnet-wrap .announcement-window .announcement-head span {
    font-size: 14px;
    color: #666
}

.announcemnet-wrap .announcement-window .announcement-head i {
    float: right;
    font-size: 20px;
    color: #666;
    cursor: pointer
}

.announcemnet-wrap .announcement-window .announcement-content {
    padding: 20px
}

.announcemnet-wrap .announcement-window .announcement-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.7
}

.announcemnet-wrap .announcement-window .announcement-content div {
    text-align: right;
    margin-top: 20px
}

.announcemnet-wrap .announcement-window .announcement-content .details_btn {
    display: inline-block;
    color: #666;
    font-size: 12px;
    padding: 4px 8px;
    border: 1px solid #888;
    border-radius: 1px
}

.announcemnet-wrap .announcement-window .announcement-content .details_btn:hover {
    color: #e1261b;
    border: 1px solid #e1261b
}

.announcemnet-all-wrap {
    display: none;
    position: fixed;
    z-index: 999
}

.announcemnet-all-wrap .announcement-background {
    position: absolute;
    background: #000;
    opacity: .5
}

.announcemnet-all-wrap .announcement-window {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -295px -320px;
    width: 640px;
    height: 590px;
    background: #fff;
    border-radius: 4px;
    text-align: left;
    animation: bounceIn .2s forwards;
    -webkit-animation: bounceIn .2s forwards
}

.announcemnet-all-wrap .announcement-window .announcement-head {
    height: 47px;
    line-height: 47px;
    padding: 0 16px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #EEE
}

.announcemnet-all-wrap .announcement-window .announcement-head span {
    font-size: 14px;
    color: #333
}

.announcemnet-all-wrap .announcement-window .announcement-head i {
    float: right;
    font-size: 20px;
    color: #333;
    cursor: pointer
}

.announcemnet-all-wrap .announcement-window .announcement-content {
    padding: 16px;
    padding-bottom: 0
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list {
    height: 450px;
    overflow: hidden
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #eee;
    *zoom: 1
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:before, .announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    display: table;
    content: "";
    line-height: 0
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    clear: both
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:before, .announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    display: table;
    content: "";
    line-height: 0
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    clear: both
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:before, .announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    display: table;
    content: "";
    line-height: 0
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    clear: both
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:before, .announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    display: table;
    content: "";
    line-height: 0
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li:after {
    clear: both
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li a {
    display: block;
    width: 100%;
    height: 100%
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li a:hover span {
    color: #e1261b
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li .title {
    color: #333;
    float: left;
    max-width: 470px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.announcemnet-all-wrap .announcement-window .announcement-content .announcemnet-all-list li .publish-time {
    float: right;
    color: #999
}

.announcemnet-all-wrap .announcement-window .announcement-footer .pageing {
    margin: 24px auto;
    text-align: center
}

.announcemnet-all-wrap .announcement-window .announcement-footer .pageing i, .announcemnet-all-wrap .announcement-window .announcement-footer .pageing span {
    color: #333;
    font-size: 12px;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #eee;
    text-align: center;
    margin-left: 8px;
    vertical-align: middle;
    cursor: pointer
}

.announcemnet-all-wrap .announcement-window .announcement-footer .pageing i:hover, .announcemnet-all-wrap .announcement-window .announcement-footer .pageing span:hover {
    color: #1890FF;
    border-color: #1890FF
}

.announcemnet-all-wrap .announcement-window .announcement-footer .pageing span.active {
    color: #fff;
    border-color: #1890FF;
    background: #1890FF;
    cursor: default;
    pointer-events: none
}

.announcemnet-all-wrap .announcement-window .announcement-footer .pageing i.not-allowed {
    cursor: not-allowed
}

.announcemnet-all-wrap .announcement-window .announcement-footer .pageing i.not-allowed:hover {
    color: #333;
    border-color: #eee
}

.announcement-tabs .divider {
    width: auto
}

.femodal-main {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000
}

.femodal-main .femodal-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.femodal-main .femodal-area {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 24px 40px;
    width: 380px;
    height: 170px;
    background: #FFF;
    border-radius: 2px;
    box-sizing: border-box;
    transform: translate(-50%, -50%)
}

.femodal-main .femodal-title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

.femodal-main .femodal-contain {
    min-height: 60px;
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.femodal-main .femodal-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center
}

.femodal-main .femodal-btn {
    width: 80px;
    height: 32px;
    font-size: 12px;
    color: #666;
    line-height: 32px;
    border-radius: 2px;
    text-align: center;
    background: #FFF;
    cursor: pointer
}

.femodal-main .femodal-btn:hover {
    opacity: .8
}

.femodal-main .femodal-btn:active {
    opacity: .9
}

.femodal-main .femodal-btn-cancel {
    border: 1px solid #EEE
}

.femodal-main .femodal-btn-ok {
    margin-left: 16px;
    color: #FFF;
    background: #e1261b;
    border: 1px solid #e1261b
}

.horiz-double-ad-block {
    margin-top: 10px
}

.horiz-double-ad-block .ad-block-container {
    width: 100%;
    padding: 16px 0 16px 10px;
    box-sizing: border-box;
    background: #FFF;
    overflow: hidden
}

.horiz-double-ad-block .ad-block-container .head .head-imgTitle {
    margin-right: 10px;
    vertical-align: bottom
}

.horiz-double-ad-block .ad-block-container .head .head-title {
    font-size: 12px;
    color: #999
}

.horiz-double-ad-block .ad-block-container .adList .add {
    float: left;
    width: 280px;
    height: 187px;
    margin: 10px 20px 0 0;
    text-align: center;
    overflow: hidden;
    display: table-cell;
    line-height: 187px
}

.horiz-double-ad-block .ad-block-container .adList .add img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    image-rendering: optimizeQuality;
    vertical-align: middle
}

.horiz-double-ad-block .ad-block-container .adList .add:last-of-type {
    margin-right: 0
}

.horiz-double-ad-block::after {
    float: none;
    clear: both
}

.horiz-double-carousel-ad-block {
    margin: 0 auto;
    margin-top: 10px;
    width: 1200px
}

.horiz-double-carousel-ad-block .ad-block {
    width: 1200px;
    padding: 10px 16px 16px;
    box-sizing: border-box;
    background: #FFF;
    overflow: hidden
}

.horiz-double-carousel-ad-block .ad-block .head {
    position: relative
}

.horiz-double-carousel-ad-block .ad-block .head .title {
    width: auto
}

.horiz-double-carousel-ad-block .ad-block .head .title .head-imgTitle {
    margin-right: 10px;
    vertical-align: bottom
}

.horiz-double-carousel-ad-block .ad-block .head .title .head-title {
    font-size: 12px;
    color: #999;
    cursor: default
}

.horiz-double-carousel-ad-block .ad-block .head .controller {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex
}

.horiz-double-carousel-ad-block .ad-block .head .controller .x_targeets[place=left] {
    padding: 0 0 0 4px
}

.horiz-double-carousel-ad-block .ad-block .head .controller .x_targeets[place=right] {
    padding: 0 4px 0 0
}

.horiz-double-carousel-ad-block .ad-block .head .controller .x_targeets {
    height: 20px;
    text-align: center;
    color: #999;
    vertical-align: middle;
    display: inline-block;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.horiz-double-carousel-ad-block .ad-block .head .controller .x_targeets:hover {
    color: #333
}

.horiz-double-carousel-ad-block .ad-block .head .controller .x_targeets .xIcon {
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    color: #999;
    transition: all .2s linear
}

.horiz-double-carousel-ad-block .ad-block .head .controller .x_targeets .xIcon:hover {
    color: #333
}

.horiz-double-carousel-ad-block .ad-block .head .controller .pageNum {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    color: #999;
    word-spacing: 2px
}

.horiz-double-carousel-ad-block .ad-block .head .controller .pageNum .curNum {
    color: #666
}

.horiz-double-carousel-ad-block .ad-block .head .controller .pageNum i {
    font-style: normal;
    font-size: 14px
}

.horiz-double-carousel-ad-block .ad-block .adListContainer {
    overflow: hidden
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel {
    margin-top: 16px
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel {
    width: 1168px;
    height: 368px;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    position: relative
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .shopEnter {
    position: absolute;
    width: 502px;
    height: 336px;
    margin: 16px
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList {
    position: absolute;
    right: 0;
    top: 60px;
    font-size: 0
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList .goodsInfo {
    margin-left: 14px;
    display: inline-block;
    font-size: 12px;
    text-align: center
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList .goodsInfo:first-child {
    margin-left: 0
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList .goodsInfo:nth-child(4) {
    margin-right: 16px
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList .goodsInfo .goodsImg {
    width: 144px;
    height: 230px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    vertical-align: middle;
    background-color: #F5F8FA;
    transition: all .2s linear
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList .goodsInfo .goodsImg:hover {
    opacity: .9
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList .goodsInfo .goodsImg img {
    max-width: 144px
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopCarousel .shopPanel .goodsList .goodsInfo .goodsPrice {
    margin-top: 10px;
    color: #812B40;
    font-weight: 600;
    cursor: default
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopTagList {
    margin-top: 16px;
    display: flex
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopTagList .shopTag {
    width: 160px;
    height: 66px;
    box-sizing: border-box;
    margin-left: 8px;
    border: 1px solid #EEE;
    border-radius: 0;
    text-align: center;
    line-height: inherit !important;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: all .2s linear
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopTagList .shopTag:first-child {
    margin-left: 0
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopTagList .shopTag.tabs-clicked {
    background-color: #FFF !important;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .06);
    border-bottom: 4px solid #e1261b
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopTagList .shopTag .shopName {
    font-size: 18px;
    color: #333
}

.horiz-double-carousel-ad-block .ad-block .adListContainer .shopChunkCarousel .shopChunkPanel .shopTagList .shopTag .shopShortAddress {
    margin-top: 4px;
    font-size: 14px;
    color: #CCC
}

.rankTips {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-style: solid;
    border-color: rgba(0, 0, 0, .65);
    z-index: 100000;
    display: none
}

.rankTips .tips_hightlightBorder {
    position: relative;
    border: 1px dashed #FFF
}

.rankTips .tips_mainInfo {
    margin: -30px 0 0 104px;
    width: 300px;
    cursor: default
}

.rankTips .tips_mainInfo .mainText {
    margin: 4px 0 0 10px
}

.rankTips .tips_mainInfo .mainText div {
    color: #FFF;
    font-weight: 500
}

.rankTips .tips_mainInfo .mainText div:nth-child(1) {
    font-size: 24px
}

.rankTips .tips_mainInfo .mainText div:nth-child(2) {
    margin-top: 14px;
    font-size: 20px
}

.rankTips .tips_mainInfo .mainText .submitBtn {
    margin-top: 24px;
    padding: 8px 28px;
    background-color: #e1261b;
    font-size: 16px;
    color: #FFF;
    border-radius: 2px;
    display: inline-block;
    transition: all .2s linear;
    cursor: pointer
}

.rankTips .tips_mainInfo .mainText .submitBtn:hover {
    filter: brightness(140%)
}

.fengge-main {
    position: relative;
    margin: 10px auto 0;
    width: 1200px;
    height: 312px;
    background: url(../image/style-bg.png) center no-repeat;
    background-color: #fff
}

.fengge-main .fengge-main-panel {
    position: absolute;
    top: 16px;
    left: 213px;
    right: 16px;
    bottom: 8px
}

.fengge-main .fengge-imgs-box {
    position: relative;
    width: 100%;
    height: 272px;
    overflow: hidden
}

.fengge-main .fengge-imgs {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    white-space: nowrap
}

.fengge-main .fengge-img {
    display: inline-block;
    margin-right: 10px;
    width: 186px;
    height: 272px;
    user-select: none
}

.fengge-main .fengge-img img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.fengge-main .fengge-img:hover {
    opacity: .95
}

.fengge-main .fe-progress-box {
    display: none;
    margin-top: 8px;
    width: 100%;
    height: 8px;
    overflow: hidden
}

.fengge-main .fe-progress-bar {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.fengge-main .fe-progress-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 93px;
    height: 8px;
    background: #ccc;
    border-radius: 4px
}

.fengge-main .fe-progress-track {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    height: 4px;
    background: #eee;
    border-radius: 3px
}

.fengge-main .fe-progress-percent {
    width: 0;
    height: 100%
}

html, body, .web-container {
    min-width: 1200px;
    overflow-x: hidden
}

html, body {
    background: #F5F8FA
}

.zwd-header .container {
    width: 1200px
}

.promote-nav-container, .promote-door-god-container, .function-tow-row-container {
    width: 1200px
}

.promote-revision-function-container {
    width: 1200px
}

.promote-revision-function-container .revision-function-shop {
    height: 573px;
    border: 1px solid #FFF;
    border-radius: 0 0 16px 16px
}

.promote-revision-function-container .revision-function-shop .market-nav-container {
    height: 230px
}

.promote-revision-function-container .revision-function-shop .market-nav-list {
    height: 177px
}

.promote-revision-function-container .revision-function-shop .nav4 {
    height: 81px
}

.market-searcher {
    width: 1008px;
    height: 575px;
    border-top: 0;
    border-bottom: 0
}

.mask-duang-container {
    height: 511px;
    width: 1010px
}

.nav1 .mask-duang-container {
    top: -232px
}

.nav2 .mask-duang-container {
    top: -336px
}

.nav3 .mask-duang-container {
    top: -415px
}

.nav4 .mask-duang-container {
    top: -494px
}

.main-down-banner-container {
    margin: 0 10px
}

.promote-door-god-container .door-god {
    margin-top: 10px
}

.xxx_outside, .tabs-content-item {
    height: auto
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item {
    height: auto;
    padding-bottom: 12px
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-image-container {
    margin-bottom: 0
}

.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-item-content {
    height: auto;
    width: 100%;
    line-height: 1;
    margin-top: 12px
}

.function-down-row-container {
    width: 1210px
}

.function-down-row-container .down-right-img-container:nth-child(2) {
    margin-right: 12px
}

.down-right-img-container, .down-left-img-container {
    width: 292px !important;
    margin-right: 10px
}

.function-top-row-container {
    width: 1210px
}

.function-top-row-container .row-left-container {
    width: 292px !important;
    height: 220px !important;
    margin-right: 10px
}

.function-top-row-container .row-right-container {
    width: 908px !important;
    height: auto
}

.function-top-row-container .row-right-container .row-carousel-element:first-child {
    margin-right: 12px
}

.function-top-row-container .row-carousel-element {
    width: 292px !important;
    height: 220px !important;
    margin-right: 10px
}

.hot-style-price, .biubiu-price-font, .hot-font-hint-price, .ground-price, .promote-style-item-price {
    color: #e1261b !important
}

.tabs-hint-item {
    position: relative;
    width: 200px;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 0;
    line-height: 46px;
    height: 46px
}

.tabs-clicked {
    border-radius: 8px 8px 0 0 !important;
    background: #e1261b !important;
    font-weight: 700
}

.tabs-clicked a {
    font-size: 14px;
    color: #fff !important
}

.tabs-hint-list {
    width: 1200px;
    border-bottom-color: #e1261b !important
}

.tabs-content-container {
    margin-top: 10px
}

.tabs-content-container .tabs-content-item {
    width: 1200px
}

.twoad-door-god-container {
    width: 1210px
}

.twoad-door-god-container .a8 {
    width: 383px
}

.twoad-door-god-container .a8 > a {
    width: 3983px
}

.twoad-door-god-container .a8 > a img {
    max-width: 3983px
}

.twoad-door-god-container .a8-hover-element {
    width: 386px;
    background: #fff
}

.twoad-door-god-container .a8-hover-element .a8-hover-item {
    width: 125px;
    margin-right: 3px
}

.promote-style-list {
    width: 1200px;
    margin-top: -10px
}

.promote-style-container {
    width: 1200px;
    padding: 10px 16px 0;
    margin: 10px auto 0;
    background-color: #fff;
    box-sizing: border-box
}

.promote-style-container .promote-style-list {
    margin-top: 0
}

.promote-style-item {
    width: 221px;
    height: 346px;
    margin: 0 16px 16px 0
}

.promote-style-item .promote-style-item-image-container {
    width: 100%;
    height: 295px
}

.promote-style-item .promote-style-item-image-container .style-img-link {
    max-width: 100%;
    max-height: 100%
}

.promote-style-item .promote-style-item-image-container .style-img-link img {
    max-width: 100%
}

.promote-style-item .promote-style-item-image-container .promote-hot-image-upload {
    width: 100%
}

.promote-style-item .promote-style-item-image-container .promote-hot-image-upload .image-upload-item {
    width: 33.333%
}

.promote-style-item .promote-style-item-image-container .promote-hot-image-upload .image-upload-item a {
    width: 100%
}

.promote-style-item .promote-style-item-link, .promote-style-item .promote-style-item-hint {
    height: auto;
    line-height: 1;
    margin: 12px 0 0;
    padding: 0 8px;
    box-sizing: border-box
}

.promote-style-item .promote-style-item-link .promote-style-item-price, .promote-style-item .promote-style-item-hint .promote-style-item-price, .promote-style-item .promote-style-item-link .style-link, .promote-style-item .promote-style-item-hint .style-link {
    margin-left: -4px;
    line-height: 1;
    height: auto
}

.promote-style-item .promote-style-item-link {
    padding: 0 8px 0 6px
}

.promote-style-item-link {
    width: 100%
}

.promote-style-item-link a {
    font-size: 12px
}

.promote-style-item-hint a {
    color: #999
}

.style-link {
    float: right
}

.promote-hot-container {
    width: 1202px
}

.promote-hot-image-container {
    width: 100%
}

.promote-hot-image-container .promote-hot-image-upload {
    width: 100%
}

.promote-hot-image-container .promote-hot-image-upload .image-upload-item {
    width: 33.333%
}

.promote-hot-image-container .promote-hot-image-upload .image-upload-item a {
    width: 100%
}

.promote-hot-image-item {
    width: 192px;
    margin-right: 10px
}

.promote-hot-image {
    width: 192px;
    height: 256px
}

.promote-new-shop-container {
    width: 1202px
}

.new-shop-image-container {
    width: 100%
}

.promote-newshop-title {
    padding-bottom: 20px
}

.new-shop-list {
    height: 522px;
    overflow: hidden
}

.new-shop-list li {
    height: auto;
    width: 1202px
}

.new-shop-image-outside {
    width: 1212px
}

.new-shop-image-outside .new-shop-image-item {
    width: 192px;
    height: 256px;
    margin: 0 10px 10px 0;
    box-sizing: border-box;
    border: 0
}

.new-shop-image-item-image-link img {
    max-width: 192px;
    max-height: 256px
}

.promote-tabs-container {
    width: 1200px;
    border-radius: 16px
}

.promote-tabs-container .xxx_more_tabs_container {
    width: 1210px
}

.promote-tabs-container .tabs-content-container {
    width: 1210px
}

.promote-tabs-container .biubiu-item {
    width: 232px;
    height: 372px;
    margin-right: 10px
}

.promote-tabs-container .biubiu-item .promote-hot-image-upload {
    width: 100%
}

.promote-tabs-container .biubiu-item .promote-hot-image-upload .image-upload-item {
    width: 33.333%
}

.promote-tabs-container .biubiu-item .promote-hot-image-upload .image-upload-item > a {
    width: 100%
}

.promote-tabs-container .biubiu-image-container {
    width: 232px;
    height: 310px;
    border-radius: 16px;
    overflow: hidden
}

.promote-tabs-container .biubiu-item .biubiu-item-image-link img {
    max-width: 232px;
    max-height: 372px
}

.promote-tabs-container .biubiu-list .huohao-item .biubiu-item-image-link {
    width: 232px;
    height: 328px
}

.promote-tabs-container .biubiu-item .biubiu-item-image-link {
    width: 232px;
    height: 350px;
    border-radius: 16px;
    overflow: hidden
}

.promote-tabs-container .biubiu-item-content {
    margin: 6px 0
}

.promote-jxdk-container, .jxdk-list-container {
    width: 1200px
}

.promote-jxdk-container .promote-jxdk-title .targets-container, .jxdk-list-container .promote-jxdk-title .targets-container {
    padding-top: 4px
}

.promote-jxdk-container .promote-jxdk-title .targets-container .x_targeets, .jxdk-list-container .promote-jxdk-title .targets-container .x_targeets {
    width: 20px
}

.promote-jxdk-container .promote-jxdk-title .targets-container .x_targeets .xIcon, .jxdk-list-container .promote-jxdk-title .targets-container .x_targeets .xIcon, .promote-jxdk-container .promote-jxdk-title .targets-container .x_targeets .page-container i, .jxdk-list-container .promote-jxdk-title .targets-container .x_targeets .page-container i {
    font-size: 16px;
    color: #999;
    transition: all .2s linear
}

.promote-jxdk-container .promote-jxdk-title .targets-container .x_targeets .xIcon:hover, .jxdk-list-container .promote-jxdk-title .targets-container .x_targeets .xIcon:hover {
    color: #333
}

.promote-jxdk-container .promote-jxdk-title .targets-container .page-container .last-page, .jxdk-list-container .promote-jxdk-title .targets-container .page-container .last-page, .promote-jxdk-container .promote-jxdk-title .targets-container .page-container .next-page, .jxdk-list-container .promote-jxdk-title .targets-container .page-container .next-page {
    font-size: 14px;
    color: #999
}

.promote-jxdk-container .promote-jxdk-title .targets-container .page-container .curNum, .jxdk-list-container .promote-jxdk-title .targets-container .page-container .curNum {
    color: #666
}

.promote-jxdk-container .jxdk-item, .jxdk-list-container .jxdk-item {
    width: 1200px
}

.promote-jxdk-container .jxdk-item .big-door-god, .jxdk-list-container .jxdk-item .big-door-god, .promote-jxdk-container .jxdk-item .bigger, .jxdk-list-container .jxdk-item .bigger {
    width: 292px;
    height: 394px
}

.promote-jxdk-container .jxdk-item .door-god-list, .jxdk-list-container .jxdk-item .door-god-list {
    width: 606px
}

.promote-jxdk-container .jxdk-item .door-god-list .door-god-overside, .jxdk-list-container .jxdk-item .door-god-list .door-god-overside {
    width: 606px
}

.promote-jxdk-container .jxdk-item .door-god-list .door-god-item, .jxdk-list-container .jxdk-item .door-god-list .door-god-item {
    width: 192px;
    height: 192px;
    margin-bottom: 10px
}

.promote-jxdk-container .jxdk-list, .jxdk-list-container .jxdk-list {
    width: 1200px
}

.promote-jxdk-container .jxdk-list-container, .jxdk-list-container .jxdk-list-container {
    height: 358px
}

.promote-jxdk-container .door-god-list, .jxdk-list-container .door-god-list, .promote-jxdk-container .door-god-overside, .jxdk-list-container .door-god-overside {
    height: 394px
}

.promote-jxdk-container .jxdk-list-container, .jxdk-list-container .jxdk-list-container {
    height: 394px
}

.promote-hot-title {
    padding-bottom: 18px
}

.huadu-hot-style-list {
    margin-top: 0
}

.huadu-hot-style-container {
    width: 1200px;
    height: 310px
}

.huadu-hot-style-container .huadu-hot-style-item {
    width: 232px;
    margin-right: 10px;
    margin-bottom: 12px
}

.huadu-hot-style-container .huadu-hot-style-item .hot-style-item-option {
    line-height: 1;
    height: auto;
    width: 100%;
    margin-top: 12px
}

.huadu-hot-style-container .huadu-hot-style-item .hot-style-item-option > div {
    line-height: 1;
    height: auto
}

.huadu-hot-style-container .hot-style-item-img-container {
    width: 232px;
    height: 232px
}

.row-left-container a {
    width: 292px;
    height: 220px
}

.row-left-container a img {
    max-width: 100%;
    max-height: 100%
}

.down-left-img-container a {
    width: 292px;
    height: 190px
}

.down-left-img-container a img {
    max-width: 100%;
    max-height: 100%
}

.promote-style-item .style-img-link {
    height: 295px
}

.promote-style-item .style-img-link img {
    max-width: 100%;
    max-height: 100%
}

.big-promote-style-item .style-img-link {
    width: 221px;
    height: 346px
}

.big-promote-style-item {
    height: 346px
}

.big-promote-style-item img {
    max-width: 100%;
    max-height: 346px
}

.right-down-adshow {
    margin-top: 10px
}

.revision-function-shop {
    background: #fff
}


.selection-of-hot-wrap .selection-of-hot .selection-of-hot-item {
    padding-bottom: 0
}

.promote-hot-container {
    margin-bottom: -8px
}

.twoad-door-god-container {
    margin-top: 0
}

.promote-door-god-container {
    background: #fff;
    margin-top: 10px;
    padding: 16px;
    box-sizing: border-box
}

.market-clear {
    height: 438px
}

.market-clear .paging-container {
    padding-top: 6px
}

.market-searcher-list-viewport {
    height: 442px
}

.market-searcher-function {
    box-sizing: border-box;
    height: 575px;
    width: 1008px;
    border-top: 0
}

.market-clear-container {
    width: 852px;
    height: 574px
}

.shop-nav-title {
    height: 44px;
    line-height: 44px
}

.market-nav-container {
    height: 160px;
    border-bottom: 1px solid #f2f2f2
}

.J_market_drop_down {
    border-bottom: 0
}

.biubiu-item-content {
    width: 232px
}

.style-item-no {
    color: #333
}

.revision-function-list-gz {
    width: 980px
}



.revision-function-list-gz .bottom-carousel-container {
    width: 792px;
    height: 237px
}

.gzRevision_190822 .drift-elevator-container {
    width: 105px
}

.gzRevision_190822 .drift-elevator-container img {
    width: 105px
}

.gzRevision_190822 .help-link {
    margin-left: 4px
}

.gzRevision_190822 .person-info-wrap .person-info {
    padding-bottom: 21px
}

.gzRevision_190822 .login-link {
    font-weight: 200
}



.gzRevision_190822 .market-searcher-result-viewport {
    height: 445px;
    margin-bottom: 16px
}

.gzRevision_190822 .drift-elevator-container .drift-adshow {
    width: auto
}

.gzRevision_190822 .promote-revision-function-container .mask-duang-container {
    height: 578px
}

.gzRevision_190822 .promote-revision-function-container .main-function .revision-function-shop .market-nav-container {
    border-bottom: 1px solid #FFF;
    position: relative
}

.gzRevision_190822 .promote-revision-function-container .main-function .revision-function-shop .market-nav-container .shop-nav-title i {
    flex: right
}

.gzRevision_190822 .promote-revision-function-container .main-function .revision-function-shop .market-nav-container .line {
    margin: 0 14px;
    position: absolute;
    width: 160px;
    height: 1px;
    background-color: #F2F2F2;
    bottom: 0
}

.gzRevision_190822 .promote-revision-function-container .main-banner-container {
    margin: 0;
    width: 606px;
    height: 320px
}




.gzRevision_190822 .promote-revision-function-container .main-banner-container-new {
    margin: 16px;
    width: 728px;
    height: 338px;
    border-radius: 16px;
    overflow: hidden
}



.gzRevision_190822 .promote-revision-function-container .bottom-banner-container {
    margin: 0 8px;
    width: 744px;
    height: 286px
}




.gzRevision_190822 .promote-revision-function-container .main-down-banner-container {
    width: 606px;
    height: 255px;
    margin: 0
}

.gzRevision_190822 .promote-revision-function-container .main-down-banner-container .down-bnner-outside {
    margin-left: 0;
    margin-right: 0
}

.gzRevision_190822 .promote-revision-function-container .main-down-banner-container .down-bnner-outside .main-down-banner .main-down-banner-item {
    height: 100%;
    overflow: hidden
}

.gzRevision_190822 .promote-revision-function-container .main-down-banner-container .down-bnner-outside .main-down-banner .main-down-banner-item a {
    width: 202px;
    height: 100%;
    font-size: 0;
    overflow: hidden
}

.gzRevision_190822 .promote-revision-function-container .main-down-banner-container .down-bnner-outside .main-down-banner .main-down-banner-item a img {
    height: 100%
}

.gzRevision_190822 .promote-revision-function-container .function-main-container-right .announcement-tabs .announcement-header {
    margin: 0 11px
}

.gzRevision_190822 .promote-revision-function-container .function-main-container-right .announcement-tabs .announcement-header span {
    margin: 0 16px
}

.gzRevision_190822 .promote-revision-function-container .right-carousel-container {
    margin: 0;
    width: 202px;
    height: 320px
}



.gzRevision_190822 .promote-revision-function-container .right-carousel-container-new {
    margin: 0;
    width: 220px;
    height: 286px;
    display: block
}


.gzRevision_190822 .promote-revision-function-container .person-info-wrap {
    margin: 0;
    width: 202px
}

.gzRevision_190822 .promote-revision-function-container .person-info-wrap .web-notice {
    margin-top: 0;
    padding-bottom: 10px
}

.gzRevision_190822 .promote-revision-function-container .person-info-wrap-new {
    margin: 16px 0;
    width: 220px;
    height: 338px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden
}

.gzRevision_190822 .promote-revision-function-container .person-info-wrap-new .web-notice {
    margin-top: 0;
    padding-bottom: 5px
}

.gzRevision_190822 .promote-revision-function-container .two-img-ad-wrap {
    width: 404px;
    height: 255px
}

.gzRevision_190822 .promote-revision-function-container .two-img-ad-wrap .two-img-ad-container {
    width: 404px;
    height: 100%
}

.gzRevision_190822 .promote-revision-function-container .two-img-ad-wrap .two-img-ad-container .two-img-ad-item {
    width: 404px;
    font-size: 0
}

.gzRevision_190822 .promote-revision-function-container .two-img-ad-wrap .two-img-ad-container .two-img-ad-item a {
    width: 202px;
    height: 255px;
    margin-right: 0
}

.gzRevision_190822 .promote-revision-function-container .two-img-ad-wrap .two-img-ad-container .two-img-ad-item a img {
    height: 100%
}

.gzRevision_190822 .promote-door-god-container-da14 {
    padding: 10px;
    border-radius: 16px
}

.gzRevision_190822 .selection-of-hot-wrap, .gzRevision_190822 .background-container {
    margin-top: 10px
}

.gzRevision_190822 .selection-of-hot-wrap, .gzRevision_190822 .background-container .huadu-hot-style-container {
    padding: 14px 16px 0;
    box-sizing: border-box;
    background-color: #FFF
}

.gzRevision_190822 .selection-of-hot-wrap .promote-newshop-title, .gzRevision_190822 .background-container .huadu-hot-style-container .promote-newshop-title, .gzRevision_190822 .selection-of-hot-wrap .promote-hot-title, .gzRevision_190822 .background-container .huadu-hot-style-container .promote-hot-title {
    padding: 0 0 18px
}

.gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item {
    width: 221px;
    margin: 0 16px 12px 0
}

.gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-image-container, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .biubiu-image-container, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .biubiu-image-container, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .biubiu-image-container, .gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .hot-style-item-img-container, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .hot-style-item-img-container, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-img-container, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-img-container {
    width: 221px !important;
    height: 221px !important
}

.gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-item-content .shop-name, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .biubiu-item-content .shop-name, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .biubiu-item-content .shop-name, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .biubiu-item-content .shop-name, .gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .hot-style-item-option .shop-name, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .hot-style-item-option .shop-name, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-option .shop-name, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-option .shop-name {
    float: right
}

.gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-item-content .shop-name a, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .biubiu-item-content .shop-name a, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .biubiu-item-content .shop-name a, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .biubiu-item-content .shop-name a, .gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .hot-style-item-option .shop-name a, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .hot-style-item-option .shop-name a, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-option .shop-name a, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-option .shop-name a {
    font-size: 12px;
    color: #666
}

.gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .biubiu-item-content .shop-name a:hover, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .biubiu-item-content .shop-name a:hover, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .biubiu-item-content .shop-name a:hover, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .biubiu-item-content .shop-name a:hover, .gzRevision_190822 .selection-of-hot-wrap .selection-of-hot .selection-of-hot-item .hot-style-item-option .shop-name a:hover, .gzRevision_190822 .background-container .huadu-hot-style-container .selection-of-hot .selection-of-hot-item .hot-style-item-option .shop-name a:hover, .gzRevision_190822 .selection-of-hot-wrap .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-option .shop-name a:hover, .gzRevision_190822 .background-container .huadu-hot-style-container .huadu-hot-style-goods .huadu-hot-style-item .hot-style-item-option .shop-name a:hover {
    color: #e1261b
}

.gzRevision_190822 .promote-tabs-container {
    margin-top: 10px;
    padding: 14px 16px 16px;
    box-sizing: border-box;
    background-color: #FFF
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container {
    width: 100%;
    position: relative
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container > img {
    margin-bottom: 14px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container {
    position: absolute;
    top: -8px;
    right: 0;
    height: 42px;
    box-sizing: border-box;
    padding: 12px 0;
    background: #FFF;
    z-index: 10
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .x_targeets {
    color: #999
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .x_targeets .xIcon, .gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .x_targeets .page-container, .gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .x_targeets .page-container i {
    color: #999;
    font-size: 14px;
    transition: all .2s linear
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .x_targeets:hover .xIcon {
    color: #333
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .page-container {
    width: 30px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .page-container, .gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .page-container .last-page, .gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .page-container .next-page {
    font-size: 14px;
    color: #999
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .page-container .last-page {
    color: #666
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .targets-container .coverBlock {
    position: relative;
    top: 31px;
    width: 77px;
    height: 8px;
    background: #FFF;
    display: none
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-hint-list {
    height: 40px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-hint-list .tabs-hint-item {
    width: 195px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 0
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-hint-list .tabs-hint-item .bottomTri {
    position: absolute;
    width: 195px;
    z-index: 1000;
    display: none
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-hint-list .tabs-hint-item .bottomTri .tri {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 7px solid #e1261b;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0)
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-hint-list .tabs-hint-item:hover .bottomTri {
    display: block
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-hint-list .tabs-clicked .bottomTri {
    display: block
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-content-container .biubiu-item {
    width: 221px;
    height: 350px;
    margin-right: 16px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-content-container .biubiu-item .biubiu-image-container, .gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-content-container .biubiu-item .biubiu-item-content {
    width: 221px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-content-container .biubiu-item .biubiu-image-container .biubiu-price-font, .gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-content-container .biubiu-item .biubiu-item-content .biubiu-price-font {
    margin-left: 5px;
    font-size: 14px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-content-container .biubiu-item .biubiu-image-container .prodNum, .gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .tabs-content-container .biubiu-item .biubiu-item-content .prodNum {
    float: right;
    margin-right: 8px;
    color: #333;
    font-size: 12px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .huohao-item .biubiu-image-container {
    height: 328px
}

.gzRevision_190822 .promote-tabs-container .xxx_more_tabs_container .huohao-item .biubiu-image-container a img {
    max-width: 221px;
    max-height: 328px
}

.gzRevision_190822 .promote-hot-container {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 16px 16px 0;
    background-color: #FFF;
    box-sizing: border-box;
    border-radius: 16px
}

.gzRevision_190822 .promote-hot-container .promote-hot-title {
    padding-bottom: 18px
}

.gzRevision_190822 .promote-hot-container .promote-hot-image-container .promote-hot-image-outside .promote-hot-image-item {
    margin: 0 10px 14px 0;
    width: 186px;
    overflow: hidden
}

.gzRevision_190822 .promote-hot-container .promote-hot-image-container .promote-hot-image-outside .promote-hot-image-item .promote-hot-image {
    width: 186px;
    height: 248px;
    border-radius: 16px;
    overflow: hidden
}

.gzRevision_190822 .promote-hot-container .promote-hot-image-container .promote-hot-image-outside .promote-hot-image-item .promote-hot-image a img {
    max-width: 186px;
    max-height: 248px
}

.gzRevision_190822 .promote-hot-container .promote-hot-image-container .promote-hot-image-outside .promote-hot-image-item .hot-font-hint-list {
    margin-top: 8px
}

.gzRevision_190822 .promote-hot-container .promote-hot-image-container .promote-hot-image-outside .promote-hot-image-item .hot-font-hint-list .hot-font-hint-item .hot-font-hint-price {
    margin-left: 8px;
    font-size: 14px
}

.gzRevision_190822 .promote-hot-container .promote-hot-image-container .promote-hot-image-outside .promote-hot-image-item .hot-font-hint-list .hot-font-hint-item a {
    margin-right: 8px;
    font-size: 12px;
    color: #666
}

.gzRevision_190822 .promote-jxdk-container {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 13px 16px 17px;
    background-color: #FFF;
    box-sizing: border-box;
    overflow: hidden
}

.gzRevision_190822 .promote-jxdk-container .promote-jxdk-title {
    padding-bottom: 16px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container {
    width: 1184px;
    height: 387px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item {
    width: 1184px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .big-door-god {
    width: 279px;
    height: 387px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list {
    height: 387px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list .door-god-overside {
    height: 387px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list .door-god-overside .door-god-item {
    margin: 0 10px 7px 0;
    width: 190px;
    height: 190px;
    overflow: hidden
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list .door-god-overside .door-god-item .ground-glass-container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 0 7px;
    height: 20px;
    line-height: 20px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list .door-god-overside .door-god-item .ground-glass-container .ground-price, .gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list .door-god-overside .door-god-item .ground-glass-container .ground-item-no {
    height: 20px;
    line-height: 20px
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list .door-god-overside .door-god-item .ground-glass-container div {
    width: 50%
}

.gzRevision_190822 .promote-jxdk-container .jxdk-list-container .jxdk-list .jxdk-item .door-god-list .door-god-overside .door-god-item .ground-glass-container .ground-item-no {
    font-size: 14px;
    color: #666
}

.gzRevision_190822 .zwd-header .container .current-site {
    font-weight: 500
}

.gzRevision_190822 .zwd-header .container .top-nav-site-switch {
    padding-left: 0
}

.gzRevision_190822 .promote-door-god-container .door-god {
    margin: 0;
    border-radius: 16px
}

.promote-style-item-image-container .style-img-link {
    width: 221px
}

.shop-nav-item {
    height: 100px
}

.fengge-main {
    border-radius: 16px
}

.horiz-double-carousel-ad-block-new {
    border-radius: 16px;
    overflow: hidden
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new {
    margin-top: 8px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .shopPanel-new {
    height: 478px;
    border-radius: 16px;
    background-position: center;
    overflow: hidden
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .goodsList-new {
    right: 0 !important;
    width: 620px !important
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .goodsList-new .goodsInfo-new {
    height: 210px !important;
    margin-right: 16px !important;
    margin-bottom: 16px !important;
    border-radius: 12px;
    overflow: hidden
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopCarousel-new .goods-container-layout {
    opacity: .86 !important
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .shopTag-new {
    border-radius: 8px
}

.horiz-double-carousel-ad-block-new .ad-block-new .adListContainer-new .shopChunkCarousel-new .shopChunkPanel-new .shopTagList-new .tabs-clicked {
    border-radius: 8px 8px 0 0 !important
}

.x-right {
    float: right;
    padding-right: 5px
}

.x-right .icon-zwd {
    font-size: 13px;
    cursor: pointer
}