.sign_c_tip {
    position: absolute;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #e4393c;
    color: #fff;
    font-size: 10px;
    border-radius: 10px;
    padding: 0 6px;
    top: -6px;
    left: 50%;
    z-index: 10;
    pointer-events: none;
    white-space: nowrap
}

.sign_c_tip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    display: inline-block;
    border-left: 6px solid #e4393c;
    border-bottom: 8px dashed transparent;
    bottom: -5px;
    left: 6px;
    -webkit-transform: rotate(20deg)
}

.sign_c_tip.yellow {
    background: #f19325
}

.sign_c_tip.yellow:before {
    border-left-color: #f19325
}

.sign_c_tip.white {
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
    color: #e4393c
}

.sign_c_tip.white:before {
    border-left-color: #fff
}

.mod_sign_tip {
    display: inline-block;
    background: #e4393c;
    position: relative;
    color: #fff;
    border-radius: 2px;
    min-width: 16px;
    font-size: 10px;
    line-height: 14px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    text-align: center
}

.mod_sign_tip span {
    padding: 0 3px;
    display: inline-block
}

.mod_sign_tip b {
    color: #fff;
    padding: 0 2px;
    display: inline-block;
    font-weight: 400
}

.mod_sign_tip.bor {
    color: #e4393c;
    background: #fff
}

.mod_sign_tip.bor b {
    background: #e4393c;
    color: #fff;
    border-radius: 3px 0 0 3px
}

.mod_sign_tip.bor span {
    background: #fff
}

.mod_sign_tip.bor:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    border-radius: 2px;
    border: 1px solid #e4393c
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_sign_tip.bor:after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%;
        border-radius: 3px
    }
}

.mod_sign_tip.bor.color_purple {
    color: #6a77b6
}

.mod_sign_tip.bor.color_purple:after {
    border-color: currentColor
}

.mod_sign_tip.bor.color_orange {
    color: #f07700
}

.mod_sign_tip.bor.color_orange:after {
    border-color: currentColor
}

.mod_sign_tip.bor.color_green {
    color: #18c461
}

.mod_sign_tip.bor.color_green:after {
    border-color: currentColor
}

.mod_sign_tip .i_global {
    display: inline-block;
    width: 11px;
    height: 11px;
    line-height: 11px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAp971H8qGeDJSRL9oWwyf0beWO7gvscAAAADLSURBVBjThZGJjgQhCEQFPGjUto/6/29didnpPZIZEoh5hiIF4X1sxCJM22/IAEQA8I+PDKloRAWnID80RR6BKNAR0zffkPZNouMoticsHUZu6Wgtpda4tgx22nGZSTGr1SyL2YU+MSGGONNF/DGTXGP2GMLCO+5FgiTVIqp6nrOgqSZxzKUMKaUcxywYpbD8F1Enf0fqa2R3W9IXbuym+7JTiYWImUiYKvhl/l7mFbebf1ZVq+N6PqtyLoSLaGAI8oczePR1tB7exhfWKAnSswjtsgAAAABJRU5ErkJggg==);
    background-size: 11px 11px
}

.mod_sign_tip .icon_sams {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 30px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAATCAMAAADlEa4QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////1fUNLcAAAAWdFJOUwCmEPNbL8aIdgeV5Ead17EaOmhSvCRw6mb+AAABUUlEQVQoz5WTWZLDIAxExb4LDI7uf9QRhCTOx2QyVNlgpEe3AANwk8ch4T+t1RR9Eb18TyQ7JYzCr5FCefXefo0oane1P5B2e4wCbRXQn5FaLyp4u4bCL4g1z2EkUvEBZedj8uwintghlzNKCFqcToIDc9YYIy8pkbjVYxGJX53GWkkI5y3ZUZ1HEpyY+tzYdZBiMlQYr3PCzDi4NSEV+Vk6qQCappddkYmKGU7sbiF2ITMXzvvmIKdrmtHnNZGOmV3fcUXEcgmWDmiKrL5uTidiq0H77uh8IYX0A4EjESH3Rmwmcc5AtpGpvpB4QXhBJNXApI0gDbPS8i7/XcVAY1NB8LfZhy9JSb+Mv6mIF+LyKlTzg/OOLVxTDdDKQuIbghOZ4p2NZbTJdY9pLBvKukGp5JgIYwjc2Q6mKKrZqTjcSmNPuetjX7APf2cAMzLHfwAwcxKngs8z6gAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 22px
}

.mod_sign_tip .icon_plus {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAMBAMAAADi7eJ+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUdwTP/zjTQ0M//8483Nzc3Ed/LpnYyJb8zDdp2/ihwAAAABdFJOUwBA5thmAAAAXklEQVQI122O3QnAMAiEj5AFbgNxh75nl87QCbp4/UkqoT1EvQ88BE0gTPQKG10oDsUqLKi6QVWVuRa8I2k/P3h+Yb+cRkhBGB1YfkH0OfO7DMqX5A0u2Bw2D66GPz1FqBAVTrft5wAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 20px
}

.mod_sign_tip.type_jingxuan::before {
    content: "";
    display: block;
    width: 47px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAMAAADthUvBAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURTIyMi4uLv///+fn5zMzM+/FMgAAAAAAADMzMwAAAF9VL6aMMK2trYRxMGpqaklDL1xcXNGuMeO8MpeAMLqbMERERJGRkbq6unx8fNPT06CgoKkchDwAAAAKdFJOU+f////////mSkqa+YdfAAACYUlEQVRIx+2W246bMBCGd8x4t7VjjA+QkPd/0P4e24SQSBW9qCp1/wtDHDSf5wgfPz74lOjzrL5+fpxkMHt9UvnrNIP5LER/fkP+cchdqelgcVDDO0iMloyOuMZI5LBiM4SyaqKQiewRMnQp1e+uzGPd2baKxgZhB0gg66kLRg24qFii+A5yedXCPOECxNP21CDGAJIpPHkC06GgNvk9ZFpeVCNzU6rQbrdjuBwD4lhb7+EMYxX/yOlEPgRLlAK0h8DWUfMuI9f+8wEJtniSyxUGDVbpbZu1d1F8egkXIE9nvTSr1ZF3kJQM+ZRyggDBarV1ziXtihAyU672GbJMO3Wrq1Jj/TnWP+YOKZOSmN1johltuGTB13/q4n4frtft66NPDDHiklxXkL1daugQrnmswpGXdlvOMrX74lDVtEECigfn9OQN5B2y0SEot/QGgp5Y13tvxnVdewru6zq2nEzyxAZxCAeS6ylLbzobN4gtlfwGQndJPdZR0j62FxSqa+6J33pfHGFfSjh7LmFKPpnNk+iLiwKx9smTVSxUTyal2plnpS5bdW0zRzLiUcLRWJd8DoaDoQ6J6PsokJzbC65B5lrDzc61n3mpBVAh89DYMp9CmV2YVqYUUdAdwqguKakgAyftIXe17voD5sbWi7eHmyi2YYNkLRDtkyOWWQJIRN0mSU5JU2jzcqsuCf106XEaK3ORki1tcms9ujxKuEEop4xOZ+Q6I02MxrQ77SDXQdpiWHvfj8NSHJK2WIbr2CeBPHeA1FwkGZo6OM+00/fr9/+G/JXP1LMf3PwHH9y/AHyrSmvi1a9vAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100%
}

.mod_sign_tip.type_jing {
    background: #efc532
}

.mod_sign_tip.type_jing::before {
    content: "";
    margin-top: -2px;
    display: inline-block;
    width: 11px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAMAAABo+94fAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUdwTC0tLS0tLS0tLS4uLi0tLS0tLS4uLi4uLiwsLC0tLS0tLS0tLS0tLS0tLTAwMC0tLS0tLS4uLn9J/PcAAAASdFJOUwBa+UypiPDdzR+bMnttPAy36dQUz6AAAADKSURBVBjTVZBZksQgDEPFkhgTlkT3P2yLpLsyow9c9RAWNtyxc4P7dMnIsSpYFnbmzlcn7Fo4sc1DkjupOCpduHFgq7VeZFZxJEvCuQDFzCKp0xzSivyqkDeC7sjdrJ72ug2lCF+lqM8fyd/kmMDIr/rTjw0I3/dmZ1BWugdICz9p6JselxiZ93j8cLIsd2PTB8d+hr0HwDNbZ0a8d4JRj2Q8wxWDwjLs2SDmGKcyYsKN/TdliH1b0QvXd/gVGQJm6JH9P1Y51CnPDxrLDLcbcJrkAAAAAElFTkSuQmCC) no-repeat;
    background-size: 11px 9px;
    vertical-align: middle
}

.mod_sign_tip.type_medicine {
    background: #54aee8
}

.mod_sign_tip.type_medicine span {
    color: #54aee8
}

.mod_sign_tip.type_medicine.bor b {
    background: #54aee8
}

.mod_sign_tip.type_medicine.bor:after {
    border-color: #54aee8
}

.mod_sign_tip.type_qa {
    background: #6400c5
}

.mod_sign_tip.bg_1 {
    background: #833576
}

.mod_sign_tip.bg_1 span {
    color: #833576
}

.mod_sign_tip.bg_1.bor b {
    background: #833576
}

.mod_sign_tip.bg_1.bor:after {
    border-color: #833576
}

.mod_sign_tip.bg_2 {
    background: #20bd62
}

.mod_sign_tip.bg_2 span {
    color: #20bd62
}

.mod_sign_tip.bg_2.bor b {
    background: #20bd62
}

.mod_sign_tip.bg_2.bor:after {
    border-color: #20bd62
}

.mod_sign_tip.bg_3 {
    background: #1a68bc
}

.mod_sign_tip.bg_3 span {
    color: #1a68bc
}

.mod_sign_tip.bg_3.bor b {
    background: #1a68bc
}

.mod_sign_tip.bg_3.bor:after {
    border-color: #1a68bc
}

.mod_sign_tip.bg_4 {
    background: #4e4d4c;
    background: -webkit-linear-gradient(top, #4e4d4c, #3b3b3b);
    background: linear-gradient(180deg, #4e4d4c, #3b3b3b)
}

.mod_sign_tip.bg_4 span {
    color: #4e4d4c
}

.mod_sign_tip.bg_4.bor b {
    background: #4e4d4c
}

.mod_sign_tip.bg_4.bor:after {
    border-color: #4e4d4c
}

.mod_sams_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    width: 26px;
    height: 9px;
    background: #1a68bc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAATCAMAAADlEa4QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////1fUNLcAAAAWdFJOUwCmEPNbL8aIdgeV5Ead17EaOmhSvCRw6mb+AAABUUlEQVQoz5WTWZLDIAxExb4LDI7uf9QRhCTOx2QyVNlgpEe3AANwk8ch4T+t1RR9Eb18TyQ7JYzCr5FCefXefo0oane1P5B2e4wCbRXQn5FaLyp4u4bCL4g1z2EkUvEBZedj8uwintghlzNKCFqcToIDc9YYIy8pkbjVYxGJX53GWkkI5y3ZUZ1HEpyY+tzYdZBiMlQYr3PCzDi4NSEV+Vk6qQCappddkYmKGU7sbiF2ITMXzvvmIKdrmtHnNZGOmV3fcUXEcgmWDmiKrL5uTidiq0H77uh8IYX0A4EjESH3Rmwmcc5AtpGpvpB4QXhBJNXApI0gDbPS8i7/XcVAY1NB8LfZhy9JSb+Mv6mIF+LyKlTzg/OOLVxTDdDKQuIbghOZ4p2NZbTJdY9pLBvKukGp5JgIYwjc2Q6mKKrZqTjcSmNPuetjX7APf2cAMzLHfwAwcxKngs8z6gAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: auto 7px
}

.mod_sams_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #1a68bc #1a68bc transparent transparent
}

.mod_plus_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    width: 23px;
    height: 12px;
    background: #4e4d4c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAMBAMAAADi7eJ+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUdwTP/zjTQ0M//8483Nzc3Ed/LpnYyJb8zDdp2/ihwAAAABdFJOUwBA5thmAAAAXklEQVQI122O3QnAMAiEj5AFbgNxh75nl87QCbp4/UkqoT1EvQ88BE0gTPQKG10oDsUqLKi6QVWVuRa8I2k/P3h+Yb+cRkhBGB1YfkH0OfO7DMqX5A0u2Bw2D66GPz1FqBAVTrft5wAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 20px
}

.mod_plus_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #4e4d4c #4e4d4c transparent transparent
}

.mod_fresh_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    width: 35px;
    height: 11px;
    line-height: 11px;
    font-size: 8px;
    color: #fff;
    text-align: center;
    background: #ff7800
}

.mod_fresh_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ff7800 #ff7800 transparent transparent
}

.mod_prolist_coupon {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 5px 5px 2px 0;
    padding: 0 5px 0 7px;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    color: #e4393c;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAMAAABWBG9SAAAAOVBMVEUAAADpOz3pOz3pOz3pOz3pOz3pOz3pOz3pOz3qQEL////pOz3gPUHzk5TrRkf+8vL4xMT2qqvvbG7Xo5BHAAAACnRSTlMAGQ3y2batUibvksMl+wAAAGpJREFUKM+tkkkOwCAMA81Ow87/H1skuAXBofUpGinKYgPeqjAkABGW4J9WiCgZIUyiKdg2i5TzYAuqQkwI9A+M8QZ75e3S6cQgIHXlEK5voMxz0B26fh7EV7osf7/9+5O5cSeLt2HYxuYFEZ4U+YPMPooAAAAASUVORK5CYII=) no-repeat left 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAMAAABWBG9SAAAAM1BMVEUAAADqPD7pOz3pOz3pOz3pOz3pOz3pOz3////pOz3+8vL4xMTvbW72qqv1pKXzl5jqQ0VF+ux+AAAACHRSTlMA8g7ZrVIoJqWAFVgAAABUSURBVCjPvdJJDgAhCETRAodGtIf7n7aXJtSCnX/5EiMJYISkXoCF/JYOo54KRhcYN87gXIxvaRpxFgUirgbGTxOk5/lHeyQenjuFLumK9zHw2XT8fXUQ8D5NfM8AAAAASUVORK5CYII=) no-repeat right 0;
    background-size: 10px, 10px
}

.mod_prolist_coupon:before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background: #e4393c;
    height: 1px;
    left: 8px;
    right: 8px;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_prolist_coupon:before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.mod_prolist_coupon:after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background: #e4393c;
    height: 1px;
    left: 8px;
    right: 8px;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_prolist_coupon:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.mod_tag {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    height: 14px
}

.mod_tag img {
    display: block;
    height: 100%
}

.wx_loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90;
    background-color: transparent
}

.wx_loading_inner {
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -48px;
    width: 140px;
    border-radius: 6px;
    font-size: 14px;
    padding: 58px 0 10px
}

.wx_loading_icon {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -16px;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 24px;
    -webkit-animation: gif 1s infinite linear;
    animation: gif 1s infinite linear;
    clip: rect(0 auto 12px 0)
}

@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes gif {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn)
    }
}

.wx_loading2 {
    text-align: center;
    padding: 5px;
    height: 32px;
    position: relative
}

.wx_loading2 img {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto
}

.wx_loading2 .wx_loading_icon {
    border-color: #237fe5;
    top: 7px
}

.wx_loader {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -60px;
    height: 60px;
    line-height: 60px;
    width: 120px
}

.wx_wrap {
    min-height: 375px
}

.qq_footer, .wx_footer {
    margin: 25px 0 75px
}

.qq_footer .jd_logo, .wx_footer .jd_logo {
    display: block;
    width: 100px;
    height: 20px;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAoCAMAAACMwkUuAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADMUExURUdwTOUcGeMbG+McGeQcGck0NOQcGdzc3OYcGeMcGdseGPHw8eQcGOQdGuYYGOQcGOUcGerq6uYeGeMdGOMcGeQdGuUcGeQcGOMbG+3t7eMbGt7e3tnW1rOvr0pISOvr7eUcGeLi4+3t7vHx8M/P0PDv8Orq6/Dv79fX17y6uppxccuUlMBpa359e+UdGuodGu0eG9fX1+zs7OPj4/n5+t/f3/T09NTT0+fm5v///8rJyb++vfIeG318eysqKTc2NcNmZ2NiYZiXlhgXF36ELREAAAAudFJOUwAjEkjRBOj+97wY/lh7CondRGY2mqRwxC4OsB8z+/5h746e6rp2vc7bj2XTt9gZlQV4AAAHIklEQVRYw9WYCX+iOBTAQUAOUcD7Fs/a2V0DCIho2+3M9/9O+5Jwi9jO7m9/7XOmpUkM75935CUMUynCaGosFtud7++2C2M6Yr6jjIzt7qnhnrG48Mu1L7Nn47uxjBartUsRqPiz+dvbfD7/a/GNKARjtc4wYDlffv16fX0DFm/5fYzx5BIKyuKTjxu8vL2+vs7fZ65rfAuMyXYd2eLsvcwwArBgcR1P9ByAOn8Hk4wAI/Gml1+vIYXwGyD0Z8M/r74+h/F0Bs1dYgf/PIOAcAmFQyWA/18bxNgSv180Ii+i3uQeHYzhxBKAOM5Xdi0DFF9NmQVxHt9PvCmxRRAc4UNBGuevm4BXbmj7jdU6XvpY/0ZMAYJ/AEfg+I1J4esttd1uc/DQaVNRuY7ygSQ/VPua1ufYYker09Y0ramywme3jafG5RJ6PomBVBqzd49SePjjgU1wq7srfl8xr9Z1AA/Nq0UEoYM50LhKPdgmLyEy2Bz0s9idrn6gs0j5Dk2W5XHJAnVkLPhp2jjOZpfw5HkeWfvIi4LT21x0vFSOxLXcG8+q1Q8HhGdqWodEkHXg1bsoLc20UDpU78cj2a6U62inUwyuCF21WzPgdoTw49Y9zS6zTWinKhNxwrf5JfBEIhGJ465H1SB4VqoKQjJbzjHkI+R4pBWN5OpW1B5PkdpAxk3mzYwqHUk8yw9ns/B54yUaxzzh++tL6HmibdMOSGPeM1MNwoPoJiIKWfVOGQdXR0R7Sef5+oFY4Mq3oKMtkQ5k8gNepx0Wz2ZBrG7RtnwCYvjeBTxraXi2eCM/317fZ6FNKIKjeHmZK9UgErxXaLGcphOd6sMSpzZJF98ftgSh1mnCSGSq8eKig0zCvDVs6pREyYAcpMLStCNHpAa5QLCvhA2Q2Lad4uDn8Occl1gvIO9zoPrBPAahrU28vGjQuhmO1xCZ7aSj1ZQknPSGGBDpXDpSkzDJWMiAoHF+Mj0BWfhHDHJaMpO9Z9+KaF9+AgPI+8vM3o0+CgIeZGI12sXhXQurm7MUh5UXZAKes7iKp0BqBuSAuOyAJL8woyfnhA1iQzIqJTnZUdwcYVdfT5iPgxBXQXzBJEPpjsfR0bVCIx6t17Igg0wuVOpxhmMMxwvDSxju8VJPdh7WnH4oBf1NYv3orEsr+Lsg5N35FYwMopbsZgN0GwGwe1ixVSOQ3Je1JOEzq+AEHKf9lFa/SxIZFIJKwuHd4agA4eDdllY++CYlSyU5ia45HY9BdClnYxZ7Xp1YhVmCQU7hJnEZY38UcyAnGv33OSpASrTGbGUGYfpWmUHoopsKBbG6xJ7tnHX7JAEzo024X06zR5KliFFOGZMQEOdpynwWhAF3QXqrGJ1mWSXWs2CtS0oBLg5wAoJtEMUM5HFqHwoCgTFi8t+fAIqX8S2CsV7evT+pAAHtDvVaIUTQoGwWzNwraVfMKEgwSI/GTJN2jal1Y5DSY/sOfMmOObzAW03v138VIN2b9YeXF7aCKNZBHUsrK8tgdqufgCi4KqgriZfKglABgivJxWYfb4377aSqkP1fQUgskYFxmnsAgu0y/fNvLD8eHAMeuFYe5N+6Fi2ucO2I9x2c5h6DMMIfmGM2/X0Q+T8IdpQJ9h6TACRAHwDZOnA68X3jt0Fan0y/h5L0282m315cykhDNd6jHoNMRE+E7bzxCAQb/5MbovB7GyIBoVlXxjUzycOVIORFqyOkruAxCCtFRekNyPgzJYpcWqKkwxMQ2naId8YqEGEKacqISsWHIFwUdTcgxI30kqLxUFY0ktG8UlJJ0ilSEFKZJLVKpUWM5WSyOwKGFwQPQbooyisFkA5O+SRzEh9pZWoOpHdKynjcwbPF4jdTxkcgUa0Y2brSIqMNbIP28eiJofcIhLyM6J8DabXNTBXPyqau5g5W/Vbm/EQOVmydLH96ZaFo5IjYE4og5DgVb0fVwS4sAjs8Hu3nmV0FIijcmBzOe0wOpNahpRwyO1EAXOEoHllhWI+PujV81NV0SLwSVp8j648GbZacgTVyE2HFR5QMCDngxvH0IGutnM1UDJbMNLwLwo5lvo7o0ZxNjmvyGDfTmwNkcmk+SPNXJ7p8ONQLlw9qdPkQ3UqQJUqOjFkQUD7JcNUghrMZjUQRYn5zF2SYXNpE+havgyy+k2RoaLr2k28OCtdB8a0Ppxc7ejWmBAQyQ3IxVAkyetpPmIm3gcdn5y5I/M5Bp3CAJhRIT8OA6SPrmjnGtpr18ns4pZu7ueMzeRpyQQrCyMn2JOgVIFvgABB8qTgN7lvEgpfWx0l0NsmdH8LNkt5Tc+U7p/Vzfyv9gQSw8M+U29meocZje9CObOoem6aZbphsLS03ocO8Y5Adrq+mHvkp3o8Rra92MkqoA3IN2+2rHNt6fOXMcv1et11yiT1UNZO/ud2uKYpSK60ssPwD8ruu+Ly+Rh0AAAAASUVORK5CYII=) no-repeat;
    background-size: 100%
}

.qq_footer .qq_info, .wx_footer .qq_info {
    display: none
}

.wx_backtop:after, .wx_bar_back a:after, .wx_bar_best:before, .wx_bar_new:after {
    background-image: url(/static/images/sprites_old_c49116d5.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    -webkit-background-size: 100px 100px;
    content: "\20";
    display: block
}

.wx_bar {
    position: relative;
    width: 100%;
    min-height: 44px;
    line-height: 44px;
    background-color: #efefef;
    border-bottom: 1px solid #ddd
}

.wx_bar_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30
}

.wx_bar_tit {
    width: 100%;
    height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333
}

.wx_bar_back {
    width: 50px;
    height: 45px;
    position: absolute
}

.wx_bar_back a {
    overflow: hidden;
    display: block;
    height: 100%
}

.wx_bar_back a:after {
    display: block;
    margin: 10px 0 0 10px;
    height: 25px;
    width: 25px;
    background-position: 0 0
}

.wx_bar_back a:active {
    background-color: rgba(0, 0, 0, .2)
}

.wx_bar_act {
    height: 45px;
    position: absolute;
    right: 0;
    top: 0
}

.wx_bar_new {
    overflow: hidden;
    display: block;
    height: 100%;
    width: 60px
}

.wx_bar_new:after {
    display: block;
    height: 25px;
    width: 25px;
    background-position: -25px 0;
    margin: 10px 15px 0 0;
    float: right
}

.wx_bar_new:active {
    background-color: rgba(0, 0, 0, .2)
}

.wx_bar_cancel {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 45px;
    line-height: 45px;
    padding-right: 10px;
    text-align: right;
    font-size: 14px;
    color: #999
}

.wx_ending {
    text-align: center;
    padding: 10px;
    line-height: 18px
}

.wx_ending strong {
    color: #ff8c00
}

.mod_blockTips {
    position: relative;
    padding: 7px 10px;
    font-size: 14px;
    color: #de8c17 !important;
    background: #fcf6ed
}

.mod_blockTips .link, .mod_blockTips em {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.mod_blockTips .right {
    float: right
}

.mod_blockTips .btn {
    display: block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    background: #e4393c;
    color: #fff
}

.mod_blockTips .btn:active {
    background: #e12326
}

.mod_blockTips .close {
    display: block;
    width: 38px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px
}

.mod_blockTips .close:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMAKgUzJbRAOncAAABpSURBVCjPzdLBDYAgEERRNRZgsAEtwQ7svypjgrzEOXBlT8POJywD05i1Fvq8q5iv4+st+9ZUaWDzSTbNtWBCgdBq/VEgFAgtJxD6goECo9nd7qAcqTu8a3YCyegyZJobEppPnJ9hyHoAhnEOWSqRgFIAAAAASUVORK5CYII=") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px
}

.mod_blockTips .close + p {
    margin-left: 30px
}

a.mod_blockTips {
    display: block;
    padding: 12px 22px 12px 10px
}

a.mod_blockTips:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px
}

.mod_dlbar {
    position: relative
}

.mod_dlbar.fixed {
    z-index: 102;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.mod_dlbar.download .mod_dlbar_inner::after {
    background-position: 0 -20px
}

.mod_dlbar.open .mod_dlbar_inner::after {
    background-position: 0 -40px
}

.mod_dlbar_inner {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 18.75%;
    height: 0
}

.mod_dlbar_inner img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: auto
}

.mod_dlbar_inner::after, .mod_dlbar_inner span::after {
    background: url(/static/images/icon_dlbar_v2.png?t=20160329) no-repeat 0 0;
    background-size: 86px 60px
}

.mod_dlbar_inner::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 66px;
    height: 20px;
    margin-top: -10px
}

.mod_dlbar_inner span {
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 100%
}

.mod_dlbar_inner span::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-position: 100% 0
}

@media only screen and (min-width: 375px) {
    .mod_dlbar_inner::after, .mod_dlbar_inner span::after {
        background-size: 104px 73px;
        margin-top: -12px;
        height: 24px
    }

    .mod_dlbar_inner::after {
        width: 80px;
        right: 12px
    }

    .mod_dlbar_inner span::after {
        width: 24px;
        left: 12px
    }

    .mod_dlbar.download .mod_dlbar_inner::after {
        background-position: 0 -24px
    }

    .mod_dlbar.open .mod_dlbar_inner::after {
        background-position: 0 -48px
    }
}

@media only screen and (min-width: 414px) {
    .mod_dlbar_inner::after, .mod_dlbar_inner span::after {
        background-size: 112px 78px;
        margin-top: -13px;
        height: 26px
    }

    .mod_dlbar_inner::after {
        width: 86px;
        right: 13px
    }

    .mod_dlbar_inner span::after {
        width: 26px;
        left: 13px
    }

    .mod_dlbar.download .mod_dlbar_inner::after {
        background-position: 0 -26px
    }

    .mod_dlbar.open .mod_dlbar_inner::after {
        background-position: 0 -52px
    }
}

.mod_qr_layer .btns::before {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.mod_qr_layer .title::after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mod_qr_layer .btn:not(:last-child)::after {
    content: "";
    width: 0;
    display: block;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.mod_follow:after {
    content: "";
    display: block;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_qr_layer .title::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }

    .mod_qr_layer .btns::before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }

    .mod_qr_layer .btn:not(:last-child)::after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }

    .mod_follow:after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.mod_follow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.mod_follow .follow {
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.mod_follow .follow .btn_qr {
    box-sizing: border-box
}

.mod_follow .follow .btn_qr:before, .mod_follow:before {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAABQCAMAAADhsJGGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTMgUIMcTH8YVH8gTH8cUH8cUIMcWH8gTIMgUIMgUIf///8kVIcYLF8kXI9E6Qvjd3codKOOGiumgod92ef3z8tlcYO+9vYMRhnIAAAAKdFJOUwCilPnwv3IV3E907i5BAAAFAklEQVRo3r2ai3qrIAyAtfUGC1hqq+//pgcVNOHiBN3J93VdtdtvroRoURxLy5pH3VUVf1ZdVz8a1ha/yY8jy6Hw8QPso+OSc6lf+h2e+iV59/gFfx3NykqTntwVfQFVyQ7R3qf9R+RbWOGm48Bjos90Tfsn6LapKEkG+FUMfgXNOv676KvpWBztujl83FW5dk0NEdsD1O2daFbxBHmy+9BlQEM4iDhe3oTWxk4V3+hZ6DaUUUr71PpWf/DZXXsd3XqRLUHqzEJoXWTAy7SqvZpcrs5SAQQSWkpQzmGqdwwRR7s6m/8P5rXVsfWqDmyejq4d3YKJbG2vvUDO1FeWjzKYThAo3/Yy5P5dwDmWimbUy/wolalHjLAiU9rKVQ18OnCUZ1qI0Z9tJrqOGzZwLOiKOo/MomTvWLyqMuJr37dBX+O8kp6qELoKa3npZ3cSuiF1c3O0mGX/bRNb2eafOMGbqzG2Ka0+s4z6U/+xMo59L2d6sG9Jj7TGMfeKFv1rNssguXhvRvp+X6/pPSohLBvVWpmudkfI1rUWzTHaXMD0UdbsgEKhi5eUcJVhjqOtxNFaXh8QxuPKCfIEdEkKN9iKIQ7RP9+hF165L4vT/fZ8HAWZQoXEQ3+nYRim6fW18Kk3em9qwxJo59EsvFptaDDoVy+Uln58T5a9OhxHO0tCP2ILpaP1azWwziw1vlb2Wyxao797xBokWmPM8T2+QZpiskSPCKNnJUW/Kv7txfJVSWL8NLrlbmqtC5SMovVJoVb2sDobWas9s8swBkeupvU7ikYn9TGg3mYJ6AYltSStmB9mfMs9m3AfsYAVruMRg+NVZT1e+gZfFqtQhNsuYkavZyeFWiWT2afRNWr6SI8SN/gShHJA1wO4YTidXB1BwzEaLd7EFIBD/DQ6vrEMGBx1Z+Izl7XvKPD6wWV1Db06O+zrPcZHg3bW7ITlw8euuS0jaFNwwKA/DponoJ9+0wUkr12tjYFX9E8AfVqqkNLRGr4nQdzgGS0KUgkCDdJSuWDNav1+KxrI7iKc12DYEEku2WXtO3BJ4RAtKcbV8ZJyWmghBb+Gc7+G8719UnT1kGVWJ7wtH6ZLWUP47dZwQMXMBrjK2gZ4i6a1us2eoMH3RZN7i+b5rQcPduEavThzDmG3mkm5tQpL5AFtFbJCXGKld70cXzsNEkF3SXuPQFuoacK0fgO4BnfbQk2mbWGWs+XSlC0d77C227O9YUNLvxmmSieONfAWYH69J9TnD3xDz1uAyd0CLPZW2XtNsvGxAYSb/IOND7U3lPnTDEXRg1q6g+B2b5RL00KUTh8j4U3ujv6+Ri5w9+lvcgEP8ZLj29vaz2i9gZ+GUdlFMrK1Bzo/zJpokIGGGpexhUJTC3kw0EBkmTHQoGOcbVYDaBWjYxw0S7g4xgkMr4CjgeG+mPojUxkbTeeO7IBYcrsYoNNp5yuZU9I6NL4CCM6l9/N4Py4zB5XO6ExS/QPDS2d/mTc0iw2lw9piviLXkj2UdkfxOwmiroDj213Z7iZKAoAzpQY6d4H6Cjl228XTEAIe6driVrZUoXtN8x0X52YTXCWfucUmg7fYrpND7BM3Fm8hZ91O5fUtZNIknpRHcZuk3TqvWHGjpBj9NmMnPSbBo49JXFO8OWH1qmmLv5D5kZhjjf8IvD0IFFO4ZMXfyvL4k6/vg7XF/5DtoS9eVScf+jor/wA04fno4VJz8gAAAABJRU5ErkJggg==) no-repeat;
    background-size: 61px auto
}

.mod_follow {
    margin: 15px 10px;
    position: relative;
    padding: 15px 10px 15px 60px;
    height: 45px;
    background-color: #fff
}

.mod_follow:after {
    border-color: #cbcbcb
}

.mod_follow:before {
    position: absolute;
    left: 10px;
    content: "";
    width: 40px;
    height: 40px;
    background-position: 0 0
}

.mod_follow small {
    display: block;
    margin-top: 7.5px;
    color: #999;
    line-height: 1;
    font-size: 10px
}

.mod_follow .name {
    width: 70px;
    font-size: 10px;
    color: #333;
    padding: 6px 0
}

.mod_follow .follow {
    text-align: center
}

.mod_follow .follow .btn_qr {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #e93b3d;
    border-radius: 3px
}

.mod_follow .follow .btn_qr:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    width: 20px;
    height: 20px;
    background-position: -41px 0
}

.mod_follow .follow .btn_qr:active {
    background-color: #e62426
}

.mod_follow .follow .btn_qr.none_qr:before {
    display: none
}

.mod_qr_layer {
    display: none;
    z-index: 899;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mod_qr_layer.show {
    display: block
}

.mod_qr_layer .inner {
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 15px;
    width: 270px;
    text-align: center;
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3)
}

.mod_qr_layer .title {
    padding: 0 30px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    position: relative
}

.mod_qr_layer .title::after {
    border-color: #e5e5e5;
    margin: 0 -15px
}

.mod_qr_layer p {
    font-size: 14px;
    margin: 12px 0 11px
}

.mod_qr_layer .qr {
    position: relative;
    margin: 11px auto 0;
    width: 120px;
    height: 120px;
    background: #fff;
    padding-bottom: 31px
}

.mod_qr_layer .qr img {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: auto;
    border: 10px solid #f7f7f7;
    vertical-align: top
}

.mod_qr_layer .qr span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
    color: #999;
    font-size: 12px;
    text-align: center
}

.mod_qr_layer .btns {
    position: relative;
    margin: 12px -15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 0
}

.mod_qr_layer .btns::before {
    border-color: #e5e5e5;
    z-index: 1
}

.mod_qr_layer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    width: 100px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    color: #333;
    font-size: 14px
}

.mod_qr_layer .btn:not(:last-child)::after {
    border-color: #e5e5e5
}

.mod_qr_layer .btn.btn_1 {
    color: #e93b3d
}

.mod_btns .mod_btn.bg_bt + span.mod_btn, .mod_btns .mod_btn.bg_chou + span.mod_btn, .mod_btns .mod_btn.bg_help + span.mod_btn, .mod_btns .mod_btn.bg_jd + span.mod_btn, .mod_btns .mod_btn.bg_offline + span.mod_btn, .mod_btns .mod_btn.bg_pay + span.mod_btn, .mod_btns .mod_btn.bg_qq + span.mod_btn, .mod_btns .mod_btn.bg_tenPay + span.mod_btn, .mod_btns .mod_btn.bg_wx + span.mod_btn {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.mod_btns .mod_btn {
    background: #f3f3f3;
    color: #fff
}

.mod_btns .mod_btn:active {
    background: #e6e6e6
}

.mod_btns .mod_btn.bg_1 {
    background: #e4393c;
    color: #fff
}

.mod_btns .mod_btn.bg_1:active {
    background: #e12326
}

.mod_btns .mod_btn.bg_2, .mod_btns .mod_btn.mod_btn_bg1 {
    background: #3884ff;
    color: #fff
}

.mod_btns .mod_btn.bg_2:active, .mod_btns .mod_btn.mod_btn_bg1:active {
    background: #1f74ff
}

.mod_btns .mod_btn.bg_3, .mod_btns .mod_btn.mod_btn_bg {
    background: #f19325;
    color: #fff
}

.mod_btns .mod_btn.bg_3:active, .mod_btns .mod_btn.mod_btn_bg:active {
    background: #ed870f
}

.mod_btns .mod_btn.bg_4 {
    background: #fff;
    position: relative;
    color: #333
}

.mod_btns .mod_btn.bg_4:active {
    background: #f2f2f2
}

.mod_btns .mod_btn.bg_5 {
    background: #67ad03;
    color: #fff
}

.mod_btns .mod_btn.bg_5:active {
    background: #589403
}

.mod_btns .mod_btn.bg_6 {
    background: #1bc6c3;
    color: #fff
}

.mod_btns .mod_btn.bg_6:active {
    background: #18b0ad
}

.mod_btns .mod_btn.bg_7 {
    background: #666;
    color: #fff
}

.mod_btns .mod_btn.bg_7:active {
    background: #595959
}

.mod_btns .mod_btn.bg_8 {
    background: #32b8ea;
    color: #fff
}

.mod_btns .mod_btn.bg_8:active {
    background: #1bb0e8
}

.mod_btns .mod_btn.bg_9 {
    background: #18c461;
    color: #fff
}

.mod_btns .mod_btn.bg_9:active {
    background: #15ad56
}

.mod_btns .mod_btn.bg_10 {
    background: #d05148;
    color: #fff
}

.mod_btns .mod_btn.bg_10:active {
    background: #ca3e34
}

.mod_btns .mod_btn.bg_11 {
    background: #fff;
    position: relative;
    color: #333;
    color: #e4393c
}

.mod_btns .mod_btn.bg_11:active {
    background: #f2f2f2
}

.mod_btns .mod_btn.bg_12 {
    background: #6a77b6;
    color: #fff
}

.mod_btns .mod_btn.bg_12:active {
    background: #5967ae
}

.mod_btns .mod_btn, .mod_btns .mod_btn.bg_4 {
    border-color: #ddd;
    color: #333
}

.mod_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    margin: 15px 10px
}

.mod_btns .mod_btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    position: relative
}

.mod_btns .mod_btn span {
    display: block;
    line-height: 34px
}

.mod_btns .mod_btn span small {
    display: block;
    font-size: 10px;
    margin-top: -18px;
    opacity: .7
}

.mod_btns .mod_btn.bg_4, .mod_btns .mod_btn.bg_11, .mod_btns .mod_btn.bg_bt, .mod_btns .mod_btn:not([class*="bg"]) {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd
}

.mod_btns .mod_btn.bg_4 span, .mod_btns .mod_btn.bg_11 span, .mod_btns .mod_btn.bg_bt span, .mod_btns .mod_btn:not([class*="bg"]) span {
    line-height: 34px
}

.mod_btns .mod_btn.bg_bt + span.mod_btn, .mod_btns .mod_btn.bg_chou + span.mod_btn, .mod_btns .mod_btn.bg_help + span.mod_btn, .mod_btns .mod_btn.bg_jd + span.mod_btn, .mod_btns .mod_btn.bg_offline + span.mod_btn, .mod_btns .mod_btn.bg_pay + span.mod_btn, .mod_btns .mod_btn.bg_qq + span.mod_btn, .mod_btns .mod_btn.bg_tenPay + span.mod_btn, .mod_btns .mod_btn.bg_wx + span.mod_btn {
    width: 40px;
    font-size: 12px
}

.mod_btns .mod_btn.bg_bt + span.mod_btn::before, .mod_btns .mod_btn.bg_chou + span.mod_btn::before, .mod_btns .mod_btn.bg_help + span.mod_btn::before, .mod_btns .mod_btn.bg_jd + span.mod_btn::before, .mod_btns .mod_btn.bg_offline + span.mod_btn::before, .mod_btns .mod_btn.bg_pay + span.mod_btn::before, .mod_btns .mod_btn.bg_qq + span.mod_btn::before, .mod_btns .mod_btn.bg_tenPay + span.mod_btn::before, .mod_btns .mod_btn.bg_wx + span.mod_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod_btns .mod_btn.bg_help + span.mod_btn::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTKGt6p+r6J+r6KCs6KCs6aO69Z+r6J+s6aOv7p+s6aCt6aCt6Z+r6J+r6NiNquEAAAAOdFJOUwA55/fDiArZdxxTZl6ojY9XlwAAAONJREFUKM9jYKAzYAwpNncVQBXL0Hv32O7dozZkMS69J40TOCX8Hi1AEox7AtbJ6PcUIcb7+ACEwWN3AaFQEcYSgivlegzSzJYAMsAOZmrSaxDJVAAi96lBBfscQCSzAYhkeQEV1ANbzb0B7IBHUM88R3ZyHcRbrBAbGSG8uAAwxfIQTDEpgCk5sAUM7C/BFN8DMDUP7AgG5mfIgnkGuAWxaodaBBWEWgR1ElQQ6iSo46GCUMdDvQkRhHkTGiAQx8MDBBJ0nBNQgg4SyBDz4YGMNTqwRxzWKMaeGLAmG+wJjPYAANQ/Sgc1J1hLAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 20px 20px
}

.mod_btns .mod_btn.bg_chou + span.mod_btn::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTOaJA+aJBOWJBeaIBeODAOaIA+WJBeWIBOWJBeaKBuaJBOaKBeaIBOaJBeVZ32gAAAAOdFJOUwA63u6ICh6/d8lTZl6oEwWvOwAAAN9JREFUKM9jYKAzYHRXNioRQBWLsHsHBI9bkcW49F42JrBJzHu0AEnQ7zlYJ2PdE4QY77sDEAbPuwsIhYYwljBcKdc7kGbWAJAB72CmBr0GkUwKIHKfKlSwbwKI5HsAIjlfQAXtwFZzbwA74DHUM4+QnawH8RYLxEa2BIhLHMAU+0MwxWwApuQKwBTTMwaERQx5ChAlT5EF4wxwC2LVDrUIKgi1COokqCDUSVDHQwWhjod6EyII8yY0QCChBA8QSNBBvAkPOkggQ8yHBzLW6MAecVijGHtiwJpssCcw2gMAw0pOCL0B7kIAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 20px 20px
}

.mod_btns .mod_btn.bg_offline + span.mod_btn::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTKDF9KDF9KDF9KDF9KDF8qHE9aLA9aDF9J/E9KHD8p/E8qDE9KDG9J/F9KDF9Bp2cuoAAAAPdFJOUwDn98OIPTQK2XccU2ZeqFuaQWIAAADlSURBVCjPY2CgM2B1btIwCUAVq5T//0n//8fpyGLc8p+nLeDKtP+4AUnQ/3MCiGKz/4IQ4/t0AcLg1X+AUCgGYyXClXJ/AlnLXgByhD7M1MI/IJKxAUSeF4cKzjcAkUwKIJL5J1RQHuxongNgT3yEeuYHspP7Id5igdjIlgBxiQOYYv4KphgFwFQ82AIGjl9giv8DmFoPdgQD03dkwXoF3IJYtUMtggpCLYI6CSoIdRLU8VBBqOOh3oQIwrwJDRCI4+EBAgk6rgUoQQcJZIj58EDGGh3YIw5rFGNPDFiTDfYERnsAAEp2UZcOZYiTAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 20px 20px
}

.mod_btns .mod_btn ~ .mod_btn {
    margin-left: 10px
}

.mod_btns .mod_btn + span.mod_btn {
    margin-left: 3px
}

.mod_btns .mod_btn.bg_11 {
    border-color: #e93b3d
}

.mod_btns .mod_btn.bg_wx {
    background: #06ba04;
    color: #fff;
    border-color: #06ba04
}

.mod_btns .mod_btn.bg_wx:active {
    background: #05a103
}

.mod_btns .mod_btn.bg_tenPay {
    background: #3a77e7;
    color: #fff;
    border-color: #3a77e7
}

.mod_btns .mod_btn.bg_tenPay:active {
    background: #2367e4
}

.mod_btns .mod_btn.bg_qq {
    background: #ef8109;
    color: #fff;
    border-color: #ef8109
}

.mod_btns .mod_btn.bg_qq:active {
    background: #d67408
}

.mod_btns .mod_btn.bg_jd {
    background: #d05148;
    color: #fff;
    border-color: #d05148
}

.mod_btns .mod_btn.bg_jd:active {
    background: #ca3e34
}

.mod_btns .mod_btn.bg_bt {
    background: #fff;
    position: relative;
    color: #333;
    color: #e4393c;
    border-color: #e4393c
}

.mod_btns .mod_btn.bg_bt:active {
    background: #f2f2f2
}

.mod_btns .mod_btn.bg_pay {
    background: #bbebe9;
    color: #0f8783;
    border-color: #39c7c2
}

.mod_btns .mod_btn.bg_pay:active {
    background: #a7e5e3
}

.mod_btns .mod_btn.bg_help {
    background: #d8daff;
    color: #7a87c8;
    border-color: #8c9ade
}

.mod_btns .mod_btn.bg_help:active {
    background: #bfc2ff
}

.mod_btns .mod_btn.bg_chou {
    background: #fdf0dc;
    color: #e68905;
    border-color: #facb87
}

.mod_btns .mod_btn.bg_chou:active {
    background: #fce6c4
}

.mod_btns .mod_btn.bg_offline {
    background: #d8ecff;
    color: #5d8fc7;
    border-color: #4db2ee
}

.mod_btns .mod_btn.bg_offline:active {
    background: #bfe0ff
}

.mod_btns .mod_btn.disabled {
    cursor: default;
    color: #999;
    background: #d7d7d7;
    border-color: #d7d7d7
}

.mod_btns .mod_btn.disabled:active {
    background: #d7d7d7
}

.mod_btns_wrap .mod_btn:first-child {
    text-indent: 45px
}

.WX_backtop {
    z-index: 100;
    position: fixed;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 3px 0 0 3px;
    display: none
}

.WX_backtop::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAEs64yCwYosRLAAAAf0lEQVQ4y+2LOw6AIBBEMUZrgyegsdY7eACPYCjm/kcQMhsTYLGxwcRp9vPmmdYzIs35RN6n26cKsXAVZYHXJeuxOF1xsKoUvghUVQwi1hSDyDUlkFLiB2wUSiSlxBvs5ApJLskFaaUKSS71skN6602GjRMc82GSkDA/+RhpLBdlCiXsyNDDDQAAAABJRU5ErkJggg==);
    background-size: 25px
}

.mod_areaselect li:after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_areaselect li:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.mod_areaselect {
    background: #fff
}

.mod_areaselect li {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #666;
    padding: 0 10px;
    position: relative
}

.mod_areaselect li:after {
    border-color: #e5e5e5
}

.mod_areaselect li.selected {
    background: #f2f2f2;
    color: #333
}

.mod_areaselect li:first-child.selected {
    background: #ccc
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

img {
    border: 0 none;
    vertical-align: top
}

em, i {
    font-style: normal
}

ol, ul {
    list-style: none
}

button, h1, h2, h3, h4, h5, h6, input, select {
    font-size: 100%;
    font-family: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a, a:visited {
    text-decoration: none;
    color: #333;
    text-align: center;
}

body {
    margin: 0 auto;
    min-width: 320px;
    max-width: 540px;
    background: #fff;
    font-size: 14px;
    font-family: -apple-system, Helvetica, sans-serif;
    line-height: 1.5;
    color: #666;
    -webkit-text-size-adjust: 100% !important
}

.bg_stamp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUdwTIKCgtTU1PX19ePj435+fqampuTk5DMzMyc1We4AAAAJdFJOUwAyMjMyIA4eMxNCOcIAAANwSURBVFjD7Za9c9owFMBNG+QV+c6EsQgfyVrka9bW9l3WeIDZJgZWN3BhbXId/Gf3PX34g4hgrU10AUeWfu9bTzjO5/gAY7s7xnfHbdZzO9kdYi5HeOwF7fR+zqeU+pcZcqgBflvBuM76q+Acierlx/tEwdtjgogXvqvm0CH4YlJRj/PyshtTr0uWl3VUVRf5edmP3ojbxPb1MrKDmJCYG0aYmH0hPCydKxORJGeQqzAOs71huyS4IS9fFywOzQQiplQ+LhjjLVcmMfjQIHcG7/eAsNoMQP7WBL4x1VgcARLUu5Lv1SyJlJTYGGPCmXf9xBokmbwmjCnGGDCXw+pa24bjV+VFmuGLzBTj6ZR9YXokSRTcVl7AhLXxwj/n/ZZ1xqR6kd5NJ3/OeZ8dTpnqhVIK39kZV5iz7iJsKo5kRQMDUoQCIezt8FhgzIpw5cZx1tEpIfJiOpIz3DqH9ATMwJiqhYisoSzXoMaohETSLhhP0RvkzthWkJBROTUtMCsB2ZoA07pMEN+f6V6t5u4GbduSRZ+232YC/tzvbnlKNBE+972PjlJREj1b3HlH1kSx78ihhh/s7tbflHqlFUHgcHE7xI2C2BIpoFQskYBZGUbQLux4FkjmFLbI3DlgN7LxJWBRAB3ZBnFnETbx2CZiewjxfD2zQZKbIildG8RdlEXkEBukuHeuoK/sLRDYW8ytEAIaHr/Bpz/ypZTbC6sakx+7c/yRfttv4Q++2kHTU7JZmZDUd1La+ZlOcI7ToX6fU7Wa0hZCac1QNSXi6QtEtk6QUSPLVK6p5urDdISSluIfeDUWS4MGgd2bWg2lK5xmQ9GWNygql1tRSAuB1yOlXEjcamtSeORKHu0iRFnWcjWTIkaIjFQ42oj61g8QOVZPX7gnXekiOe3sHCpDcTWnIropTbvIQBhC9M6hvpNAVE4HMCN0fAZ5OEEGiKBOeJOeGmbWAqJAkfAoszEMS0Ukvb/7IHAFKxKhdZCpOcgSIeKOPtHyNpVOk0pVLOIdQXUyT2BI1imYUVMwKMpXCC4gIopwKKKPfg9FWWZ1WSrfAMHiBgv95VKUxEBWOsVpXfxjiYiEASKPkDxiDwoh+ogNW0cMLXQ0kikEs0CWMjWwEaeb5iCrFgqIL9pBmvqdtgBdQv3WTFf6ltaN5LO//jfjHyP4NjPVfQX/AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50px
}

.m_header_bar {
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: -webkit-linear-gradient(top, #fff, #efefef);
    background: linear-gradient(180deg, #fff, #efefef)
}

.m_header_bar_back {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 45px
}

.m_header_bar_back::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1px solid #848689;
    border-left: 1px solid #848689;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -6px
}

.m_header_bar_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAgMAAACcbnALAAAADFBMVEUAAACEhomEhomEhomy3RjxAAAAA3RSTlMA9IUXdJfIAAAARUlEQVQY02OY/x8CvjHUQ1l/Gf7Dxf4wQAEhFhNQdwKYxQjUeAFFjBRTYPYyQt2CEKO/Kd+gLEagAXAx3DpK4KwZDBgAAAh+brVZ2vz9AAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 18px
}

.m_header_bar_login {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    color: #666;
    font-size: 14px
}

.m_header_bar::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .m_header_bar::before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.m_header_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: #fff;
    background-color: #404042
}

.m_header_nav_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 35px 0 4px;
    text-align: center;
    font-size: 12px;
    background: no-repeat center 9px;
    background-size: 25px
}

.m_header_nav_item.type_index {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTP///////////////////////////////////////////////////////////////////4ZSzFsAAAARdFJOUwC8GijxIQfhtDrYaVlE9mWEdTwuNgAAAM1JREFUSMft1sEWRSAQgOEiTajo/V/25kpCTdPd3I1/Z8xno+Ng7O2ZVGvfKLhz0DcKAU1mE2M3NZivYKzBBNFgoiCbRBDNRZDMTexmaBJVI9VDVExWoKYgEFMURYOIgkFF1lRExnhhR/wl3wxBeAOJIYmLIYrUWP9lABDoiZVc+B2wwbjQjJDxWHJ8uzTa+HiFiG3JaN6dQxWJXPmR6iKB53NO0ruzhUrssjc5TSUizl7yf7IOeyYhc5jpHIHkmFhklsST2yIzg/cv5fc+XEwT8zYiasUAAAAASUVORK5CYII=)
}

.m_header_nav_item.type_search {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUdwTP///////////////////////////////////////////////////////////////////////308lk0AAAASdFJOUwD2LIitQejDGdkQTnEGfM+ZWubBhWYAAAEKSURBVEjH7VXJsgMhCHRHx23S//+xWQ5JJQFntN7pVbgptiA0rVL/27yloHUgm8+dj3vH09IejxEtANR8rDX6RkBoB4DNAc681ua+3oZJEYL/eFcAjZIj9C937CA5jkNinFuHkxAF2rDpBhQBknDhHRmp8uUFyW+0wr4X6cDfZpDkUib2uiIEf5hlC+AwIGFm65xgBrRgs9YYcKlCM7vAiH2sdyHKwlsWKrbQl4XuL3BshckL87IyldLskzz7qgoK07c/1TFeLY9k+aHJxd+ORV9umoz9jPKnd+U39sR/kd/+F0JTkxbFFstmgvbTGK3NLCbrEGcxZcgAaSypzmLcmZ5+UNZl9bO7XQGjOw1SlcSutAAAAABJRU5ErkJggg==)
}

.m_header_nav_item.type_shopcart {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUdwTP///////////////////////////////////////48EzvsAAAAKdFJOUwDvjwvNXSd2rUR0R1eGAAAAqklEQVQ4y2NgGMRgFQi04ZRZjktf1BJcMlarDHDIsKwKwCHDvqprFQYAy7CtksIhw+C1EpcTtBbhkpmF09mGqxJwyHCsKsAhw7rKAYcM86rFuCzyWopLpmoFmj8XwGSyFuKSYVk1AYdpTKsUcMhw4na21DJcjuuiW1LAEtWQpOCBS2YwACNBZWgYKgqh+lpr1SJYjKBFidSqhRAG46pVAkTK4DYNtwsGHwAAqCRr+INH784AAAAASUVORK5CYII=)
}

.m_header_nav_item.type_my {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTP///////////////////////////////////////////////////////////0Q+7AIAAAAPdFJOUwChIQpa8K9n4X0zzLtKGXSJHKUAAAFHSURBVDjLY2AYEsBc4n9jMTaJh/9BQA5TgiX+mxODSv5XBwwZ+W8KQJIp/yO6BPv/AhQaAZ5+gTL8g9ANS4AyGNGMY/6vAGUx/TdAkeH9A2eev4Aiw/kTzpw/AUWG7S+ceT8BRYb7F5y5fgORMoxf4Ex/AdQg+AZn5qMGAh+Sfx7gCAM29CB9+h3KqI9Dj57/Dig0snGQUJiPET8MjP8PAUmd/wLoEkzy/2MWMHAd/f9RAU2m9L8sKPSZL/4PR5Uw+y8EZSn+T0aJuPwQONv1G3LUsf1AmM7UjxwN8k1IHA0kh7N8XYAkwxWP8Cz3dxTn1CNiaD5aNP7ElVyQEhJaEmP+Cmf2o4YI0w+Eo5NRAwThbIsfRUgS6v3NCO3n/0dL1q4zYGB+dX3i1v9/kAxnkfiPAI2osWrlKbMj/v/X7oNTFg+BwgYA/tJ0C0hlN10AAAAASUVORK5CYII=)
}

.m_header_nav_item.cur {
    background-color: #2d2d2d
}

.mod_guidemask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 540px;
    margin: 0 auto;
    z-index: 1000;
    background: #000 no-repeat 50%;
    background-size: cover
}

.mod_aside_v2 {
    position: fixed;
    right: 0;
    z-index: 301
}

.mod_aside_v2 .WX_backtop {
    position: absolute;
    bottom: 0;
    z-index: 0
}

.mod_aside_v2.unfold .mod_aside_v2_mask {
    display: block
}

.mod_aside_v2.anim .mod_aside_v2_mask {
    opacity: 1
}

.mod_aside_v2.anim .mod_aside_v2_nav_btn::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod_aside_v2.anim .mod_aside_v2_nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mod_aside_v2_mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    display: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.mod_aside_v2_nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 260px;
    padding: 15px 0 5px;
    background: #fff;
    border-radius: 4px 0 0 4px;
    height: 102px;
    z-index: 1;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.mod_aside_v2_nav .type_dot::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #e93b3d;
    position: absolute;
    top: 3px;
    right: 0
}

.mod_aside_v2_nav_item {
    float: left;
    width: 25%;
    text-align: center;
    padding: 5px 0;
    position: relative
}

.mod_aside_v2_nav_item:active {
    background-color: #f4f4f4
}

.mod_aside_v2_nav_item svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    fill: #666
}

.mod_aside_v2_nav_item span {
    display: block;
    padding: 0 5px;
    font-size: 10px;
    color: #666;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod_aside_v2_nav_item.type_dot::after {
    border: 1px solid #fff;
    right: 50%;
    top: 0;
    margin-right: -15px
}

.mod_aside_v2_nav_btn {
    width: 45px;
    height: 40px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: -45px;
    top: 50%;
    margin-top: -20px;
    border-radius: 4px 0 0 4px
}

.mod_aside_v2_nav_btn:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUdwTP///////////////////////////////////////////////////////////////////////308lk0AAAATdFJOUwBJVIgXCSghN2h25abRt9t9xvR1SOUqAAAArUlEQVQ4y+3TSw7DIAwE0GCCsfmT+x82rYqzy6jLVopXLJ6AMWbbnvqXCj7ZMu4IjuLNMYKplbiccLh3Opt8ViwCHNXp1n5OwMGuV12OXLx3kvsKsivJveOcS1hOgYv9aJcjEKQedV0/DQXuBYv1chB6kpgPi5LQFd+hs1poZSRd7tZuJTgQ1KdcDUd5Nq1tPQg7gXLMsttQMJS++WAy4gEvNuEMB/f7r/DUb9QJXowEvuSlZpcAAAAASUVORK5CYII=) no-repeat 0 0;
    background-size: 100%
}

.mod_aside_v2_nav_btn i {
    color: #fff;
    font-size: 10px;
    width: 2.2em;
    line-height: 1.3em;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hd_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.hd_bar .hd_search_frm {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.hd_bar .hd_search_frm .hd_search_txt {
    border: none;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

.order_keywords a, .order_keywords li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hide {
    display: none !important
}

.hd_bar_wrap {
    position: relative;
    height: 46px
}

.hd_bar_wrap .fixed.hd_bar {
    position: fixed
}

.hd_bar_wrap .hd_bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 99%;
    max-width: 540px;
    z-index: 101
}

.hd_bar {
    box-sizing: border-box;
    padding: 8px 10px;
    /*background: #e8e8ed*/
}

.hd_bar:after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .hd_bar:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.hd_bar .hd_search_frm {
    position: relative;
    padding: 0 0 0 13px;
    height: 30px;
    border-radius: 15px;
    background: #fff;
    overflow: hidden
}

/*.hd_bar .hd_search_frm:before {*/
/*content: "";*/
/*position: absolute;*/
/*top: 50%;*/
/*-webkit-transform: translate(0, -50%);*/
/*transform: translate(0, -50%);*/
/*left: 8px;*/
/*width: 15px;*/
/*height: 15px;*/
/*background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURUdwTJmZmZeXl5mZmZiYmJmZmZmZmZiYmJiYmJmZmZmZmZmZmbV6WIsAAAALdFJOUwDBDYwn9+pK3j5o4kUXGwAAAK5JREFUGNNjYAACZ7HQRBMGOJi4GwQkYVzl3cklDO5mu40gXCbpYAUQZbpRAcxX3OEAplm6hcC0dRNUn8ZmEMm51QHKZ4kGsRg3w+2xFgAS3klwvtoWkKABnM8MUipdAOezbwQS2Q5wPss2IBGNcDfDVix8ZPU7sJiHbh+6e9Ddi+4fdP8ihUcQanhthQYYPDylhVDDWxGqABQfjSYgnUIMKACugAEWFRgKUPlMggBcmjGeHAdJwAAAAABJRU5ErkJggg==) no-repeat;*/
/*background-size: 15px auto*/
/*}*/

.hd_bar .hd_search_frm .hd_search_txt {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 18px
}

.hd_bar .hd_search_frm .hd_search_txt::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.hd_bar .hd_search_frm .hd_search_txt::-webkit-input-placeholder {
    color: #ccc
}

.hd_bar .hd_search_frm.hd_search_frm_focus + .hd_me {
    display: block
}

.hd_bar .hd_me {
    margin-left: 10px
}

.hd_bar .hd_search_clear {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTGVkZWJkZWRqZGV3ZWRgZGJvYmRkZGRkZGVkZWVlZWiJY2NjY2ZmZrsUuV4AAAANdFJOUwDiOXkgTg9yv9LwMIiJ8hBNAAAAuElEQVQY02NgAIGU4DOmbgxw4D737t27N0tg3PS1d0HgVhmEy917FwJubADzFe/CgBBYWhbOvwhSkHEXAdqAfFsk/mUGBhag4c0gLRctgFY4MLADmQYgI4WYgUQBQyaQnMQke/eigiaQNY3BF6RUQfGuEBNI0xWGWLDFTIIKYGdchRh/USEULA204CzYoqUMUWD6DgYfXT26eej2obsH3b3o/kH3L0Z4oIcXenhihDd6fGDEF3J8AgBnCfkpb4k5iAAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 15px auto;
    border-radius: 0 5px 5px 0
}

.hd_bar .hd_search_btn {
    display: block;
    width: 40px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #3985ff
}

.hd_bar .hd_search_btn_blue {
    display: block;
    padding: 0 6px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    background: #3985ff;
    color: #fff
}

.hd_bar .hd_search_btn_blue:active {
    background: #2075ff
}

.hd_bar .hd_search_btn_blue.disabled {
    background: #ccc;
    color: #999
}

.hd_bar .hd_search_btn_blue.disabled:active {
    background: #bfbfbf
}

.order_smartbox {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    max-width: 540px;
    background-color: rgba(0, 0, 0, .3);
    z-index: 101
}

.order_smartbox.show {
    display: block
}

.order_keywords {
    padding: 7px 10px;
    font-size: 14px;
    background: #fff
}

.order_keywords a, .order_keywords li {
    display: block;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #666;
    background: #fff;
    border-bottom: 1px dashed #ddd
}

.order_keywords.active {
    background-color: #eee
}

.order_keywords .order_keywords_str {
    color: #007aff
}

.order_layer {
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.order_layer.show {
    display: block
}

.order_layer .close {
    z-index: 2;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -30px;
    right: 0;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.order_layer .close:after {
    width: 26px;
    height: 26px;
    content: "";
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAZlBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaud1slAAAAIXRSTlMAE8/52wgFvrdyTxAwy+aLgV0qHu7fSWPSxkyWRpeVZ++kg2AaAAABcklEQVRIx8WW23KEIAyGERAVz667rnvs//4v2RlrGxiwDNxsbhAmH0kkJLBPSa37Us5CzLLsdR3WV2MpYIgoR/U/UHWAKAY91UrVkx4KAXRVfkzcJNC+M3Mpe7eAvB0A+R3gD3f9cQXuXkNZC1EduCvAT+76SUI27EAaibPDZBItBeFxwWHyFqvjrqWwgtsKL0jHhuPGy5xfIBoWkEbgYliVqFhQKpxzY3JVYURdaWPVbSaDckH3u/MIbrhc2AlTGEFyjPtXiYWWC/DMIDgKmi0o9/shRG0qEUOTP82fmaaNSM3+JBf0NvYYmMN4CTag30PRzGV8BNN7MBIT8zBEkEyQ2zgjYx6GCJIa8zYKKOZhiCBREAlIvGNfCeEn/OSEo0xImIS0jE/+hCuWcJEjywVHlVCUokuf1WaewQJbSzztKs1jy3i4WayeBnM6R7QkOuiIxpfWXqmJL3bCLHYTdw1FPBUIch8kxwD5Yj57MvYh+QZg0yHjMeejEwAAAABJRU5ErkJggg==);
    background-size: 26px 26px;
    margin: 2px auto
}

.order_layer .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.order_layer .inner {
    position: absolute;
    z-index: 1;
    left: 20px;
    right: 20px;
    bottom: 50px;
    background: #fff;
    padding: 15px 10px 10px
}

.order_layer dt {
    position: relative;
    text-align: center;
    font-size: 14px
}

.order_layer dd.mod_btns {
    margin: 10px 0;
    display: block
}

.order_layer dd.mod_btns .mod_btn {
    display: block;
    width: 100%;
    margin: 0
}

.order_layer .mod_btns .mod_btn.bg_1 {
    background: #d05148
}

.order_layer .mod_btns .mod_btn.bg_4 {
    color: #e93b3d
}

.order_layer .mod_btns .mod_btn.bg_4:after {
    border-color: #e93b3d
}

.order_layer .tips {
    margin-top: 5px;
    font-size: 12px;
    text-align: center
}

.order_layer .tips a {
    color: #3985ff
}

.order_soldout_good_price {
    font-family: arial
}

.order_soldout_good {
    position: relative;
    padding-left: 60px;
    margin: 15px auto
}

.order_soldout_good_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px
}

.order_soldout_good_cover img {
    display: block;
    width: 100%
}

.order_soldout_good_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 10px;
    background-color: rgba(0, 0, 0, .7)
}

.order_soldout_good_info {
    color: #333;
    text-align: left;
    overflow: hidden
}

.order_soldout_good_info p {
    margin: 0;
    font-size: 12px
}

.order_soldout_good_name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 2px !important;
    line-height: 1.25em;
    height: 2.5em
}

.order_soldout_good_price {
    color: #e93b3d
}

.order_soldout_goodlist {
    margin: 15px 0;
    font-size: 0;
    font-family: Helvetica;
    white-space: nowrap;
    text-align: left
}

.order_soldout_goodlist_item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px
}

.order_soldout_goodlist_item:not(:last-child) {
    margin-right: 5px
}

.order_soldout_goodlist_item img {
    display: block;
    width: 100%
}

.order_soldout_goodlist_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 10px;
    background-color: rgba(0, 0, 0, .7)
}

.order_soldout_goodlist_more {
    line-height: 50px;
    font-size: 10px !important;
    margin: 0 !important;
    text-align: center
}

.order_soldout_checkbox.checked::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTOQ4O+M4O+M5O+Q5POQ4O+Q4POM4O906OuQ5O+Q5POM5POQ4POQ5POZFR/////nS0/rY2P3t7fe/wOlbXm2NYsYAAAANdFJOUwDGlYH6V0zqC5Kt7H8YUajjAAAAtElEQVQoz4WTWRKEIAxEQZaITkBl7n/WCZQwytpfFI9ASDqMZWnDQUrgRq+s1Cp2zNpFcUABvgTqSRestPzphg1tiRps6o5X2FF8f4UehpD/B7sSnWB7HHe4btHTRYy6lXagNq4M4wOKnMGAIjCZdm1NUWZ8Xd+KEk6Xexf4m9LlObXAC0qp5Y9Z4gWljz3K4l1BqSyPolp/2aonYtiSWUMndmga8WXGsRVnRp6NwWyIeiP4A2wDJAVQOQpmAAAAAElFTkSuQmCC)
}

.order_soldout_checkbox::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURWZmZkdwTGVlZWZmZmVlZWVlZWZmZmVlZWZmZmBgYFpaWl9fX2ZmZmRkZGVlZfjsQOEAAAAPdFJOU/8AyDzrf1+U9QMFDxpMra0P+TwAAAC+SURBVBjTYxAEAqnrKh1OtQtBTAYglg5hAAHXjVB+CoOqzerDQQxuEP50BmUgY6agEUMliC/5oE0QAjL4JgL54iyGUL6wQyGQn9AsCAMWbIIM0g6JcL4Yy0YGUSZJOF9QIZBhCTOCK2jgxXBBEYkvxMtQEIjEF2VnUDBE4gszMTgcROLLsDA0LETiS3Fg8NHVo5uHbh+6e9DdK8okiOIfdP+ihwdGeMHDUxISntDwFoSFNyQ+ZiLiAyO+kOMTAMF+Pgd1FCexAAAAAElFTkSuQmCC) no-repeat;
    background-size: 15px auto
}

.buy_qrcode h3:after, .order_enter_bar:after, .order_head .oh_content:after, .order_search_res:after, .order_wuliuBar:after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.buy_qrcode:after {
    content: "";
    display: block;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .buy_qrcode h3:after, .order_enter_bar:after, .order_head .oh_content:after, .order_search_res:after, .order_wuliuBar:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }

    .buy_qrcode:after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.co_red, .order_head .text, .order_item .oi_content p .price, .order_similar .order_similar_item .price {
    font-family: arial
}

.order_item .oi_content a > p, .order_similar .order_similar_item .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.order_item .oi_content .text_small {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.order_enter_bar:before, .order_similar:before {
    content: "\20";
    display: block
}

.my_nav .my_nav_cate:after {
    clear: both;
    content: "\20";
    display: block
}

.order_enter_bar:before, .order_similar:before {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: none
}

.order_enter_bar:before, .order_similar:before {
    margin-top: -6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.layer .action a {
    background: #f3f3f3;
    color: #fff
}

.layer .action a:active {
    background: #e6e6e6
}

.layer .action .online, .order_list .btn {
    background: #e4393c;
    color: #fff
}

.layer .action .online:active, .order_list .btn:active {
    background: #e12326
}

.layer .action .tenpay {
    background: #3884ff;
    color: #fff
}

.layer .action .tenpay:active {
    background: #1f74ff
}

.layer .action .qq {
    background: #f19325;
    color: #fff
}

.layer .action .qq:active {
    background: #ed870f
}

.layer .action .jd {
    background: #fff;
    color: #fff
}

.layer .action .jd:active {
    background: #f2f2f2
}

.layer .action .wechat {
    background: #67ad03;
    color: #fff
}

.layer .action .wechat:active {
    background: #589403
}

.layer .action .cash {
    background: #1bc6c3;
    color: #fff
}

.layer .action .cash:active {
    background: #18b0ad
}

.layer .action .disabled {
    cursor: default;
    background: #d7d7d7
}

.layer .action .disabled span {
    margin-left: 5px;
    color: #e4393c
}

.layer .action .disabled:active {
    background: #d7d7d7
}

.layer .action .jd, .layer .action a {
    border-color: #ddd;
    color: #333
}

.my_nav .my_nav_list_item a, .order_scrollbox .order_scrollbox_item {
    font-family: -apple-system, Helvetica, sans-serif
}

.my_nav .my_nav_cate::after {
    content: "";
    display: block;
    clear: both
}

.order_scrollbox::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

body {
    /*background: #e8e8ed !important*/
    /*background-image: url("/static/images/index.jpg");*/
}

.wx_wrap {
    position: relative
}

.unscrollable {
    height: 100%;
    overflow: hidden
}

.unscrollable body {
    height: 100%;
    overflow: hidden
}

.order_topBar .close:after, .order_topBar .link:before {
    background: url(/static/images/icon_topBar.png) no-repeat 0 0;
    background-size: 48px 24px
}

.alert_layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 78
}

.alert_layer.show {
    display: block
}

.my_order_inner {
    position: relative;
    min-height: 300px;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease
}

.my_order {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 300px;
    overflow: hidden
}

.layer {
    z-index: 40;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3)
}

.layer .pay_select {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 70px;
    background-color: #fff;
    padding: 10px 10px 0
}

.layer .title {
    color: #000;
    text-align: center;
    font-size: 18px
}

.layer .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: 10px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.layer .close:after {
    width: 26px;
    height: 26px;
    content: "";
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAZlBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaud1slAAAAIXRSTlMAE8/52wgFvrdyTxAwy+aLgV0qHu7fSWPSxkyWRpeVZ++kg2AaAAABcklEQVRIx8WW23KEIAyGERAVz667rnvs//4v2RlrGxiwDNxsbhAmH0kkJLBPSa37Us5CzLLsdR3WV2MpYIgoR/U/UHWAKAY91UrVkx4KAXRVfkzcJNC+M3Mpe7eAvB0A+R3gD3f9cQXuXkNZC1EduCvAT+76SUI27EAaibPDZBItBeFxwWHyFqvjrqWwgtsKL0jHhuPGy5xfIBoWkEbgYliVqFhQKpxzY3JVYURdaWPVbSaDckH3u/MIbrhc2AlTGEFyjPtXiYWWC/DMIDgKmi0o9/shRG0qEUOTP82fmaaNSM3+JBf0NvYYmMN4CTag30PRzGV8BNN7MBIT8zBEkEyQ2zgjYx6GCJIa8zYKKOZhiCBREAlIvGNfCeEn/OSEo0xImIS0jE/+hCuWcJEjywVHlVCUokuf1WaewQJbSzztKs1jy3i4WayeBnM6R7QkOuiIxpfWXqmJL3bCLHYTdw1FPBUIch8kxwD5Yj57MvYh+QZg0yHjMeejEwAAAABJRU5ErkJggg==);
    background-size: 26px 26px;
    margin: 2px auto
}

.layer .action {
    text-align: center
}

.layer .action a {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    margin-bottom: 10px;
    border-radius: 2px
}

.layer .action a em {
    font-size: 12px
}

.layer .action .online {
    background: #d05148
}

.layer .action .online:active {
    background: #ca3e34
}

.layer .action .jd {
    border-color: #e4393c;
    color: #e4393c
}

.layer .action .disabled {
    border-color: transparent;
    color: #999
}

.layer .tips {
    padding-bottom: 15px;
    font-size: 12px;
    text-align: center
}

.layer .tips a {
    color: #3985ff
}

.co_blue {
    color: #3985ff
}

.co_red {
    color: #e4393c
}

.my_nav_mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 302;
    background-color: rgba(0, 0, 0, .3)
}

.my_nav_mask.show {
    display: block
}

.my_nav {
    position: relative;
    height: 44px;
    z-index: 303
}

.my_nav.unfold .my_nav_arrow::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -4px
}

.my_nav.unfold .my_nav_board {
    display: block
}

.my_nav.fixed .my_nav_inner {
    position: fixed;
    top: 46px;
    left: 0;
    right: 0;
    max-width: 540px;
    margin: 0 auto
}

.my_nav .my_nav_inner {
    position: relative;
    background-color: #fff
}

.my_nav .my_nav_arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 44px;
    background: #EAFBF9;
}

.my_nav .my_nav_arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -5px;
    width: 10px;
    height: 6px;
    background: url("/static/images/xia.png");
    background-size: 10px
}

.my_nav .my_nav_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 44px;
    background: #EAFBF9
}

.my_nav .my_nav_list_item {
    font-size: 0;
    font-family: Helvetica;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center
}

.my_nav .my_nav_list_item .num {
    position: absolute;
    top: 3px;
    margin-left: -6px;
    box-sizing: border-box;
    padding: 0 3px;
    min-width: 12px;
    height: 12px;
    line-height: normal;
    font-size: 8px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    background-color: #e93b3d
}

.my_nav .my_nav_list_item .num::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    margin-top: 1px
}

.my_nav .my_nav_list_item a {
    position: relative;
    display: block;
    margin: 0 auto;
    width: fit-content;
    font-size: 10px;
    height: 44px;
    line-height: 44px
}

.my_nav .my_nav_list_item.cur a {
    color: #e93b3d
}

.my_nav .my_nav_list_item.cur a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #e93b3d
}

.my_nav .my_nav_board {
    /*display: none;*/
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 1
}

.my_nav .my_nav_cate {
    position: relative;
    padding: 25px 5px 15px;
    background-color: #f7f7f7
}

.my_nav .my_nav_cate .my_nav_cate_item {
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
    margin-bottom: 10px;
    width: 33.33333%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333
}

@media screen and (max-width: 374px) {
    .my_nav .my_nav_cate .my_nav_cate_item {
        font-size: 12px
    }
}

.my_nav .my_nav_cate .my_nav_cate_item_icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 8px;
    width: 20px;
    height: 20px;
    border-radius: 3px
}

@media screen and (max-width: 374px) {
    .my_nav .my_nav_cate .my_nav_cate_item_icon {
        margin: -2px 3px 0 5px
    }
}

.my_nav .my_nav_cate .my_nav_cate_item_text {
    display: block;
    border-radius: 4px;
    background-color: #30BF68
}

.order, .order_box {
    position: relative;
    margin-bottom: 10px;
    padding: 0 10px 10px;
    background: #fff;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.order .order_box_hd, .order_box .order_box_hd {
    position: relative;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #333
}

.order .order_box_hd::after, .order_box .order_box_hd::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 -10px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .order .order_box_hd::after, .order_box .order_box_hd::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.order .order_box_hd_label, .order_box .order_box_hd_label {
    color: #999
}

.order .order_box_hd_del, .order_box .order_box_hd_del {
    position: absolute;
    top: 0;
    right: -10px;
    width: 33px;
    height: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURUdwTGZmZmZmZmVlZWZmZn//H60AAAAEdFJOUwDE5k0lfDFBAAAARklEQVQY02NgAAIRFxcXRwYYcAEBBA+K0XkiLgjgiMbDCwRRWIQtQuIxCoAQjMfiAELU5aHaQLzLkHgq8IBwAvKM4DxlBgCdoxsZSYaBywAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 13px auto
}

.order .order_box_hd .order_box_hd_time, .order_box .order_box_hd .order_box_hd_time {
    float: right;
    padding: 0 0 0 17px;
    font-size: 12px;
    color: #999;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURZmZmUdwTJmZmZmZmZmZmZqampmZmZubm5mZmUf/pBQAAAAJdFJOU/0AqB51Vb0k45HJ7oYAAACZSURBVBjTVZC9DsIwDIRP/VPXa4pY2wGxNm9QFubCE3RA7PAEefQ6RyIUD46/yDqfDZLuHvrXxwpYPcGi8oINF39+oo0w4mod/OJmsDVUrC3h7EcxwmOorHhHmmYs9U+TXGqsc4ahwf7IcOoQfAbXQ68SkQCdcogO9wjWJgEmAUkzSWso01DZYbJTGC1WKJfT2i6tXR7kf6oD6qgbn/YnbFoAAAAASUVORK5CYII=) no-repeat left 16px;
    background-size: 12px
}

.order .order_box_action, .order_box .order_box_action {
    position: absolute;
    width: 75px;
    top: 0;
    right: -75px;
    height: 100%
}

.order .order_box_action_item, .order_box .order_box_action_item {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

.order .order_box_action_item span, .order_box .order_box_action_item span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px;
    line-height: 1.4
}

.order .order_box_action_item.disabled, .order_box .order_box_action_item.disabled {
    background: #ccc;
    color: #999
}

.order .order_box_action_item.disabled:active, .order_box .order_box_action_item.disabled:active {
    background: #bfbfbf
}

.order .order_box_action_item.bg_red, .order_box .order_box_action_item.bg_red {
    background: #e93b3d;
    color: #fff
}

.order .order_box_action_item.bg_red:active, .order_box .order_box_action_item.bg_red:active {
    background: #e62426
}

.order_head {
    position: relative;
    min-height: 60px
}

.order_head .oh_content {
    display: block;
    padding: 10px 0;
    position: relative
}

.order_head .oh_content:after {
    border-color: #e5e5e5
}

.order_head .oh_content .small {
    font-size: 10px;
    color: #999
}

.order_head small {
    color: #999;
    font-size: 12px
}

.order_head p {
    line-height: 1.7em;
    font-size: 12px;
    color: #999
}

.order_head span {
    color: #666
}

.order_head span i {
    display: inline-block;
    width: 24px
}

.order_head .tips {
    float: right
}

.order_head .text {
    margin-top: -5px;
    display: block;
    margin-left: 60px;
    font-size: 12px;
    color: #999
}

.order_head .oh_btn {
    position: absolute;
    top: 17px;
    right: 0;
    display: block;
    width: 75px;
    height: 25px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    /*z-index: 1;*/
    border-radius: 2px;
    background: #e4393c
}

.order_head .oh_btn.bg_3 {
    background: #18c461
}

.order_head .oh_btn.bg_2 {
    background: #3884ff
}

.order_head .oh_btn.bg_4 {
    background: #32b8ea
}

.order_head .oh_btn.bg_5 {
    background: #1bc6c3
}

.order_head .oh_btn.bg_6 {
    background: #f19325
}

.order_head .oh_btn.bg_1 {
    box-sizing: border-box;
    right: 0;
    color: #333;
    border: 1px solid #ddd;
    background: #f3f3f3
}

.order_head .oh_btn + .oh_btn {
    right: 85px
}

.order_title {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    border-bottom: 1px solid #ddd
}

.order_shopBar + .order_item {
    margin-top: 0
}

.order_item {
    position: relative;
    margin-top: 10px
}

.order_item .oi_button, .order_item .oi_content {
    display: block
}

.order_item .oi_content {
    overflow: hidden
}

.order_item .oi_content a > div {
    margin-top: 3px
}

.order_item .oi_content a > p {
    margin-bottom: 3px
}

.order_item .oi_content p .count {
    display: inline-block;
    width: 50px;
    color: #666
}

.order_item .oi_content p .price {
    color: #e93b3d
}

.order_item .oi_content .tag {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 15px;
    margin: -2px 5px 0 0;
    line-height: 15px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 10px
}

.order_item .oi_content .text_small {
    font-size: 12px;
    white-space: normal
}

.order_item .oi_content .text_tips {
    font-size: 12px;
    color: #e93b3d
}

.order_item .cover {
    position: relative;
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 10px
}

.order_item .cover img {
    width: 100%
}

.order_item .cover .cover_tag {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12px;
    line-height: 12px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    background-color: #e93b3d
}

.order_item .image {
    position: relative;
    display: block;
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 10px;
    margin-top: -88%;
    margin-left: 71%;
}

.order_scrollbox {
    font-size: 0;
    font-family: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto
}

.order_scrollbox .order_scrollbox_item {
    display: inline-block;
    vertical-align: top
}

.order_scrollbox .order_scrollbox_item {
    width: 75px;
    height: 75px
}

.order_scrollbox .order_scrollbox_item:not(:last-child) {
    margin-right: 5px
}

.order_scrollbox .order_scrollbox_item img {
    width: 100%
}

.order_queue {
    position: relative;
    margin-bottom: 10px;
    background: #fff
}

.order_queue .order_box {
    margin-bottom: 0;
    padding: 0 10px 14px 0
}

.order_queue_tip {
    position: relative;
    color: #333;
    font-size: 12px;
    padding: 7px 10px
}

.order_queue_tip::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ddd;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .order_queue_tip::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.order_queue_item {
    position: relative;
    padding: 14px 0 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.order_queue_item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    border-left: 1px dashed #f2f2f7
}

.order_queue_item:nth-child(2)::before {
    top: 14px
}

.order_queue_item:last-child::before {
    height: 14px
}

.order_queue_item:not(:last-child) .order_queue_item_main::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ddd;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .order_queue_item:not(:last-child) .order_queue_item_main::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.order_queue_item_head {
    position: relative;
    color: #333;
    font-size: 12px;
    margin: 0 10px;
    padding: 0 0 0 20px;
    z-index: 2
}

.order_queue_item_head_del {
    position: absolute;
    top: 0;
    right: -10px;
    width: 33px;
    height: 22px;
    background: url('/static/images/remove.png') 50% no-repeat;
    background-size: 13px auto
}

.order_queue_item_main {
    position: relative;
    margin-left: 32px
}

.order_queue_item_action {
    position: absolute;
    width: 75px;
    top: 0;
    right: -75px;
    height: 100%
}

.order_queue_item_action_item {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

.order_queue_item_action_item span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px;
    line-height: 1.4
}

.order_queue_item_action_item.disabled {
    background: #ccc;
    color: #999
}

.order_queue_item_action_item.disabled:active {
    background: #bfbfbf
}

.order_queue_item_action_item.bg_red {
    background: #e93b3d;
    color: #fff
}

.order_queue_item_action_item.bg_red:active {
    background: #e62426
}

.order_queue_item_no {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 22px;
    background: #f2f2f7
}

.order_queue_item_id {
    display: inline-block;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 22px;
    background: #f2f2f7
}

.order_queue_item_id_label {
    color: #999
}

.order_queue_item_count {
    padding-bottom: 10px;
    color: #999;
    font-size: 12px;
    line-height: 1
}

.icon_service {
    position: relative;
    float: left;
    width: 48px;
    height: 10px;
    margin-right: 10px;
    padding: 35px 0 5px;
    border: 1px solid #6a77b6;
    text-align: center;
    color: #6a77b6;
    font-size: 8px
}

.icon_service:before {
    content: "\20";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 32px;
    background: #6a77b6
}

.icon_service:after {
    position: absolute;
    left: 50%;
    top: 4px;
    content: "\20";
    display: block;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    background: url(/static/images/icon_service.png) no-repeat 0 0;
    background-size: 22px 132px
}

.icon_service.icon_service_1:after {
    background-position: 0 0
}

.icon_service.icon_service_2:after {
    background-position: 0 -22px
}

.icon_service.icon_service_3:after {
    background-position: 0 -44px
}

.icon_service.icon_service_4:after {
    background-position: 0 -66px
}

.icon_service.icon_service_5:after {
    background-position: 0 -88px
}

.icon_service.icon_service_6:after {
    background-position: 0 -110px
}

.order_list {
    margin: -10px 0 10px
}

.order_list li {
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #ddd
}

.order_list p {
    margin: 2px 0
}

.order_list p span {
    color: #999
}

.order_list p span small {
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px
}

.order_list i {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    color: #333
}

.order_list .btn {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 80px;
    height: 40px;
    margin-top: -20px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    z-index: 1;
    border-radius: 2px
}

.icon_global {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: -2px 5px 0 0;
    background-size: 60px 15px;
    border-radius: 3px
}

.order_topBar, .order_topBar .wrap {
    height: 44px;
    transition: height .2s ease;
    -webkit-transition: height .2s ease
}

.order_topBar.hide, .order_topBar.hide .wrap {
    height: 0;
    overflow: hidden;
    transition: height .2s ease;
    -webkit-transition: height .2s ease
}

.order_topBar .wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    padding: 0 10px;
    line-height: 44px;
    background: #333;
    z-index: 100
}

.order_topBar .link {
    position: relative;
    display: block;
    color: #fff;
    font-size: 12px;
    padding-left: 35px
}

.order_topBar .link:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    content: "\20";
    display: block;
    width: 24px;
    height: 24px
}

.order_topBar .close {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    display: block;
    height: 44px;
    width: 44px
}

.order_topBar .close:after {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    content: "\20";
    display: block;
    width: 24px;
    height: 24px;
    background-position: 100% 0
}

.order_tips {
    font-size: 12px;
    color: #666;
    padding: 10px
}

a.order_shopBar::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTGZmZkQGO48AAAABdFJOUwBA5thmAAAAMklEQVQI12P4////HwYwcYCBgYfhmERiD24CrAShAwEMQIgkwvj/fyiBELP///8DmAAAr/8r26AKLewAAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 15px auto
}

.order_shopBar {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 25px
}

.order_shopBar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUdwTGhoaGVlZWZmZmVlZWVlZWZmZmRkZGVlZWZmZmZmZk8IBfsAAAAKdFJOUwAZ9UXH3ZljfTngvm2yAAAAi0lEQVQoz2NgGPpg1QKGVasWhaQLYAgCgZoAFsFVy9EEFzAIt65a1YAuyMBgumoxpiCj11JMQQahVQaYgmyrEjAF2Vc5YAoyrlKguiAzNouQnATShOF4kCaIIJI3RVcVQASnwAOEcYbWUga0oOMChq0mAzSQ1RnggksmQAWXwaKDS9UNZCNmxA1NAACMylqiVlhd8gAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 100% 100%
}

.order_shopBar em {
    display: block;
    position: relative;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.order_shopBar em::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 5px;
    top: 14px
}

.order_wuliuBar {
    display: block;
    position: relative;
    padding: 10px 10px 10px 0;
    font-size: 12px
}

.order_wuliuBar:after {
    border-color: #eee
}

.order_wuliuBar small {
    font-size: 10px;
    color: #999
}

.order_wuliuBar img {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
    border-radius: 40px
}

.order_wuliuBar img ~ p {
    padding-right: 50px
}

a.order_wuliuBar {
    padding-right: 20px
}

a.order_wuliuBar:before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 10px;
    top: 22px
}

.buy_qrcode {
    position: relative;
    margin: 15px 0;
    padding-bottom: 15px;
    text-align: center
}

.buy_qrcode:after {
    border-color: #ddd
}

.buy_qrcode h3 {
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    position: relative
}

.buy_qrcode h3:after {
    border-color: #ddd
}

.buy_qrcode .img {
    width: 100px;
    height: 100px;
    margin: 10px auto
}

.buy_qrcode .img img {
    display: block;
    width: 100%;
    height: 100%
}

.order_search_res {
    position: relative;
    padding: 40px 0 15px;
    background-color: #fff;
    margin-bottom: 15px
}

.order_search_res .icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: transparent url(/static/images/icon_order_res.png) no-repeat;
    background-size: 50px auto
}

.order_search_res .res {
    color: #999;
    text-align: center;
    line-height: 1;
    margin: 15px 0 30px
}

.order_search_res .btn_buy .mod_btn {
    height: 40px;
    line-height: 38px
}

.float_aside {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 20
}

.float_aside .shoplist {
    display: block;
    width: 55px;
    height: 55px;
    background-size: 55px auto
}

.order_similar {
    margin-top: 10px;
    position: relative;
    display: block;
    font-size: 12px;
    background: #f3f2f8;
    padding: 10px 35px 10px 10px
}

.order_similar:before {
    margin-top: 3px;
    right: 13px
}

.order_similar .order_similar_tit {
    margin-bottom: 5px;
    color: #6a77b6;
    line-height: 1
}

.order_similar .order_similar_item {
    position: relative;
    padding-left: 85px;
    min-height: 75px;
    overflow: hidden
}

.order_similar .order_similar_item .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px
}

.order_similar .order_similar_item .cover img {
    display: block;
    width: 100%
}

.order_similar .order_similar_item .name {
    margin-top: 7px;
    color: #999
}

.order_similar .order_similar_item .price {
    color: #e93b3d
}

.order_enter_bar {
    position: relative;
    padding: 15px 30px 15px 10px;
    font-size: 12px;
    color: #333;
    background-color: #fff
}

.order_enter_bar:before {
    right: 12px
}

.order_enter_bar:after {
    border-color: #ccc
}

.order_enter_bar em {
    color: #e93b3d
}

.order_foot {
    height: 50px
}

.order_foot.fixed .mod_btns {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 540px;
    z-index: 101
}

.order_foot.fixed .mod_btns .mod_btn {
    border-radius: 0
}

.mod_aside_v2_nav.type_2 {
    background-color: rgba(0, 0, 0, .7);
    width: 210px;
    height: 40px;
    padding: 0;
    border-radius: 0
}

.mod_aside_v2_nav_text {
    position: relative;
    display: block;
    color: #fff !important;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod_aside_v2_nav_text::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #fff;
    width: 1px;
    left: 0;
    top: 14px;
    bottom: 14px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_aside_v2_nav_text::before {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 50%
    }
}

/** 箭头向上**/
.my_nav.unfold .my_nav_arrow::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -4px;
}

.curr {
    color: #ffffff;
}

.jd-tab-warpper {
    background-color: #fff;
    margin-bottom: 1rem;
    position: relative;
}

.jd-tab-warpper:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200%;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    border-bottom: 1px solid #bfbfbf;
}

.jd-tab-warpper:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-top: 1px solid #bfbfbf;
}

.jd-tab-warpper .jd-tab {
    list-style: none;
    overflow: hidden;
    height: 4.4rem;
    line-height: 4.4rem;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.jd-tab-warpper.jd-tab-list {
    padding: 2px 1rem;
    line-height: 4.8rem;
}

.jd-tab-warpper.jd-tab-list input[type="text"], input[type="tel"] {
    list-style: none;
    border: 0;
    width: 100%;
    height: 4.8rem;
    line-height: 1.8rem;
    display: inline-block;
    font-size: 1rem;
    /*display: box;*/
    /*display:-webkit-box;*/
    /*display:-moz-box;*/
    /*-webkit-box-align: center;*/
    /*-moz-box-align: center;*/
}

.jd-tab-warpper.jd-tab-list input[type="tel"] {
    /*padding-left: 1rem;*/
    padding-top: .8rem;
    height: 4rem;
    line-height: 2rem;
}

.jd-tab-warpper .jd-tab li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*     width:33.333333%; */
    flex: 1;
    -webkit-flex: 1;
    float: left;
    text-align: center;
    position: relative;
}

.jd-tab-warpper .jd-tab .w50 {
    width: 50%;
}

.jd-tab-warpper .jd-tab li a {
    color: #252525;
}

.jd-tab-warpper .jd-tab li.jd-active a {
    color: #f15353;
}

.jd-tab-warpper .jd-tab-line {
    width: 50%;
    border-top: 2px solid #f15353;
    margin: 0 auto;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25%;
}

.jd-tab-warpper .jd-tab li.jd-active .jd-tab-line {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    z-index: 99
}

.jd-tab-warpper .jd-tab-type {
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-bottom: 3.5rem;
    /*text-align:center;
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
     -webkit-column-gap:1rem;
     -moz-column-gap:1rem;
     column-gap:1rem;*/
    text-align: justify;
    text-align-last: justify;
    list-style: none;
    overflow: hidden;
}

.jd-tab-warpper .jd-tab-type li {
    width: 30%;
    float: left;
    list-style: none;
    text-align: center;
    color: #666;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    margin-right: 3.3%;
    position: relative;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -moz-box-align: center;
    -moz-box-pack: center;
}

.jd-tab-warpper .jd-tab-type li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #bfbfbf;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.jd-tab-warpper .jd-tab-type.style2 li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 6px solid #47EF1A;
}

.jd-tab-warpper .jd-tab-type li.jd-active {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f15353;
    position: relative;
}

.jd-tab-warpper .jd-tab-type li.jd-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border: 1px solid #f15353;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.jd-tab-warpper .jd-tab-type li span {
    text-align: center;
    color: #252525;
    vertical-align: text-bottom;
    display: block;
    padding: 1rem 0;
}

.jd-tab-warpper .jd-tab-type li span em {
    color: #EA2F0E;
}

.jd-tab-warpper .jd-tab-type li.jd-active span,
.jd-tab-warpper .jd-tab-type li.jd-active span em {
    color: #FFF;
}

.jd-quan {
    height: 2.8rem;
    line-height: 2.8rem;
    padding-right: 1rem;
    padding-left: 1rem;
}

.jd-quan .ico-gt {
    position: absolute;
    right: 0;
    top: 1.6rem;
}

.f-s-28 {
    font-size: 1rem;
}

#queryBtn {
    width: 100%;
    height: 1.95rem;
    margin-top: 0.3rem;
    margin-left: 21px;
    background: #38B789;
    border-radius: 7px;
    color: #fff;
}

.floor {
    font-size: 0;
    width: 100%
}

.slider-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: auto
}

.new-slide {
    margin: 0;
    padding: 0;
    position: relative
}

.new-slide:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    font-size: 0
}

.slide-li {
    width: 100%;
    visibility: visible;
    float: left;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.slide-li > a {
    display: block;
    width: 100%
}

.slide-li img {
    display: block;
    overflow: hidden;
    width: 100%
}

.add_my_nav_board {
    top: 44px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 900;
    width: 70%;
}

.add_my_nav_board ul {

}

.add_my_nav_board ul li {
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
    margin-bottom: 10px;
    width: 33.33333%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

.add_my_nav_board ul li a {
    display: block;
    border-radius: 4px;
    background-color: #30BF68;
}

.hide-landing .showfixedtop {
    position: fixed;
    top: 0PX;
    width: 100%;
    z-index: 29;
    max-width: 640PX;
    -webkit-transform: translateY(0PX);
    -moz-transform: translateY(0PX);
    -o-transform: translateY(0PX);
    -ms-transform: translateY(0PX);
    transform: translateY(0PX);
}

.download-pannel {
    height: 50PX;
    width: 100%;
    line-height: 50PX;
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.download-pannel .pannel-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}

.download-pannel .pannel-bg img {
    width: 100%;
    height: 100%;
}

.download-pannel img, .download-pannel div {
    vertical-align: middle;
}

.download-pannel div[class^='download-'] {
    position: relative;
    z-index: 5;
    float: left;
    overflow: hidden;
}

.download-pannel .download-close {
    width: 16PX;
    height: 50PX;
    line-height: 50PX;
    display: inline-block;
    margin-left: 2.5%;
}

.download-pannel .download-close img {
    width: 100%;
    height: auto;
}

.download-pannel img, .download-pannel div {
    vertical-align: middle;
}

.download-pannel .download-logo {
    width: 35PX;
    height: 50PX;
    line-height: 50PX;
    margin-left: 5%;
    margin-right: 2.5%;
}

.download-pannel .download-txt {
    display: inline-block;
    width: 40%;
    height: 100%;
}

.download-pannel .download-content {
    font-size: 12PX;
    display: block;
    position: relative;
}

.download-pannel .download-content .content-up {
    color: white;
    font-weight: 500;
    position: absolute;
    top: -9PX;
}

.download-pannel em {
    font-style: normal;
}

.download-pannel .download-action {
    display: inline-block;
    height: 100%;
    width: 31.88%;
    float: right !important;
    text-align: center;
    font-size: 13PX;
    color: #FFFFFF;
}

.download-pannel .font-large {
    font-size: 15PX;
}

.account_topbar2 {
    font-size: 14px;
    color: #fff;
    background: url('/static/images/red.png') repeat;
    background-size: 140px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account_topbar2.type_gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.account_topbar2::after, .account_topbar2::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: 100%
}

.account_topbar2::before {
    margin-right: 10px;
    background-image: url("/static/images/oo.png");
}

.account_topbar2::after {
    margin-left: 10px;
    background-image: url("/static/images/xx.png");
}