* {
    -webkit-tap-highlight-color: transparent;
    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
}

body {
    margin: 0 auto;
    min-width: 320px;
    max-width: 540px;
    background: #f7f7f7;
    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
}

.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,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) 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;
    margin-top: -2px;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 20%22%3E%3Cpath fill=%22%23CCCCCC%22 fill-rule=%22evenodd%22 d=%22M2 20c-.8 0-1.5-.5-1.8-1.2-.3-.8-.2-1.6.4-2.2L7.2 10 .6 3.4c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l8 8c.4.4.6 1 .6 1.4 0 .5-.2 1-.6 1.4l-8 8c-.4.4-1 .6-1.4.6z%22/%3E%3C/svg%3E");
    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 {
    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;
    position: fixed;
    z-index: 101;
    bottom: 60px;
    right: 0
}

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

@charset "UTF-8";
.mod_recommend .list .price {
    font-family: arial
}

.mod_recommend {
    position: relative;
    overflow: hidden;
    margin: 15px 0
}

.mod_recommend .title {
    margin-bottom: 10px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    background: #fff
}

.mod_recommend .title_v2 {
    position: relative;
    margin: 15px 0;
    height: 1em;
    line-height: 1em;
    text-align: center;
    font-size: 12px;
    color: #999
}

.mod_recommend .title_v2::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ccc;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    left: 15px;
    right: 15px;
    top: 50%
}

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

.mod_recommend .title_v2 .title_v2_text {
    z-index: 2;
    position: relative;
    padding: 0 15px;
    background-color: #f7f7f7
}

.mod_recommend .title_v2 .title_v2_text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod_recommend .title_v2 .title_v2_text::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod_recommend .list {
    padding: 0 20px 0 10px;
    overflow: hidden
}

.mod_recommend .list li {
    float: left;
    position: relative;
    width: 50%;
    padding-bottom: 12px;
    background: #fff
}

.mod_recommend .list li:nth-child(2n) {
    float: right;
    margin-right: -10px
}

.mod_recommend .list li:not(:first-child):not(:nth-child(2)) {
    margin-top: 10px
}

.mod_recommend .list .cover {
    position: relative;
    padding-top: 100%;
    height: 0;
    overflow: hidden
}

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

.mod_recommend .list .cover .img_tag {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    padding: 0 10px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: rgba(228, 57, 60, .7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod_recommend .list .name {
    padding: 0 15px;
    margin: 5px 0;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mod_recommend .list .flex_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.mod_recommend .list .price {
    padding-left: 15px;
    font-size: 12px;
    color: #e93b3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod_recommend .list .price del {
    font-size: 12px;
    color: #999;
    margin-left: 5px
}

.mod_recommend .list div.price {
    font-size: 10px
}

.mod_recommend .list div.price em {
    font-size: 14px
}

.mod_recommend .list .evaluate {
    color: #999;
    font-size: 10px;
    padding-left: 15px
}

.mod_recommend .list .buy {
    position: absolute;
    bottom: 7px;
    right: 7px;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAADqPD7qOz/vP0DqOz3rPD7qOz7qPD3pOz7qPD7qOz7qPT/qOz3qPD3pPD3rPT/tO0H/RkbpOz36jkSnAAAAEnRSTlMA5Ekd3V2eqphzYjzy0Lx+Kwtw+iurAAAAbElEQVQoz63QSw7DIAwA0XFISz79+v6HbSW28WyS2VkWPAHnyn/N1xvSLTtSy8Cas2icu5frPvCqdeBVu+NfDH+C4QsYvvnLPyD4Awx/geGrf3sDwd8g+AJU+Nx3rmuKmA6nUWRGMclaLj/fD/9IGxUTc5duAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 15px
}

.mod_recommend .list .price_plus, .mod_recommend .list .price_sams {
    margin: 0 10px;
    font-family: arial;
    font-size: 12px
}

.mod_recommend .list .price_sams {
    color: #1a68bc
}

.mod_recommend .list .price_plus {
    color: #d2a448
}

.mod_recommend .tips {
    display: none
}

.mod_recommend_plus .info, .mod_recommend_sams .info {
    height: 80px
}

.wx_nav {
    left: 0;
    right: 0;
    max-width: 540px;
    margin: 0 auto;
    height: 49px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    box-shadow: 0 -2px 10px rgba(51, 51, 51, .1);
    position: fixed;
    z-index: 100;
    bottom: 0;
}

.wx_nav > a {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 10px;
    color: #999;
    line-height: 1
}

.wx_nav > a.on {
    color: #e93b3d
}

.wx_nav > a::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 7px auto 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.wx_nav > a.nav_index::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23999%22 d=%22M30 38H10a6 6 0 0 1-6-6V2h32v30a6 6 0 0 1-6 6zm0-28.5a1.5 1.5 0 0 0-3 0V16a7 7 0 0 1-14 0V9.5a1.5 1.5 0 0 0-3 0V16a10 10 0 0 0 20 0V9.5z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_index.on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M30 38H10a6 6 0 0 1-6-6V2h32v30a6 6 0 0 1-6 6zm0-28.5a1.5 1.5 0 0 0-3 0V16a7 7 0 0 1-14 0V9.5a1.5 1.5 0 0 0-3 0V16a10 10 0 0 0 20 0V9.5z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_search::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23999%22 fill-rule=%22evenodd%22 d=%22M23 37.2v-14h8c3.3 0 6 2.7 6 6v8H23zm11.3-18.5L32 16.3c-1 .6-2.3 1-3.5 1-3.5 0-6.6-2.5-7.5-6-.8-3.4 1-7 4-8.5 3.3-1.6 7-.7 9.3 2 2.3 2.8 2.3 6.8 0 9.5l2.2 2.2c.4.4.6 1 .4 1.5-.2.5-.6 1-1.2 1-.5.2-1 0-1.5-.3zM28.5 5.2c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zM3 23.2h14v14H3v-14zm0-20h8c3.3 0 6 2.7 6 6v8H3v-14z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_search.on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 fill-rule=%22evenodd%22 d=%22M23 37.2v-14h8c3.3 0 6 2.7 6 6v8H23zm11.3-18.5L32 16.3c-1 .6-2.3 1-3.5 1-3.5 0-6.6-2.5-7.5-6-.8-3.4 1-7 4-8.5 3.3-1.6 7-.7 9.3 2 2.3 2.8 2.3 6.8 0 9.5l2.2 2.2c.4.4.6 1 .4 1.5-.2.5-.6 1-1.2 1-.5.2-1 0-1.5-.3zM28.5 5.2c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zM3 23.2h14v14H3v-14zm0-20h8c3.3 0 6 2.7 6 6v8H3v-14z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_newsfeed::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23999%22 d=%22M20 40a20 20 0 1 1 20-20 20 20 0 0 1-20 20zm0-37A17 17 0 0 0 4.6 27a12 12 0 0 1 5.5-5 7 7 0 1 1 9.8 0 12 12 0 0 1 3.8 2.6 7 7 0 0 1 2.4-2 4 4 0 1 1 6 0 7 7 0 0 1 3.6 4.2A17 17 0 0 0 20 3z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_newsfeed.on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M20 40a20 20 0 1 1 20-20 20 20 0 0 1-20 20zm0-37A17 17 0 0 0 4.6 27a12 12 0 0 1 5.5-5 7 7 0 1 1 9.8 0 12 12 0 0 1 3.8 2.6 7 7 0 0 1 2.4-2 4 4 0 1 1 6 0 7 7 0 0 1 3.6 4.2A17 17 0 0 0 20 3z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_shopcart::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23999%22 d=%22M40 7l-2.3 17.8a6 6 0 0 1-6 5.2H9L4.5 4H0V1h7l1 6h32zM12 33a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm20 0a3 3 0 1 1-3 3 3 3 0 0 1 3-3z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_shopcart.on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M40 7l-2.3 17.8a6 6 0 0 1-6 5.2H9L4.5 4H0V1h7l1 6h32zM12 33a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm20 0a3 3 0 1 1-3 3 3 3 0 0 1 3-3z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_me::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23999%22 d=%22M2 38v-7c0-4 8-7 18-7s18 3 18 7v7H2zm18-18a9 9 0 1 1 9-9 9 9 0 0 1-9 9z%22/%3E%3C/svg%3E")
}

.wx_nav > a.nav_me.on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath fill=%22%23e93b3d%22 d=%22M2 38v-7c0-4 8-7 18-7s18 3 18 7v7H2zm18-18a9 9 0 1 1 9-9 9 9 0 0 1-9 9z%22/%3E%3C/svg%3E")
}

.wx_nav > a .sign_c_tip::before {
    display: none
}

.wx_nav > a .sign_c_tip, .wx_nav > a i {
    position: absolute;
    left: 50%;
    top: 3px;
    margin-left: 7px;
    background-image: -webkit-linear-gradient(left, #ec4141 50%, #fd8659);
    background-image: linear-gradient(left, #ec4141 50%, #fd8659)
}

.wx_nav > a .sign_c_tip:empty, .wx_nav > a i:empty {
    width: 7px;
    height: 7px;
    border-radius: 7px
}

.wx_nav > a .sign_c_tip:not(:empty), .wx_nav > a i:not(:empty) {
    padding: 0 5px;
    height: 14px;
    line-height: 14px;
    border-radius: 14px 14px 14px 0;
    white-space: nowrap;
    font-size: 10px;
    color: #fff
}

.wx_nav > a .sign_c_tip:not(:empty)::after, .wx_nav > a i:not(:empty)::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    margin-top: 1px
}

.wx_nav > a .cover {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 -2px 2px hsla(0, 0%, 40%, .1);
    padding: 5px;
    background-color: #fff
}

.wx_nav > a .cover img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 40px
}

.wx_nav > a .cover + .sign_c_tip {
    top: -10px;
    margin-left: 17px
}

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

@-webkit-keyframes wx_guide_fade {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

.wx_bar_guide_area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 904;
    background: rgba(0, 0, 0, .8);
    -webkit-transform: translate3D(0, 0, 0)
}

.wx_bar_guide_area.fade {
    animation: wx_guide_fade .2s linear 1;
    -webkit-animation: wx_guide_fade .2s linear 1;
    -webkit-animation-fill-mode: forwards
}

.wx_bar_guide_area.show {
    display: block !important
}

.wx_pop_bnr_box {
    width: 300px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -150px
}

.wx_pop_bnr_box .close {
    position: absolute;
    width: 35px;
    height: 35px;
    top: -40px;
    right: -3px;
    z-index: 2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMAVxTzcwe9hAXr4MY9tw7nJbFPQO/PrI1UNxoeCsOglOKtyZp2Zl5NL2wu3fj0m08AAAHrSURBVFjD7ZfJloMgEEVRnI1jNHNn6Hm4//99vcgiOSgGQ7voc/JWEcgVqBLqiYce+mNFa2+fHhtojuneW0f3MHzn1MC1mpPjj4S4YQw8L9/X21yIfLt+Xz4DceiOgOxCCcGXq6C/ApDhzpTykUA17+uZV5B8mG3KAbILRAVlcDDYok0Lr2JAr9BublHKhPRTDOozJSlvUAoy92YYM4pBziZhERnk5YJkYF1+S+YbhaGi1Q88kObCSHnKQddXw7cw1DfUmjcUeMJYHkX/zEMyMUIZYW8YJbMxmBnS7Z1MJUap6ptOFDMfh5kTRz1hCpRFBsXq+nlVBMoigp5gLfDUQeBcHh0gUIO16OSlRHlXDOBcU4iV+SL9zr4/KS0rzpwLhZUyJO3E1mMpFDlnzvVPRctOvr7wJjQcLUW88aK0PDETOo5CGdqJhK3QcXQUsSVRWhpy0ccZoogcqbSA6JWjULr/ssf4ndnIexblEk+wxRYBnyD9bD8G+09zmoPC/tiyP0Ttj3T7C+ZEOMF1Z3H5TlgKiBpZmlJKSa3r248pk/b66rylMi7adgMl5NG0hDxu/qKgjcuJy2v7Yr9rPWba3FWsh6URMrdlnmrLvK4tMzeJOxG5pWISzRXVXctaR/cbaAnNz9lAP/T/9QtVuE+RSG/P2wAAAABJRU5ErkJggg==) no-repeat;
    background-size: 35px 35px
}

.wx_pop_bnr_box img {
    width: 100%
}

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

.mod_aside_v2 .WX_backtop {
    position: absolute;
    bottom: 0;
    z-index: 0;
    margin-bottom: 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///////////////////////////////////////////////////////////////////////308lk0AAAATdFJOUwBJVIgXCSghN2h25abRt9vGffS7coOoAAAArUlEQVQ4y+3TSw7DIAwE0GCCsfmT+x82rYqzy6jLVopXLJ6AMWbbnvqXCj7ZMu4IzuLNMYKplbiccLh3Opp8ViwCHNXh1n5OwMGuV12OXLx3kvsKsivJveOcS1hOgYv9aJcjEKQedV0/TQXuBYv1chJ6kpgPi5LQFd+hs1poZSRd7tZuJTgQ1IdcDUd5Nq1tPQg7gXKOsttQMJS++WAy4gEvNuEMB/f7r/DUb9QJXqoEvlc8Su4AAAAASUVORK5CYII=) 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%)
}

@-webkit-keyframes my_header_v4_float_1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(2px, -2px, 0);
        transform: translate3d(2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes my_header_v4_float_1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(2px, -2px, 0);
        transform: translate3d(2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@-webkit-keyframes my_header_v4_float_2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(-2px, -2px, 0);
        transform: translate3d(-2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
}

@keyframes my_header_v4_float_2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(-2px, -2px, 0);
        transform: translate3d(-2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
}

@-webkit-keyframes my_header_v4_float_3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(-2px, -2px, 0);
        transform: translate3d(-2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
}

@keyframes my_header_v4_float_3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(-2px, -2px, 0);
        transform: translate3d(-2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
}

@-webkit-keyframes my_header_v4_float_4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(2px, -2px, 0);
        transform: translate3d(2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes my_header_v4_float_4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(2px, -2px, 0);
        transform: translate3d(2px, -2px, 0)
    }
    100% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

.my_header_v4_wrap {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #fff
}

.my_header_v4_wrap .my_header_v4 {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    font-size: 12px;
    color: #fff;
    background: -webkit-linear-gradient(left, #eb3c3c, #ff7459);
    background: linear-gradient(90deg, #eb3c3c, #ff7459);
    box-shadow: 0 2px 5px rgba(255, 98, 98, .4)
}

.my_header_v4_wrap .my_header_v4.bg_gold {
    background: -webkit-linear-gradient(left, #dd9b4c, #ffd787);
    background: linear-gradient(90deg, #dd9b4c, #ffd787);
    box-shadow: 0 2px 5px #f8e3c6
}

.my_header_v4_wrap .my_header_v4.bg_gold .my_header_v4_link, .my_header_v4_wrap .my_header_v4.bg_gold .my_header_v4_vip {
    background-color: rgba(180, 116, 15, .3)
}

.my_header_v4_wrap .my_header_v4_main {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 25px 15px
}

.my_header_v4_wrap .my_header_v4_avatar {
    position: relative;
    margin-right: 15px;
    margin-left: 10px;
    width: 70px;
    height: 70px;
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
}

.my_header_v4_wrap .my_header_v4_avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.my_header_v4_wrap .my_header_v4_avatar_img {
    overflow: hidden;
    border-radius: 20px;
    padding-top: 100%
}

.my_header_v4_wrap .my_header_v4_avatar_tag {
    position: absolute;
    left: 50%;
    bottom: -3px;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 14px 0 6px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    font-size: 10px;
    white-space: nowrap;
    color: hsla(0, 0%, 100%, .7);
    background-color: rgba(0, 0, 0, .5)
}

.my_header_v4_wrap .my_header_v4_avatar_tag::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-top: 1px solid hsla(0, 0%, 100%, .7);
    border-left: 1px solid hsla(0, 0%, 100%, .7);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 6px;
    top: 5px
}

.my_header_v4_wrap .my_header_v4_avatar .my_header_v4_vip {
    white-space: nowrap;
    margin: 0;
    position: absolute;
    bottom: -3px;
    left: 5px
}

.my_header_v4_wrap .my_header_v4_msg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.my_header_v4_wrap .my_header_v4_plus {
    position: absolute;
    right: -2px;
    bottom: -8px;
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
    padding: 18px 15px 15px 8px;
    border-top-left-radius: 4px;
    box-shadow: -1px -1px 6px #c6934d;
    background: #333 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAASBAMAAABft2a7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTM+vaM+tac+uaNGva9CxbM6taM+uaM+uadmzac+uaO7Dd9avb8+uaNCtac6taPK5bL8AAAAPdFJOUwBdh7lEKJThphHRBhrvbn5CnEkAAAHQSURBVCjPtZI/SBtRHMe/p3nW9G641FgCLUQPcXAJ5TYdcpgIdbC5gG5iA4WsUQr+6WKg1QQ6NNBB1MFshUAxECl0Sxd3haKL6CQ4SDGhlyi2v/5echocBDP0C7977353n/fe7/t7gNS3ObSrEFltEh6ipTZ+ny8Da0R1nkYSD0PCjo3wVYxOEOG4T5qvyM/v6yxZRn2Gfir0O0JckDgoFFbQmefvGY5D7JqmzpMNkicIrSaTy0CMWDpScihCVKB9LT+eldtzVNW3Oc8+IAqTizlGLKhfgK1qiipAiWrnV5AIgnoLERdAT3EnMxB9OW8hkM1mPwCPatogb60+ffbaaSK/rBbifTfOw8wPwzCm+rw+KQvdVHZLDPKKwpmKL+RaCHaPF29bJqpRvz+YhkK6m/l0zdmauXqGW4StF4E6SuaRaZoJ4SBsb6Uh6KYby7PNg6GJpHLwOpr0yYbyt7GLg22LERznXespfQeJ6VAuOrhVoTImPqJ7CdoLD4185kz4sokospMusufz6V370fME3vhH93hZI/negRoffp4ZkGbXjYaGyAa8vY07x8boiBv8oj3pZ3uiY9Obp/D021Bf9bm9lPpTfOi9LN0gFfw3/QOIoK/1Oa5oYAAAAABJRU5ErkJggg==) no-repeat 8px 4px;
    background-size: 50px
}

.my_header_v4_wrap .my_header_v4_plus_btn {
    position: relative;
    padding: 0 8px 0 5px;
    height: 12px;
    line-height: 12px;
    border-radius: 12px;
    font-size: 7px;
    color: #cead68;
    background-color: hsla(0, 0%, 85%, .1)
}

.my_header_v4_wrap .my_header_v4_plus_btn::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #535353;
    border: 1px solid #ddd;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    border-color: #535353;
    border-radius: 12px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .my_header_v4_wrap .my_header_v4_plus_btn::before {
        right: -100%;
        bottom: -100%;
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        border-radius: 24px
    }
}

.my_header_v4_wrap .my_header_v4_plus_btn::after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-top: 1px solid #cead68;
    border-left: 1px solid #cead68;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 4px;
    top: 4px
}

@media screen and (max-width: 374px) {
    .my_header_v4_wrap .my_header_v4_plus {
        padding: 18px 10px 15px 4px;
        background-position: 4px 4px
    }
}

.my_header_v4_wrap .my_header_v4_name {
    position: relative;
    font-size: 14px;
    margin-right: 20px;
    white-space: nowrap
}

.my_header_v4_wrap .my_header_v4_name_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

.my_header_v4_wrap .my_header_v4_name_edit {
    display: inline-block;
    margin: 0 0 0 4px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTP///////////////////////////////////////////////////////////////8/RimEAAAAQdFJOUwB3a5m4Veb3H6QDji7WgAgChXPEAAAApElEQVQoz3WSSwLDIAhEMUHBtkm4/2mL+Ld1VvGN4gQByGKHgehCxzCKI0lVHCzfsYp85YcsOsp++ZGd4anOaccp3RMnXgpHPbDw4jC4MQ8+apzp0wF2/v4EdYwLQugcQJ3MJQANXJ26pGYYf7WIVEstXEthzzlwvTzH5YVrXPvBa+VpZ1rfmmfisTTR39fUXWvitu37h9o/bRoG+TsMbXxCH58vmgwXoPcjyaAAAAAASUVORK5CYII=);
    background-size: 12px
}

.my_header_v4_wrap .my_header_v4_pin {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 3px;
    color: hsla(0, 0%, 100%, .7)
}

.my_header_v4_wrap .my_header_v4_info {
    margin-top: 6px
}

.my_header_v4_wrap .my_header_v4_vip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px 0 10px;
    height: 16px;
    line-height: 16px;
    margin: 0 3px 0 8px;
    font-size: 10px;
    color: #fff;
    border-radius: 0 12px 12px 0;
    background-color: #9f3838
}

.my_header_v4_wrap .my_header_v4_vip:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
    background-size: 100px 20px
}

.my_header_v4_wrap .my_header_v4_vip.v1:before {
    background-position: 0 0
}

.my_header_v4_wrap .my_header_v4_vip.v2:before {
    background-position: -20px 0
}

.my_header_v4_wrap .my_header_v4_vip.v3:before {
    background-position: -40px 0
}

.my_header_v4_wrap .my_header_v4_vip.v4:before {
    background-position: -60px 0
}

.my_header_v4_wrap .my_header_v4_vip.v5:before {
    background-position: -80px 0
}

.my_header_v4_wrap .my_header_v4_vip.v0:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABUUExURUdwTDpq7Tlq7jlq7jlq7jhp7jpq7Tlr7jlq7jdp7Dpr7Tpr7v///xdR7CJZ7Dxt7i5i7jVn7lB78GeN8+nv/tzl/H+f9KS7+JGt9s/c+7rM+QtH6sUIN0oAAAALdFJOUwCSvILpJz9eoRXZfzp1ugAAAZRJREFUOMvNVFmuwzAIfFmdxAHjOFvb+9/z0RjbWbr8FqlRhUbgGQb+/n4nKlU0TaaqL7BWNZ3mKPOP0KrREoZ/ef0Ol+lT5O3LcqWvZREArfHQF0Ur6Yk0zLMjEKR6h4Nh6jlGB/LWc03pC66XmEPN4zuFLtk+xkA+1x3kE5owJ+AC+koo6Af3BJzQ+mR5LajxloAjCVCnGakAhCUBb6G1zgKfNk4OXQLOEVgGMVUZUhana2etCwEWMcNzEeSo0cR0duLMQIO4MnRcaIfTzQWoLeEDafvYKzDYy1igIQYBmVNrIcNtZ++Icfuu0UKBTJULEZH7LmoGC0V5NsEN4RgUjGq6rWbT7kdo05yH5CHzJL9zBffGZJxUu5+e5A/+JkpDxp2J2JWHbcg1rmnIyecL7l22vdJG57gHDPL3Dva8NLUhWINjYQomJ3NZQ8Vz8RvYj1OQkUxxXeyamaOLFp9mghdr7QfERXFw67KsjkdtTfnu+qiODwpfFL4pfFRK9eGe1Vkn9m/qbweyyPiQFqr9ndv+Dw4qKur2863DAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 20px
}

.my_header_v4_wrap .my_header_v4_vip.v0:after {
    content: "企业"
}

.my_header_v4_wrap .my_header_v4_vip.v1:after {
    content: "注册"
}

.my_header_v4_wrap .my_header_v4_vip.v2:after {
    content: "铜牌"
}

.my_header_v4_wrap .my_header_v4_vip.v3:after {
    content: "银牌"
}

.my_header_v4_wrap .my_header_v4_vip.v4:after {
    content: "金牌"
}

.my_header_v4_wrap .my_header_v4_vip.v5:after {
    content: "钻石"
}

.my_header_v4_wrap .my_header_v4_link {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    padding: 0 16px 0 7px;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    border-radius: 15px;
    font-size: 10px;
    color: #fff;
    background-color: rgba(180, 50, 27, .3);
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.my_header_v4_wrap .my_header_v4_link::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 8px;
    top: 5px
}

.my_header_v4_wrap .my_header_v4_icon {
    max-width: 120px
}

.my_header_v4_wrap .my_header_v4_icon::before {
    content: "";
    position: relative;
    top: 2px;
    margin-right: 4px;
    display: inline-block;
    width: 11px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAMAAABkKdmIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTP///////////////////////////////////////////////////////////////////////////4/JsPUAAAATdFJOUwCORS4UUdQg4PnD7Qh7r2s7nF4vIEGZAAABr0lEQVRIx5WW26LEEAxF3e+q9P//9bSHdDBoJ49hVcS2FaESjkkpKd13QjhPKYTgvccYx7idYYwRQikRGcxHbNPHqxAOEHO8jVQI+po4cEH294iHvdufEcRnu9fa2rNT4mxZToS7ZQTW0YnsO6VUSsbc3Z4zZI8gCoxgaBi07dj/V9SaKS3idY6JJUPyIGmSzqwYPkKQ2xZMQfY+j+dMyiO0z7v5fkIekLNVbil9wo8RNicAYePjGhFQgOu3YqcEIOO2DAkUswQHSsKYoAViawnxiRwh8jGrjyZPrejwC5JVrOkKyQIUcByqu6R1SFYjprOkUWVSFe2IGgGVaDkiQG+5ki1nwSr4mCjzaiQ+EVmLWRjxP2+nG7nt4Gql/iDFBsyCUJcWK8H6WVk3oS8JuQqJY1FXBK+ukv8IwT4QjVluQ1H3RIPg0Z3+Ihp/DQN9fRONv5YVLVsS4K+80tth3Ipo/TWA25Xrwu2AgMLyHAcfPbZAuL8f54Yo5qPaMvsnr9PD9c7ZvTPCJXGef6odBb8gvmy9e5EVRY9B618SHRl6EySW5ios0eugJCXyOP8PL1VHri/DKWIAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.my_header_v4_wrap .my_header_v4_settings {
    position: absolute;
    top: 12px;
    right: 15px;
    padding-left: 18px;
    color: rgba(76, 0, 0, .7);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTEsAAE8AAEwAAEsAAEsAAEoAAEwAAEsAAEwAAEoAAEcAAEsAAF159XcAAAANdFJOUwCzCKh0jUgkgVU4EmwGAanqAAAAsElEQVQY02NgAAFlQSMGBJgoKAljaikwGQoKKzAtAnGYGk2mCgoKRjpLKAB5GoIw0ATkbYTzpIE8DjivAchjg/MSgDwuIO3OUAIkFwB5qoKCYkAqUVAwiIFB01BQ0AHIYxEUFJ7EAOQIFgB57EBamAGkHewkMAOVh6oS1RRUG9BsR3UZqqsRPgKFjQqcdwAcEjapQGbYYRmwI7gUuAUFRRkYCmDBdlBQCik8NwoGgGkAgVwge2ZnUhoAAAAASUVORK5CYII=) no-repeat 0;
    background-size: 13px
}

.my_header_v4_wrap .my_header_v4_tags {
    position: relative;
    padding: 0 15px 15px;
    height: 33px;
    background-color: #fff
}

.my_header_v4_wrap .my_header_v4_tags::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 40px;
    border: 7px solid #fff;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.my_header_v4_wrap .my_header_v4_tag {
    display: inline-block;
    padding: 0 10px;
    margin: 15px 7px 0 0;
    height: 20px;
    border-radius: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff
}

.my_header_v4_wrap .my_header_v4_tag:nth-child(1) {
    -webkit-animation: my_header_v4_float_1 2.3s 1.2s linear alternate infinite;
    animation: my_header_v4_float_1 2.3s 1.2s linear alternate infinite
}

.my_header_v4_wrap .my_header_v4_tag:nth-child(2) {
    -webkit-animation: my_header_v4_float_4 2.3s 1.2s linear alternate infinite;
    animation: my_header_v4_float_4 2.3s 1.2s linear alternate infinite
}

.my_header_v4_wrap .my_header_v4_tag:nth-child(3) {
    -webkit-animation: my_header_v4_float_3 2.3s 1.2s linear alternate infinite;
    animation: my_header_v4_float_3 2.3s 1.2s linear alternate infinite
}

.my_header_v4_wrap .my_header_v4_tag:nth-child(4) {
    -webkit-animation: my_header_v4_float_2 2.3s 1.2s linear alternate infinite;
    animation: my_header_v4_float_2 2.3s 1.2s linear alternate infinite
}

.my_header_v4_wrap .my_header_v4_tag.bg_purple {
    background: -webkit-linear-gradient(left, #7796ff, #a4bcff);
    background: linear-gradient(90deg, #7796ff, #a4bcff);
    box-shadow: 0 2px 9px #cdd6fb
}

.my_header_v4_wrap .my_header_v4_tag.bg_red {
    background: -webkit-linear-gradient(left, #ff5353, #ff7676);
    background: linear-gradient(90deg, #ff5353, #ff7676);
    box-shadow: 0 2px 9px rgba(232, 68, 68, .3)
}

.my_header_v4_wrap .my_header_v4_tag.bg_yellow {
    background: -webkit-linear-gradient(left, #faaf32, #ffc36a);
    background: linear-gradient(90deg, #faaf32, #ffc36a);
    box-shadow: 0 2px 9px #ffdba9
}

.my_header_v4_wrap .my_header_v4_tag.bg_blue {
    background: -webkit-linear-gradient(left, #609bea, #84baf1);
    background: linear-gradient(90deg, #609bea, #84baf1);
    box-shadow: 0 2px 9px #c0dfff
}

.my_header_v4_wrap .my_header_v4_tag.bg_green {
    background: -webkit-linear-gradient(left, #53d0b7, #6ae1c6);
    background: linear-gradient(90deg, #53d0b7, #6ae1c6);
    box-shadow: 0 2px 9px #baf4e8
}

.my_header_v4_wrap .my_header_v4_tag.bg_pink {
    background: -webkit-linear-gradient(left, #ff6f8e, #fa9aad);
    background: linear-gradient(90deg, #ff6f8e, #fa9aad);
    box-shadow: 0 2px 9px rgba(232, 68, 68, .3)
}

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

.my_account {
    position: relative;
    padding: 12px 10px 5px;
    font-size: 14px;
    overflow: hidden
}

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

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

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

.my_account_name {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.my_account_type {
    margin-left: 5px;
    white-space: nowrap;
    padding: 0 5px 0 10px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px
}

.my_account_type.type_jd {
    color: #e93b3d;
    background-color: #fcebeb
}

.my_account_type.type_wxsq {
    color: #3985ff;
    background-color: rgba(57, 133, 255, .1)
}

.my_account_type::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTDiE/ziE/ziE/zmF/zqE/ziF/zmF/ziE/ziF/ziE/ziE/zmF/zmF/ziV7X8AAAANdFJOUwDrw4P2FJZePjfRTq7mhf0BAAAA1UlEQVQY02NgAIFtineFshlggNXwLggIB0D5hXcXtzJEWN0Vh3DZ7mqC6Ul3E8D0WXeoupI7YOmLE6B8TlmQglpPuMFTrgMNly0AspidQXz2iwEMzJdALJYrYAW6BgyMNxjg8gy9Agx7FzAgANdthlwDJD7zNQbdBrBGsCkMHJcYZMGu1r0L8clFBl+ISgif4QoGH6KeAa4eYh6UDzQPat9dmH0Q9+jevQR1D8S9UD7QvRD/QAHQPxD/QgDIv+jhgRFe6OGJEd7o8YERX8D4XHhXChKfANgoTPEYih4iAAAAAElFTkSuQmCC);
    mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTDiE/ziE/ziE/zmF/zqE/ziF/zmF/ziE/ziF/ziE/ziE/zmF/zmF/ziV7X8AAAANdFJOUwDrw4P2FJZePjfRTq7mhf0BAAAA1UlEQVQY02NgAIFtineFshlggNXwLggIB0D5hXcXtzJEWN0Vh3DZ7mqC6Ul3E8D0WXeoupI7YOmLE6B8TlmQglpPuMFTrgMNly0AspidQXz2iwEMzJdALJYrYAW6BgyMNxjg8gy9Agx7FzAgANdthlwDJD7zNQbdBrBGsCkMHJcYZMGu1r0L8clFBl+ISgif4QoGH6KeAa4eYh6UDzQPat9dmH0Q9+jevQR1D8S9UD7QvRD/QAHQPxD/QgDIv+jhgRFe6OGJEd7o8YERX8D4XHhXChKfANgoTPEYih4iAAAAAElFTkSuQmCC);
    -webkit-mask-size: 15px auto;
    mask-size: 15px auto;
    background-color: currentColor
}

.my_account_assets {
    margin-top: 7px
}

.my_account_assets_item {
    float: left;
    color: #999
}

.my_account_assets_item:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    height: 13px
}

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

.my_account_assets_item_num {
    color: #e93b3d
}

.my_account .mod_btns {
    margin: 10px 0
}

.my_99packs {
    position: fixed;
    z-index: 201
}

.my_99packs, .my_99packs_mask {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.my_99packs_mask {
    position: absolute;
    background-color: rgba(0, 0, 0, .8)
}

.my_99packs_layer {
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    width: 250px;
    padding: 110px 0 10px;
    background-color: #ff172e;
    border-radius: 5px;
    text-align: center;
    color: #fff
}

.my_99packs_layer::before {
    content: "";
    display: block;
    background-position: 0 0;
    background-size: 280px 250px;
    background-repeat: no-repeat;
    width: 280px;
    height: 180px;
    position: absolute;
    top: -80px;
    left: 0
}

.my_99packs_text {
    font-size: 15px;
    font-weight: 700
}

.my_99packs_text small {
    font-size: 12px;
    font-weight: 400
}

.my_99packs_text p {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2
}

.my_99packs_text p em {
    color: #fff000
}

.my_99packs_tips {
    font-size: 12px;
    margin-bottom: -15px
}

.my_99packs_close {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: -50px;
    z-index: 1;
    top: -100px
}

.my_99packs_btn {
    display: block;
    width: 200px;
    height: 35px;
    line-height: 35px;
    margin: 20px auto 0;
    font-size: 15px;
    position: relative
}

.my_99packs_btn::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    border-color: #fff
}

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

.my_99packs_btn i {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    border-style: dashed dashed dashed solid;
    margin-left: 5px
}

.my_99packs_coupon {
    margin: 5px 0;
    max-height: 160px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto
}

.my_99packs_coupon li {
    position: relative;
    display: block;
    background-position: 0 -180px;
    background-size: 280px 250px;
    background-repeat: no-repeat;
    width: 235px;
    height: 70px;
    margin-left: 8px
}

.my_99packs_coupon p {
    font-size: 14px;
    color: #bd531e;
    font-weight: 700;
    text-align: left;
    position: absolute;
    left: 50px;
    right: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.my_list li:not(:last-child):before {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.shoplist .icon:after {
    content: "";
    width: 0;
    display: block;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

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

    .list_bar:before, .my_section .list:before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }

    .shoplist .icon:after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
}

.dot, .shoplist .text .co_red {
    font-family: arial
}

.list_bar, .shoplist .text .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list_order, .list_value, .my_links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.list_order li, .list_value li, .my_links a {
    box-flex: 1
}

.my_links .link_online:before, .my_links .link_tel:before, .my_list li:after, .shoplist:after {
    content: "\20";
    display: block
}

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

.my_list li:after, .shoplist:after {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: none
}

.my_list li:after, .shoplist:after {
    margin-top: -6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.list_order li, .list_value li, .my_links a {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.my_links, .shoplist {
    box-sizing: border-box
}

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

html {
    font-size: 20px;
    font-size: 5.33333vw
}

@media screen and (max-width: 320px) {
    html {
        font-size: 17.06667px
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 28.8px
    }
}

body {
    position: relative;
    background: #f7f7f7;
    font-size: 12px;
    color: #333
}

.wx_wrap {
    overflow: hidden
}

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

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

.list_order a:before {
    background: url(/static/images/my_v2.png?t=20151229) no-repeat 0 0;
    background-size: 180px 30px
}

.wx_theme .my_section .head {
    padding-left: 20px
}

.wx_theme .my_section .head::before {
    content: "";
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 15px 30px;
    background-repeat: no-repeat;
    background-position: 0
}

.dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 8px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 8px;
    color: #fff;
    background-color: #e93b3d
}

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

.dot.booking {
    width: auto;
    height: auto;
    top: 2px;
    left: 50%;
    margin-left: 8px;
    padding: 0 4px;
    height: 12px;
    border-radius: 14px
}

.dot.dot_num {
    box-sizing: border-box;
    width: auto;
    min-width: 14px;
    padding: 0 4px;
    height: 18px;
    border-radius: 14px
}

.mod_alert em {
    color: #e93b3d
}

.my_mask {
    z-index: 1000;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 320px 120px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.my_mask.show {
    visibility: visible;
    opacity: 1
}

.my_section {
    position: relative;
    margin: 15px 0;
    background: #fff;
}

.my_section .head {
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding: 0 10px
}

.my_section .head.head_act::after {
    margin-top: -8px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.my_section .head.head_act_unfold::after {
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.my_section .head span {
    color: #999;
    position: absolute;
    right: 25px;
    font-size: 12px
}

.my_section .head span.color_red {
    color: #e93b3d
}

.my_section .head .dot {
    top: 12px
}

.my_section .head .new {
    display: block;
    margin-top: 16px;
    padding: 0 4px;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    border-radius: 6px;
    color: #fff;
    background-color: #e93b3d
}

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

.my_section .head a {
    position: absolute;
    right: 10px;
    color: #3985ff;
    font-size: 12px
}

.my_section .head.disabled:after {
    display: none
}

.my_section a.head:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 20%22%3E%3Cpath fill=%22%23CCCCCC%22 fill-rule=%22evenodd%22 d=%22M2 20c-.8 0-1.5-.5-1.8-1.2-.3-.8-.2-1.6.4-2.2L7.2 10 .6 3.4c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l8 8c.4.4.6 1 .6 1.4 0 .5-.2 1-.6 1.4l-8 8c-.4.4-1 .6-1.4.6z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px
}

.my_section .list {
    position: relative
}

.my_section .list:before {
    border-color: #e5e5e5;
    left: 10px
}

.my_section .list li {
    position: relative;
    text-align: center
}

.my_section .list li a {
    position: relative;
    display: block;
    padding: 10px 0;
    color: #666
}

.my_section.disabled a, .my_section.disabled span, .my_section.disabled strong {
    color: #ccc !important
}

.my_section.disabled .head_value:before {
    background-position: -120px -30px
}

.list_order a {
    font-size: 10px
}

.list_order a:before {
    content: "\20";
    display: block;
    width: 30px;
    height: 30px;
    margin: 2px auto 4px
}

.list_order .item_0:before {
    background-position: 0 0
}

.list_order .item_1:before {
    background-position: -30px 0
}

.list_order .item_2:before {
    background-position: -60px 0
}

.list_order .item_3:before {
    background-position: -90px 0
}

.list_order .item_4:before {
    background-position: -120px 0
}

.list_order a.cur:after {
    content: "\20";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    bottom: -9px;
    background: #f2f2f7;
    margin-left: -8px;
    z-index: 1;
    -webkit-transform: scale(.5) rotate(45deg);
    transform: scale(.5) rotate(45deg)
}

.list_order .dot {
    top: 8px;
    left: 50%;
    margin-left: 5px
}

.list_bar {
    background: #f5f5f5;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    padding: 0 10px;
    position: relative
}

.list_bar span {
    color: #999
}

.list_bar:before {
    border-color: #e2e2e2
}

.list_value strong {
    position: relative;
    color: #e93b3d;
    font-weight: 400;
    margin-left: 5px
}

.list_value .dot {
    margin-left: 2px
}

.list_value .dot.booking {
    margin-left: 8px;
    top: -6px
}

.list_value_center {
    font-size: 10px
}

.list_value_center strong {
    display: block;
    margin: 0;
    margin-bottom: 4px
}

.list_value_center strong em {
    font-size: 16px
}

.mod_recommend {
    margin: 0
}

.mod_recommend .list li a {
    text-align: left;
    padding: 0
}

.mod_recommend .list:before {
    display: none
}

.mod_recommend:before {
    z-index: 1
}

.my_links {
    margin: 30px 10px;
    text-align: center
}

.my_links a {
    display: block;
    font-size: 12px;
    color: #666;
    text-align: center
}

.my_links .link_online:before, .my_links .link_tel:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    background-image: url(data:image/png;base64,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);
    background-size: 15px 30px;
    vertical-align: -4px
}

.my_links .link_tel:before {
    background-position: 0 -15px
}

.my_list {
    background: #fff;
    padding-left: 10px;
    position: relative;
    margin: -1px 0 15px
}

.my_list li {
    height: 45px;
    line-height: 45px;
    position: relative
}

.my_list li a {
    display: block
}

.my_list li a.icon:before {
    content: "";
    display: inline-block;
    margin: -3px 3px 0 0;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.my_list li a.icon.icon_ping:before {
    background-position: -20px 0;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_booking:before {
    background-position: -20px -40px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_draw:before {
    background-position: 0 -20px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_lucky:before {
    background-position: -20px -20px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_funds:before {
    background-position: -40px 0;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_exchange:before {
    background-position: -40px -20px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_evaluate:before {
    background-position: 0 -40px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_gift:before {
    background-position: 0 0;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_auction:before {
    background-position: -40px -40px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_treasure:before {
    background-position: -60px 0;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_share:before {
    background-position: -60px -20px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_kan:before {
    background-position: -60px -40px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_try:before {
    background-position: 0 -60px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_car:before {
    background-position: -20px -60px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li a.icon.icon_home:before {
    background-position: -40px -60px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.my_list li:not(:last-child):before {
    border-color: #ddd
}

.my_list li:after {
    content: "\20";
    display: block;
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -5px
}

.my_list li em, .my_list li span {
    position: absolute;
    right: 40px;
    color: #999
}

.my_list li em {
    color: #e93b3d
}

.my_list li em ~ .dot {
    top: 12px
}

.my_list .dot {
    right: 35px;
    top: 19px
}

.my_info {
    background: #fff;
    padding: 10px
}

.my_info .total {
    padding: 3px 10px 7px;
    border-bottom: 10px solid #e8e8ed;
    margin: 0 -10px 12px;
    color: #e4393c;
    font-size: 30px
}

.my_info .total em {
    margin: 0 5px;
    font-size: 12px;
    font-family: arial
}

.my_info .total .sub_text {
    font-size: 12px;
    color: #999
}

.my_info .text {
    margin-bottom: 20px
}

.my_info .text:last-child {
    margin-bottom: 5px
}

.my_info .text.color_red {
    color: #e93b3d
}

.my_alert_mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 898
}

.my_alert_mask.show {
    display: block
}

.my_adlink {
    position: relative;
    display: block;
    margin: 15px 0 0;
    padding: 15px 10px;
    height: 4.8rem;
    overflow: hidden;
    background-color: #fff
}

.my_adlink img {
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.shoplist {
    position: relative;
    display: block;
    height: 45px;
    padding: 0 40px 0 50px;
    color: #333;
    font-size: 12px;
    overflow: hidden;
    word-break: break-all;
    background: #f2f2f7
}

.shoplist:after {
    right: 12px;
    width: 8px;
    height: 8px;
    border-color: #999
}

.shoplist .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 45px
}

.shoplist .icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUdwTOM5O+Q4PDY2NjQ0NOQ5O+Q5OzIyMjMzM+Q5POM4O+Q4O+Q4O3cxMTMzM+M5OzMzMzMzMzIyMjMzMzAwMOI7O+M5O+I4OzIyMjMzM+Q5PAJWKpYAAAAZdFJOUwCJ3yBC0lGYzZpouDQOuHrfg2hVLyD0WvH0bEWzAAACkUlEQVRIx+2V2ZqjIBBGUVSUxRVN4P0fdKoKtF1I2sxczE3+r1tK9FALhWHsq7+UrqoKrnmeP+hGn1+QSslXcOW9N0zDFV4pvc9otsuDFGOKnqT9SsA6ujYVLpRhIKzxQSUzi/eKlJ1h5RMiWEE6DcCPbbpMwEt+0ApnutISAJhoQCoNN8c8NhicAwzxdzj/uMIGytt0e2Uy5hzhfMm0NkkYlR8TDlu1wQ8s2PwOVk3UFWaz9zl7B1drFgm4ClV54zkLwo2bT3AHPQJL3spZsROs/GJyL1/AHfrEbNH/msAGG4xa+SYJm5mEjdkFc46w8qXEP6hCBlVPwU2yOxEu/RKaJM8Xv3wCazokEts7SL6As9iVMh7QWIpQvarrJC6UfQJrCPWnAeb5d8+mUqGfmIGMNf5v35NfYbzSLbIVm1e6a5pla4H9EZRSb/AM7f0IfZrjrFEh8BIXXfSrL9lclmW12/3OxC8cERLOqpy/Pxb/VcU08dXs+/7wTLStIGNo2zYFj861jNeo3jlHRh2XEzBB2w1P6hRsns5Z645CmFsLC7vRWjvBOMB4pVvnBDMofJcMs7o9qk/G3TNxCHu8DZtpmtD9TkOEW845hQzjkIKntgVHHIVhk7GGjRUuMG8seArmSIwChe7JEEWAnzGXPox9smDDOb/hg4LVtjiKB7gGE3MRMIokHOKu9+J3c2a4x/hoJxvhPhaihvGZbjLR9xbgmgft4JPGBFxD2ENwg1rhsSXVWCmyplR3Q0AmEfZ61F64DLJYiSGUFhVg7DsSLivWG5s8k5ewC5eSSDXJtdr3YANzxTXsezlD1E9qgbCL1Kn8LlxTMBtMZ5rdhLGqnDY1fuqGYTSHzYB2nb6/E/+oP++JYQBc1F6BAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100% 100%
}

.shoplist .icon:after {
    border-color: #fff
}

.shoplist .text {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.shoplist .text .co_red {
    margin-right: 5px;
    color: #e93b3d
}

.my_entrance_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 45px;
    background-color: #f2f2f7
}

.my_entrance_bar .my_entrance_bar_title {
    position: relative;
    width: 40px;
    height: 45px
}

.my_entrance_bar .my_entrance_bar_title::after {
    content: "";
    position: absolute;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    top: 10px;
    bottom: 10px;
    z-index: 1
}

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

.my_entrance_bar .my_entrance_bar_title.type_viponly {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA0CAMAAAD7TUujAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTOQ4O+M4PDMzM+M3O+M5OzMzMzIyMjMzM+Q5PDQ0NOc3P+U3PDMzM98/PzIyMuQ6OuQ5Oy8vLzMzM+Q5PNBxnGEAAAATdFJOUwDqz+pAfoDAQb4tIFqiEGgwmBBUJLxpAAAB4klEQVRIx+2TWZKFIAxFRRkEFHDY/1o7QWbzXlf/962ylJBDBuI0ZTkhBJ/+IH3fN7OtxYpeW+cvbtTsGhO/e+nWf0MD6wkAWDn+6AFY3scUkLAtoOmFncFfpA8mSJ+tLhymP4daiuY1JZ3FniPRHT7ZwbO2uSBD0dqVuFy0dgtHxOiOt7Kl2QBuuurAhLHllr/0/SbF/dKvAGsi6wy06RQlIPYlpPwzQER+djKg0zsDsTacjGOo7hOQw8xEDR+BAPWFfC1bD1gc+wFwrLrpZ7cADm/+PjoAbCz5B35UNkbEAcaHf7mhUk0QcbBcwNcs7BuYtRZQYyxH4IDmOYwjCffIU2PbX5lrvaXm6GNz9QfXc55wWsERNjv960/yUhp6R0q5vq3muq4eWLNgZ8/fJp0g5Q5mWYQnXpTkRO+gXVHyJUIXgMp5ECSq3tWOgZs9KMFTwFKzyYDJqy7XPQGy4hlYyW6oBJR+YneXCJxpsXYyVA2yTdZTnZCdauvOZQhgauxOTU+JCojqyhx1DSqAGayp6FGwtYxja/YFrPKk/Pe3v18wqD+7K1W7N73/+nlaS8OVh3yUGQtbmgnJ3Tces4yFrdRIKSp7gB7Ev8tSH6ccA6mhad1QUMwLWPbz68/0ffcHhnU3xoj/DJkAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 24px
}

.my_entrance_bar .my_entrance_bar_title.type_freshman {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA0CAMAAAD7TUujAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUdwTK46OuM4OzMzM+Q5POM5O+Q3OjIyMjMzMzMzM+U4PDU1NTMzM+Q4O+M4OzIyMuQ5POc3P+M4Oy8vLzMzM+Q5PGczWFEAAAAUdFJOUwAQ1uq/gDvAf0BZMKPvplmPIHAgUDyhSgAAAexJREFUSMftlEGCgyAMRUERUERtK/e/6iQIaGLazuwni7YSX/J/GlXqa1hrH/zMpGQvl4/J0uRACgzD0KW0wJdKNYYPwNDuShWIy7cOJQAwdw8cUE+zwOdkjJYB0LtRALQotaWoZCDx00dKE9ZZMBdNjktJi6ZYgTab9ssQAXToFOiszR/EAjeRR2sP2HAjIBiQ7vfAAuVNdin/cRyABukxkRafAZP1g6jn7yRB7ajzaKO93D0AACl9A2wslXB++uyKgMUUA3RsbsH7Uk/hTgQWkJnXrAG6u0znJDbII2BTdyxJBWxHpomEzrZA3IZ6NviHOtUA0B8tW1L08Rw0DhZnMR0VCwBfmj3cXemNI8i946ROID5vi643tv3k5aClN4hW//Gn8N6Ht5nxfvra950CYw3IzPX3q1TwfoZj3wIr7lJ4JWfw3Emxtg6kgaSZxbrv7u6WN77kwMIqAf2ppgKhXhGtvgD+xCswitNwBWjzHEF0f2x4uRhJBMmDv4pdhUmMnsQ5Ot2zBqH1ptEqiQ4EdxUIZEANCOy0mOYBqZ6vbZh7OPXiG2C+37/22HTV5C918/E0nPeP77e1Ddx50OMCN9ZfNqROP3hUmY2N0ko5Sf0rP0Ro7m7Lvd1ybOTY0MhSSMwN6OfPr9TP2R/aujdfKinU1QAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 24px
}

.my_entrance_bar .my_entrance_bar_logo {
    margin-left: 2px
}

.my_entrance_bar .my_entrance_bar_logo.type_crown {
    width: 36px;
    height: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA4CAMAAABzLa46AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB7UExURUdwTPfXHvnWIfrOGvvVIPjTHPfXH//VHvfXIv/VI/XTF/bWGfbVGPncKfnbJ/PRDfjXIfrcKfbLD/PNAvnbKvnDDPrcKfjbJ/+6FvTVIPXVIfLRAvXWI/fHBvrcKvrDDfTLAP+6Fv2+E/LTDPTVHvLSCPPUFPTUGvPOADCgkkkAAAAbdFJOUwBXOiwXZogGIw50R5n74tq1p6fx8MTSweb48Fk4aMQAAAKhSURBVEjHzZfZuqIwEISFQMISWcXlIAiCyPs/4XQgYAiRnBm9mPq8EfG3utLp4G73gdzdF+R/Axu7eqxOzt7WYzUipzIgWuy2rKgsy5hosJuV2PG+ZDra1hZW48M7DJDY2sLqzQTwDbqB/eXilIG7hf2VcIk12Dlxx6bYUeeyRzrsKONyBV3Uyx/psUzmlctfuhtNG3os02mChAIC/1yvEatwsQ7EVWLhrrZtOeXlMxrerxJEpoydqmlHifUYnCrHhPG7Vni2k8zpGuWQQBoC+4PzhhI+QYzxM2+JeIpJLNuk0POBoR4E9nNU671sK5y4xhGa9TBDLMMQbeFugCRCiZf2CiEJWD4Fyrli3IASwZYfdl33RIv+Y/VF0pa3DnOPeI/HQBFXCCDdIjMnAshqmuK5R9LHoEb8ZWZl+RUPIKuNYE4/RHImoIi3UIAseyCBlLzVaTHXl3OJEA/qC8UEyI8KIljnEFOCNCLVYCltQPyRkYnX6JD1K1qXhdRtnQ2YMcLFPgqHrMOZknQ6yM5J8zwVIQ7POh2XkFDmS14vWUlV9eJsoTwmMGP7vhc2o8xNiFGBsJzSTHqM7dhsHwwkZRTK1xSlImLmPBrNQUeLoiqq0IDbiJ32PSf0eS8YCjXHCboVtwKUZtlgqur7fKVEdyhFN1DB/BTVJBnkCdNZKfM2qhhUKUFImM5qZXeQEtQzELxS3XQGK/f7C6MA5TnVTmdouPp+fw/qU+xqpzN8fq5BShBAEks5nddTvp60BBW3FFvq6awsqJY5DJTZ5M10Vj5xn+ta4pw9RN5PZ3XfJtmLk9lIXbnp6B93XQchd2urqT/8yh8H+wsMdPjcCgr+6rFaOaNZG5cn5zMKwfBobn1cT1yanwfrHP+XJd79UyJ/AOOxZXeXFloBAAAAAElFTkSuQmCC) no-repeat 0;
    background-size: 34px
}

.my_entrance_bar .my_entrance_bar_logo.type_gift {
    width: 35px;
    height: 45px;
    background: url(data:image/png;base64,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) no-repeat 0;
    background-size: 35px
}

.my_entrance_bar .my_entrance_bar_msg {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.my_entrance_bar .my_entrance_bar_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #333
}

.my_entrance_bar .my_entrance_bar_subtext {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    color: #666
}

.my_entrance_bar .my_entrance_bar_btn {
    margin: 0 10px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #e93b3d
}

.my_port_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 904;
    background: rgba(0, 0, 0, .7)
}

.my_port_mask.hide {
    display: none
}

.my_port_mask .content {
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.my_port_mask .content img {
    margin: 0 auto;
    display: block;
    width: 320px
}

.my_port_mask .content .close {
    position: absolute;
    right: 122px;
    top: 10px;
    width: 35px;
    height: 35px
}

.port_plus {
    position: relative;
    top: 118px;
    margin: 0 auto;
    width: 280px;
    height: 208px;
    color: #d61635;
    background-size: 280px auto
}

.port_plus .close {
    position: absolute;
    top: 0;
    right: 52px;
    width: 30px;
    height: 30px
}

.port_info {
    position: relative;
    top: 94px;
    margin: 0 auto;
    width: 205px;
    height: 266px;
    color: #ffea00;
    text-align: center;
    background-size: 205px auto
}

.port_info .close {
    position: absolute;
    top: 0;
    right: 26px;
    width: 21px;
    height: 21px
}

.port_info .text {
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 77px;
    width: 100%
}

.port_info .small {
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%
}

.my_msg {
    position: relative;
    margin: 15px 0;
    padding-right: 10px;
    height: 55px;
    background-color: #fff
}

.my_msg .my_msg_notice {
    position: relative;
    padding-right: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 55px;
    overflow: hidden
}

.my_msg .my_msg_notice::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 20%22%3E%3Cpath fill=%22%23CCCCCC%22 fill-rule=%22evenodd%22 d=%22M2 20c-.8 0-1.5-.5-1.8-1.2-.3-.8-.2-1.6.4-2.2L7.2 10 .6 3.4c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l8 8c.4.4.6 1 .6 1.4 0 .5-.2 1-.6 1.4l-8 8c-.4.4-1 .6-1.4.6z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7px
}

.my_msg .my_msg_notice_icon {
    position: relative;
    width: 50px;
    height: 55px
}

.my_msg .my_msg_notice_icon .my_msg_notice_icon_img {
    margin: 12px 0 0 10px;
    width: 30px;
    height: 30px
}

.my_msg .my_msg_notice_icon::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    right: 5px;
    top: 20px;
    bottom: 20px
}

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

.my_msg .my_msg_notice_inner {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.my_msg .my_msg_notice_list {
    position: relative
}

.my_msg .my_msg_notice_list .mod_sign_tip {
    margin-right: 1px
}

.my_msg .my_msg_notice_list_item {
    height: 55px;
    line-height: 55px
}

.my_msg .my_msg_notice_list_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-right: 30px;
    color: #333
}

.my_msg .my_msg_notice_list_text .mod_sign_tip {
    font-size: 9px;
    height: 12px;
    line-height: 12px;
    border-radius: 99px;
    border-top-right-radius: 0;
    font-weight: 700
}

.my_msg .my_msg_notice_list_text .mod_sign_tip b {
    padding: 0 4px
}

.my_msg .my_msg_notice_list_new {
    position: absolute;
    top: 12px;
    right: 5px;
    height: 10px;
    line-height: 10px;
    font-size: 7px;
    padding: 0 5px;
    font-style: italic;
    border-radius: 5px;
    color: #fff;
    background-color: #e93b3d
}

.my_msg .my_msg_notice_dot {
    text-align: center;
    font-size: 8px;
    color: #fff;
    background-color: #e93b3d;
    box-sizing: border-box;
    width: auto;
    min-width: 14px;
    padding: 0 4px;
    height: 14px;
    border-radius: 14px;
    margin-top: 18px
}

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

.my_lnks {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff
}

.my_lnks .my_lnks_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 11px 0 12px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.my_lnks .my_lnks_item .dot {
    margin-left: 0
}

.my_lnks .my_lnks_item .booking {
    margin-left: 10px;
    margin-top: -10px;
    white-space: nowrap
}

.my_lnks .my_lnks_item .dot_num {
    margin-top: -2px
}

.my_lnks .my_lnks_num {
    position: relative;
    display: block;
    width: fit-content;
    height: 24px;
    margin: 0 auto 3px;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.my_cate {
    position: relative;
    padding-top: 13px
}

.my_cate_item {
    box-sizing: border-box;
    float: left;
    width: 25%
}

.my_cate_item_url {
    position: relative;
    display: block;
    padding-bottom: 10px
}

.my_cate_item_url .dot {
    left: 50%;
    margin-left: 8px;
    margin-top: -4px
}

.my_cate_item_url .dot_num {
    margin-top: -7px;
    margin-left: 6px
}

.my_cate_item_url .booking {
    margin-top: -8px;
    margin-left: 4px
}

.my_cate_item_logo {
    display: block;
    margin: 0 auto 7px;
    width: 20px;
    height: 20px
}

.my_cate_item_logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.my_cate_item_name {
    font-size: 12px;
    color: #666;
    text-align: center
}

.my_surveybtn {
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-color: rgba(228, 57, 60, .7);
    border-radius: 3px 0 0 3px;
    position: fixed;
    z-index: 101;
    bottom: 60px;
}

.my_surveybtn span {
    display: block;
    font-size: 10px;
    color: #fff;
    line-height: 1.2em;
    width: 2.1em;
    height: 2.4em;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.my_vip_entrance {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 85px;
    height: 60px;
    background-color: #fff
}

.my_vip_entrance::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -24px;
    background-position: -69px 0;
    background-size: 126px 73px;
    background-repeat: no-repeat;
    width: 57px;
    height: 48px
}

.my_vip_entrance .my_vip_entrance_wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.my_vip_entrance .my_vip_entrance_title {
    font-size: 16px;
    color: #e93b3d
}

.my_vip_entrance .my_vip_entrance_text {
    font-size: 12px;
    color: #666
}

.my_vip_entrance .my_vip_entrance_btn {
    display: block;
    margin: 0 10px;
    width: 75px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    background-color: #f5cb25
}

.my_logistics {
    position: relative;
    height: 70px;
    overflow: hidden
}

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

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

.my_logistics .my_logistics_item {
    position: relative;
    overflow: hidden;
    padding: 0 15px 0 60px;
    height: 70px;
    background-color: #fff
}

.my_logistics .my_logistics_item_img {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 40px;
    height: 40px
}

.my_logistics .my_logistics_item_num {
    position: absolute;
    left: 10px;
    top: 40px;
    width: 40px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.my_logistics .my_logistics_item_state {
    margin-top: 15px
}

.my_logistics .my_logistics_item_type {
    margin-right: 7px;
    font-size: 14px;
    color: #e93b3d
}

.my_logistics .my_logistics_item_date {
    font-size: 12px;
    color: #999
}

.my_logistics .my_logistics_item_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #999
}

.my_alert {
    margin: 20px auto;
    width: 270px;
    border-radius: 2px;
    background-color: #fff
}

.my_alert.fixed {
    z-index: 899;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.my_alert .my_alert_title {
    position: relative;
    margin-bottom: 15px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333
}

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

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

.my_alert .my_alert_input {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 10px 15px;
    height: 45px;
    line-height: 45px;
    font-size: 14px
}

.my_alert .my_alert_input::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ccc;
    border: 1px solid #ddd;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    border-color: #ccc
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .my_alert .my_alert_input::after {
        right: -100%;
        bottom: -100%;
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0
    }
}

.my_alert .my_alert_input.type_disabled {
    background-color: #f2f2f7
}

.my_alert .my_alert_input.type_disabled input {
    color: #999
}

.my_alert .my_alert_input.type_disabled input::-webkit-input-placeholder {
    color: #999
}

.my_alert .my_alert_input.type_disabled input:focus::-webkit-input-placeholder {
    color: #999
}

.my_alert .my_alert_input.type_alert {
    background-color: #fcebeb
}

.my_alert .my_alert_input.type_alert .my_alert_input_label::after, .my_alert .my_alert_input.type_alert::after {
    border-color: #e93b3d
}

.my_alert .my_alert_input.type_alert input {
    color: #e93b3d
}

.my_alert .my_alert_input input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 10px;
    width: 1px;
    border: none;
    color: #333;
    height: 25px;
    line-height: 25px;
    -webkit-appearance: none;
    background-color: transparent
}

.my_alert .my_alert_input_label {
    position: relative;
    width: 60px;
    text-align: center;
    color: #999
}

.my_alert .my_alert_input_label::after {
    content: "";
    position: absolute;
    pointer-events: none;
    background-color: #ccc;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

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

.my_alert .my_alert_input_text {
    margin: 10px 15px 17px;
    font-size: 12px;
    color: #999
}

.my_alert .my_alert_input_text.type_alert {
    color: #e93b3d
}

.my_alert .my_alert_input_text .color_blue {
    color: #3985ff
}

.my_alert .my_alert_btns {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.my_alert .my_alert_btns::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ccc;
    height: 1px;
    left: 0;
    right: 0;
    top: 0
}

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

.my_alert .my_alert_btn {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #333
}

.my_alert .my_alert_btn.color_red {
    color: #e93b3d
}

.my_alert .my_alert_btn:not(:first-child)::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ccc;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .my_alert .my_alert_btn:not(:first-child)::after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 50%
    }
}

.mod_alert .logo_coupons {
    margin: 0 auto;
    background-position: 0 0;
    background-size: 126px 73px;
    background-repeat: no-repeat;
    width: 69px;
    height: 73px
}

.my_teach_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 904
}

.my_teach_mask.hide {
    display: none
}

.my_teach_mask.type_page_1 .my_teach_mask_hollow {
    -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAADuBAMAAAAuFqqdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUdwTAAAAAAAAAAAAAAAAAAAAFZgiOcAAAAFdFJOUwChYdQkp/49DAAABPtJREFUeNrt3b1u20gYhlGuV+kZJ9srCdwrid0LAdybonX/txJke2JmSGoXmvc8l2AezM9HyRqu0kKDP4HgEByCQ3AIDsEhOASH4BAcEhyCQ3AIDsEhOASH4BAcgkOCQ3AIDsEhOASH4BAcgkNwSHAIDsEhOASH4BAcgkNwCA7BIcEhOASH4BAcgkNwCA7BITgkOASH4BAcgkNwCA7BITgEhwSH4BAcgkNwCA7BITgEh+AQHBIcgkP/G475++NxuLcOXz/+9LxvjGN+PA93269PHvntcMyPw333gMetcNw7jX95/OOx3wDHdBy66IvnvjuOH0MvPbx48vvi+Dz008HWsieOeRy66smz3w/Hceisbx7+Xji6s2Ht2A3HOHSYc8cuOJ57tDEc3Fl2wHEZ+uzB89+MYxp67S8AtuI4dovDoXQrjueh4xw7NuGYerZhY9mG49g1DhvLFhzPfdtwn92AYx56728I1uIYu8dhULoWx9S/DWfStTgCFg5Lx0ocCQuHpWMljoiFw9KxCkfGwmHpWIUjZOGwdKzAMafYMOtox3GKweH9WzOOcw6OVxLacFxybPhMWCuOMQiHI2kbjjnJhiNpG473KBz+w1ETjmMWjicW6nFMWTZMSVtwvIXhsK804Dim4bCvVOOY02y4r9TjeI/DcYChFscYh8McrBpHno3hAw11OC6BOLxfqcRxCsThvX0ljmMiDpfZOhyJNhw66nBcInE4dFTheIvEYYJehWPMxGHSUYPjnInjlYcyjjnThtcrNTguoTicSCtwhJ5HnUhrcIypOJxIyziOqTjMSMs4Um2YkZZxTLE4fMq4iOMSi8N1pYgj9rLiulLGccrF8UJEAceYi8NdtoTjnIvD25USjlwb7rIlHHMwDq/eCjimYBwGHQUcl2AcBh1wwLEWR/AMzBQMDjhW4zgl4zAihQOOlTjGZBzm53DAsRLHMRnHExJwwLEOxzkZh9eycMABBxxwwPGf4Ui2MXxAAg44bCu2FTjggAMOOOAwPjc+hwOOnnB4ZS844GjHcUrG8YIEHHCsw/GWjIMIOOBYieM92IafiCzg8C17wQFHOw7/vEWLOPzbJy3jCH654tVKCUfw/Nz0vIQjeERqQFrCETwFA6KEwz/G1yIOP6mhRRx+jEfLOGLvsm6yZRyxd1k32TKO2OsKD2UcfnRYizj8XLkWcaR+6e2VhwocoSdS59EaHKEnUhxqcGSeSJ1Hq3BkzkjNR+twRM5IzUfrcLw5cmgJx8WRQ0s4ro4cWsQROOkw5ajFkfedSN+ErMaR93rFi5VqHHmXWRfZehxxl1kW6nGkfcrYZ4sbcKTtK3aVFhxZ+4q7ShOOrPuKu0oTjqw5mAlYG46k9yveqzTiSPok6SsJjThOOTheSGjEkXMkdRxtxpFzJHUcbceRMiU1HV2BI2XpsHCswTFZOODIXjosHOtwTBYOOJKXDgvHWhz9zzrMOFbjuD73/q7ecHQ9jt4/9PPEwAYcfZ9JnUY34eh6Y7GpbMTR88ZiU9mKY7KpwLFYr58J8/mvHXB0euxw4NgFR5+DUqPRfXD0eCh1GN0LR386vnn4u+GYR+sGHIt97uks6ryxL47rj37usO4pe+O4Tp0cPL547vvjuF4fe1g2bCm3wXGd753H4ZOHfiscf3ic75fGLzRuiuOPj++P93f6OHz9+NPzvj0OwaHwfgNkzLDEeqqb2QAAAABJRU5ErkJggg==) no-repeat;
    mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAADuBAMAAAAuFqqdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUdwTAAAAAAAAAAAAAAAAAAAAFZgiOcAAAAFdFJOUwChYdQkp/49DAAABPtJREFUeNrt3b1u20gYhlGuV+kZJ9srCdwrid0LAdybonX/txJke2JmSGoXmvc8l2AezM9HyRqu0kKDP4HgEByCQ3AIDsEhOASH4BAcEhyCQ3AIDsEhOASH4BAcgkOCQ3AIDsEhOASH4BAcgkNwSHAIDsEhOASH4BAcgkNwCA7BIcEhOASH4BAcgkNwCA7BITgkOASH4BAcgkNwCA7BITgEhwSH4BAcgkNwCA7BITgEh+AQHBIcgkP/G475++NxuLcOXz/+9LxvjGN+PA93269PHvntcMyPw333gMetcNw7jX95/OOx3wDHdBy66IvnvjuOH0MvPbx48vvi+Dz008HWsieOeRy66smz3w/Hceisbx7+Xji6s2Ht2A3HOHSYc8cuOJ57tDEc3Fl2wHEZ+uzB89+MYxp67S8AtuI4dovDoXQrjueh4xw7NuGYerZhY9mG49g1DhvLFhzPfdtwn92AYx56728I1uIYu8dhULoWx9S/DWfStTgCFg5Lx0ocCQuHpWMljoiFw9KxCkfGwmHpWIUjZOGwdKzAMafYMOtox3GKweH9WzOOcw6OVxLacFxybPhMWCuOMQiHI2kbjjnJhiNpG473KBz+w1ETjmMWjicW6nFMWTZMSVtwvIXhsK804Dim4bCvVOOY02y4r9TjeI/DcYChFscYh8McrBpHno3hAw11OC6BOLxfqcRxCsThvX0ljmMiDpfZOhyJNhw66nBcInE4dFTheIvEYYJehWPMxGHSUYPjnInjlYcyjjnThtcrNTguoTicSCtwhJ5HnUhrcIypOJxIyziOqTjMSMs4Um2YkZZxTLE4fMq4iOMSi8N1pYgj9rLiulLGccrF8UJEAceYi8NdtoTjnIvD25USjlwb7rIlHHMwDq/eCjimYBwGHQUcl2AcBh1wwLEWR/AMzBQMDjhW4zgl4zAihQOOlTjGZBzm53DAsRLHMRnHExJwwLEOxzkZh9eycMABBxxwwPGf4Ui2MXxAAg44bCu2FTjggAMOOOAwPjc+hwOOnnB4ZS844GjHcUrG8YIEHHCsw/GWjIMIOOBYieM92IafiCzg8C17wQFHOw7/vEWLOPzbJy3jCH654tVKCUfw/Nz0vIQjeERqQFrCETwFA6KEwz/G1yIOP6mhRRx+jEfLOGLvsm6yZRyxd1k32TKO2OsKD2UcfnRYizj8XLkWcaR+6e2VhwocoSdS59EaHKEnUhxqcGSeSJ1Hq3BkzkjNR+twRM5IzUfrcLw5cmgJx8WRQ0s4ro4cWsQROOkw5ajFkfedSN+ErMaR93rFi5VqHHmXWRfZehxxl1kW6nGkfcrYZ4sbcKTtK3aVFhxZ+4q7ShOOrPuKu0oTjqw5mAlYG46k9yveqzTiSPok6SsJjThOOTheSGjEkXMkdRxtxpFzJHUcbceRMiU1HV2BI2XpsHCswTFZOODIXjosHOtwTBYOOJKXDgvHWhz9zzrMOFbjuD73/q7ecHQ9jt4/9PPEwAYcfZ9JnUY34eh6Y7GpbMTR88ZiU9mKY7KpwLFYr58J8/mvHXB0euxw4NgFR5+DUqPRfXD0eCh1GN0LR386vnn4u+GYR+sGHIt97uks6ryxL47rj37usO4pe+O4Tp0cPL547vvjuF4fe1g2bCm3wXGd753H4ZOHfiscf3ic75fGLzRuiuOPj++P93f6OHz9+NPzvj0OwaHwfgNkzLDEeqqb2QAAAABJRU5ErkJggg==) no-repeat;
    -webkit-mask-size: 540px;
    mask-size: 540px
}

.my_teach_mask.type_page_1 .my_teach_mask_aide {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcoAAABqBAMAAADO2Qy1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTP///////////////////////////////////////////////////4sGkswAAAANdFJOUwB3RF67EO6SMyLdqsxmvBC0AAASCElEQVR42uxc+28TVxY+M+PBnjiRHEKCeFhysptCW1lySgmP1pKzTWFLa8kJpRQIEiyBQFtLCQTTDbHkwir7yyIZCi1tN1JS6GZfltLCUrYQiZQmbEUtJbHjENv3f9l77sydGSfYSWnhh0muhF935s79zuM7j5kAACDXwRIYn5PDIeujTBLyd8uDlAgdPqujtJHkDJmxOsqDafeU3/I26095J8UwcVkbZXS2Ig8HSD5maZSJARsJQSOZtDJIB+kUKMXKI+RHC6MUiEchwzSghMmgdVGWZ2heME0/XCbEuq55MAfgTuEnd9a6iZ6fIuxP4ydls3UtdmQa05+4xZOC8D1MZS2eE4gIUA4fsjZKOyPWaMraKMsy+NqftzbK/hy+OonH0ii9M2qad8/SKOVqNZ5MwRIYF7JLAaXT6hGTDSV8dCko051bCij3WzyW8Ezvq6WgzOgSMVnfEkDpIMeXBMtauCFiTgwCT2HVX525f6FfyclF8s/bMThv/h4vmL1YV2dCJi6cH79L88tYES+q3DgvFjwyPs4DbNpWXcPKYvwzvDjTjoPb/L2wKX+ZZP5DdxBbNEp3CLxmjZ8zbo0LhAyZpi5SeSrGgmXm7W4Yto/BTdAadNIIyYTHHi+58KKUqXQA9ALUruY2QFFKkc6Clda9p21OmsXXfSVrP4+BEtWTZGLSvq9O6Pccd/ekkTgMlH5DALsjmUOOfGhQ0jRd9rUHpCIC7luUMm1HQe5Yl8wkNEsVU451ZNTEXK2rSI4bkzCB3zNFlvoNnnXQBf67Wq1QRoXVWtdQbZJpULWK871kJkaF4ND3Lid0lHL4xied4P9+1hZ4rG3PUWZ+ETTr91FLSlfFe9S16rbkSW6NMf1RL8mfMijtjdq7JL+myFIjR+j23c1JXUj+ea4mf8feGkmu8hFIM0xsmgDzM/pu6yESAinTaTb9Pw1AMWUufLNWfp+yxUkqZLUhFiUkbfh56+ogSZ/SL165agch7VVFRSclXJAg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) no-repeat 80px 13px, url(data:image/png;base64,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) no-repeat center bottom 67px;
    background-color: rgba(0, 0, 0, .7);
    background-size: 229px, 103px
}

.my_teach_mask.type_page_2 .my_teach_mask_hollow {
    -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAADuBAMAAAAuFqqdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUdwTAAAAAAAAAAAAAAAAAAAAFZgiOcAAAAFdFJOUwDjpmkpLdmBNwAABJVJREFUeNrt3TFzGjsUgFFh1r2dsD1xTE/suCfE7jEO//+vJDMp3svEAsRq35u9Ol8fF5kz0pVYlnSQMiX/BYJDcAgOwSE4BIfgEByCQ3BIcAgOwSE4BIfgEByCQ3AIDgkOwSE4BIfgEByCQ3AIDsEhwSE4BIfgEByCQ3AIDsEhOASHBIfgEByCQ3AIDsEhOASH4JDgEByCQ3AIDsEhOASH4BAcEhyCQ3AIDsEhOASH4BAcgkNwKGK3d49fnzfd8/fHu1s49E+vnzfpX3UPPRz6TeM+/dW2h0O/Vo30boWrBxwB229Spu4THG33MR3pCxwtd5+OtoWj3XFjnU407+FgY7AOOJqzcb4OOEK1TGd1BYdZdOBUCkcrZ9gLTrRwxGmfClrBYRgdMpTCEaZFKuobHDaVARsLHFHalOKYw2FTuXxjgSPINJouqIejiZaX4LiCwzR66UwKR7sLx8mlA44IvaU0xtIBR8MLx6mlA452J46TSwccLS8cJ5YOOBq94zjnrgOO6XczBMcMjtBthuDo4HCOzfYEh3H0gpEUjqbH0eMjKRxTbzEUxwyOsK2H4pjDEbV9GtwKjqDthuOYwWFXKd5X4Gh+V8nvK3BMux81cLzAEbJlDRxXcETsNVWphyNgb3VwPMERsJs6OGZwOMgWHmbhMHJkhw44jBzZoQOOKberheMaDrccZTcdcEy5TS0cHRzm0bKJFA7zaHYihWPC3dTDMYPDPFo0kcJhHs1OpHCYR7MTKRzTbV8TxwoOh5WS4woc021XE8c1HE6yJWdZOJxks2dZOJxks2dZOKZbqhocrjlKLjrgcM2RveiAwzVH9qIDjsn2oy6OFzgCtauL4xqOQN3UxTGDAw44WmhZF8cVHHDA0ULrujjmcMABBxxwNN2mLo4ODjjggAOOpkuVgwMOOOCAw8xh5pCVQ1YOwaGRc30uOASHKuZhH8Gh8jxgLDhUni81KZuvQyqbL1Irm1cwKJuXtyif1z4pmxfGKZtXTSqbl9Qqm9db67+56HiCw0WHn9Rw0eHHeJxl/YyXxj/L+gFAZ9miwwocjivZwwocJtLsPAqHiTQ7j8JhIs3Oo3BMut2o8ygcJtLsPAqHiTQ7j8Ix7Sp9X3Z+gCNela7BZnAYOspGDjgm3mgPF8PhpuPILQccU6/KdyJf4AhZlafBVnA4zJYdZOFwmM0eZOGwr+R3FTjsK/MDHFFbDMXxDY6wvY7zoRscIVqOcwMGR4TeRvlcBY4Y+8qgJ0m7AxyuOkovOeAwkvZwGEnLx1E4QrQf4XYUjuaXjqMLBxwh+jDCORaOxpeO4wsHHE1PHSs4LB2XLRxwtHzX0cPRRouan9XDEWzpWNd7yAeO5mfSFRztLB2Lep+4wdH2xjLv4bCxXLypwBGqgmfCvhzgaKz7c21sD3A017LO1SgcIVvXGkbhaPPIcq4NONrTcbYNOJqbSrfn/yU44vVx8BkWjrh9yH7Nqft0gKP1wePz+zYe+gMcen1n8tj2hX8Ejrirxx+bS/fQF/8JOAJ3e/f49Tml5++Pd7eX/Hs4BIfgEByCQ/9rPwGb+7Kv5ACfIgAAAABJRU5ErkJggg==) no-repeat right;
    mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAADuBAMAAAAuFqqdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUdwTAAAAAAAAAAAAAAAAAAAAFZgiOcAAAAFdFJOUwDjpmkpLdmBNwAABJVJREFUeNrt3TFzGjsUgFFh1r2dsD1xTE/suCfE7jEO//+vJDMp3svEAsRq35u9Ol8fF5kz0pVYlnSQMiX/BYJDcAgOwSE4BIfgEByCQ3BIcAgOwSE4BIfgEByCQ3AIDgkOwSE4BIfgEByCQ3AIDsEhwSE4BIfgEByCQ3AIDsEhOASHBIfgEByCQ3AIDsEhOASH4JDgEByCQ3AIDsEhOASH4BAcEhyCQ3AIDsEhOASH4BAcgkNwKGK3d49fnzfd8/fHu1s49E+vnzfpX3UPPRz6TeM+/dW2h0O/Vo30boWrBxwB229Spu4THG33MR3pCxwtd5+OtoWj3XFjnU407+FgY7AOOJqzcb4OOEK1TGd1BYdZdOBUCkcrZ9gLTrRwxGmfClrBYRgdMpTCEaZFKuobHDaVARsLHFHalOKYw2FTuXxjgSPINJouqIejiZaX4LiCwzR66UwKR7sLx8mlA44IvaU0xtIBR8MLx6mlA452J46TSwccLS8cJ5YOOBq94zjnrgOO6XczBMcMjtBthuDo4HCOzfYEh3H0gpEUjqbH0eMjKRxTbzEUxwyOsK2H4pjDEbV9GtwKjqDthuOYwWFXKd5X4Gh+V8nvK3BMux81cLzAEbJlDRxXcETsNVWphyNgb3VwPMERsJs6OGZwOMgWHmbhMHJkhw44jBzZoQOOKberheMaDrccZTcdcEy5TS0cHRzm0bKJFA7zaHYihWPC3dTDMYPDPFo0kcJhHs1OpHCYR7MTKRzTbV8TxwoOh5WS4woc021XE8c1HE6yJWdZOJxks2dZOJxks2dZOKZbqhocrjlKLjrgcM2RveiAwzVH9qIDjsn2oy6OFzgCtauL4xqOQN3UxTGDAw44WmhZF8cVHHDA0ULrujjmcMABBxxwNN2mLo4ODjjggAOOpkuVgwMOOOCAw8xh5pCVQ1YOwaGRc30uOASHKuZhH8Gh8jxgLDhUni81KZuvQyqbL1Irm1cwKJuXtyif1z4pmxfGKZtXTSqbl9Qqm9db67+56HiCw0WHn9Rw0eHHeJxl/YyXxj/L+gFAZ9miwwocjivZwwocJtLsPAqHiTQ7j8JhIs3Oo3BMut2o8ygcJtLsPAqHiTQ7j8Ix7Sp9X3Z+gCNela7BZnAYOspGDjgm3mgPF8PhpuPILQccU6/KdyJf4AhZlafBVnA4zJYdZOFwmM0eZOGwr+R3FTjsK/MDHFFbDMXxDY6wvY7zoRscIVqOcwMGR4TeRvlcBY4Y+8qgJ0m7AxyuOkovOeAwkvZwGEnLx1E4QrQf4XYUjuaXjqMLBxwh+jDCORaOxpeO4wsHHE1PHSs4LB2XLRxwtHzX0cPRRouan9XDEWzpWNd7yAeO5mfSFRztLB2Lep+4wdH2xjLv4bCxXLypwBGqgmfCvhzgaKz7c21sD3A017LO1SgcIVvXGkbhaPPIcq4NONrTcbYNOJqbSrfn/yU44vVx8BkWjrh9yH7Nqft0gKP1wePz+zYe+gMcen1n8tj2hX8Ejrirxx+bS/fQF/8JOAJ3e/f49Tml5++Pd7eX/Hs4BIfgEByCQ/9rPwGb+7Kv5ACfIgAAAABJRU5ErkJggg==) no-repeat right;
    -webkit-mask-size: 540px;
    mask-size: 540px
}

.my_teach_mask.type_page_2 .my_teach_mask_aide {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXAAAABiCAMAAAB+rngpAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMARHe7Ee4i3TOZZsxVqoj4Cwb8XvLigk8tOBcCyJHBsKSffh7o1nE+qWzxRduWAAAMsklEQVR42uzZy3KCYAyG4Y+C1Ir6c1BEtNqqeHjv/wI7YnXZXVh08qySbSaTySRy9opLlMsNJa8XhGUqN4z1O3fbjdwQJgFKAkzl7BVz4DuwK4nlzI07KKsLHGLKRM5WcQhwilRDVEElZ6rJgFkiZYQihQ85Q5tzgNFUUtvP73eWcnbSHbBvJamCm/QJYzkjdRdgMVFvBqkUwUHORgMQH9XLA5mkYsFWzka+JNz0q4I3SdpTtnI28mmqpxj6ZOKL4SDSkp3uWpjJmatfjZ0xKuSMFSdG+av0kZyxCuZ6WN9DZyyjPOphc6KTs7WCq56u4H8fYxk0epoTVnKWVrDXS372k7itooNGbjA3+NLA0lRKomisPyT/dD394dW8ltyGYSh6CRDsZHrvPXP//wMTR3QSW3Ti1PPgWY9Er/YQgAFp/VveffPjMxIAJCb8Br1hgcZuJBn3nxk6NoQAvAz8bVI2wZ4m+C+8Iu/jhwg9AEeHXyF4HKBgQaGKA3yPOCcr4A8vsQPFrGCJE1Ud4ddtj0jm1Trhf8krR8abPzvFrYX3jBWxlB5Jlm/Cg4bTpKFsduNOCB2K1YRGVyL7UqkXY1TJZr9kPJQcySrrRY5wolT8U27GS6O8K/7ETmGvch4TBQtI1tGc6jfh1TxO6H2zKzijjqYUwEczqlt6y2bZJQDeBq5CPqORtFwClqSWaXMz/iUvyYwlnVa2KxGqVpJVPE7RZYRxC+cpvC13phiAZB1nDEZaAiCM2Wr4fomqiPOAo3hInL/jyjQma5a02Tec0FSNpDEm/GvukPc81rRIARBJmo4ii0zwptgz7eoAADqgcewV+NJZ9wWFOrb1Hkg1fr8kq5KW4AjA8ReEwzmPyVx6upNZXM00E/xbHt7l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) no-repeat right 47px top 2px, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAABVCAMAAADdV5B1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTP///////////////////////////////////////////////////////////////////4ZSzFsAAAARdFJOUwDvMqgR3kK7dswih5hlVvhNsZqRLgAACZ1JREFUeNrdXNliozoMjffd4P//2St5wYY4gbSZmZv4oaGUOjrWdiQwt9vzwS2VMgatnfeMKWWMgEFwLGkcCxmGqMPkoWAwHB6Gg6G1DiHEuEopKbXWcs5vf2pwKiNIz0DyvcR/diy4Chk84s6gAfJaAL8M19KoAcIewQJfgLM7nDn2pbxbTT4OWwYtAzQg1xgj6AOUDAMkRU0XXZui68toK1aAWuSZwYxqSWRDYJjXYZX0DxrAxCRwFRD7isALZkScAZPHVkKY3E9EDWLwgCFK+zcRvAjX2gw2jH6MOmCjzOuSRPjfgjj1EAfi266ZJfnbJw9rktmUYRK7ffbgJrkWAJLgH44GzGupGFTSt48frIFYEv98NLF6C0/k88HcaDIlICTxBWgaCpnUF6C5pSV/hI+Pz3mIlBOo3kL1Rw+TKH74bwjQGKLX8hG/AY1PoahIfgMaVxymus+/EoK+aaJQmPPrVECLX3uadi3pvctp15xoeA3ULyk1GXqoXF/Ur6rmHd7mtIUMXKECMSmltN4QaJJI2Lvg5nv2kniyfqsRT9oU9cv0JWMsOGQlOM9tsgzRIFiVUtgtdf1G7i+yPp1NLOafVLMwU19N8jCUO41UxcbWS8SGyqC9Em6QZgwepHyz9Hc2+DiiwiJaYqRmUNh7/hgNYFV9HR+PJf2C2FAxmFSCmaQT6WCAJ9amTdY4m7ckEM0ruYNgNNPv6AmALewscRo71PZXK7U3pXmk5eNA4clozlzHc6LmXqNpysy9IBnmn88EBpVbEVEVJ1TkYaLjTClsLHX8PLBE6HmYfJGmVX+32k/i1POZYumsiESUCzALuYtn1LaZQG0dLEWTJM5eIGov0jSHIsNCTSQPw7nA+JRL6TFB3C1IMlZKCVLjjxIFbPDisW/t0QRc7PW1+luAOScRZ+ZWDIM6jkavdU5SO7/QdrcueAXbG2N3P0RDRXauS53LvM7qEukMdVGjx68zYc5i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) no-repeat center bottom 67px;
    background-color: rgba(0, 0, 0, .7);
    background-size: 184px, 103px
}

.my_teach_mask .my_teach_mask_hollow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 119px;
    background-color: rgba(0, 0, 0, .7)
}

.my_teach_mask .my_teach_mask_aide {
    position: absolute;
    top: 119px;
    left: 0;
    right: 0;
    bottom: 0
}

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

.my_order .my_order_entrances {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 55px 0 12px;
    text-align: center;
    font-size: 13px;
    color: #666;
    background: no-repeat center 16px;
    background-size: 35px;
}

.my_order .my_order_entrances.type_unpay {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAElBMVEUAAADdnlnfn1rgo1zgoVvdnlgEImJPAAAABXRSTlMA43cZScMfxp4AAABASURBVCjPY6AbcAzFACIMopiCgQyhWAClgpQBrGYOKkFlI0zBIAYGVQzBYAYGU8KCCO2YFg0Cv2NLNtgTGL0AAN0trh/jrEP+AAAAAElFTkSuQmCC)
}

.my_order .my_order_entrances.type_unrecieve {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJ1BMVEUAAADenlnen1ngoVven1zen1neoFndnljdnlnhoFn/qoDdn1ndnlh7gNDGAAAADHRSTlMA5LJJPZJ789UrBr1euVjwAAAAhklEQVQoz2MgAzDLnIECYYQg4xkYOIgQ5DkDB5QLTm0H2YgquBRiI4og1x4IA0WQ9QwWwTnYBGOwCfZgE6zBJniGZEGUoIOxkAMZIYgESBHEBMKoggjbMQH9BGWwOckQm+OBQAYki2BAgA6QfQjBgAAfIPsIggEBbEB2AoIBBU6CKggGSQAA2PqdcWoc0kYAAAAASUVORK5CYII=)
}

.my_order .my_order_entrances.type_uncomment {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJFBMVEUAAADmpVrfn1rdnlndn1jeoFngo1zfoFnen1jen1ngoVvdnljVYlQuAAAAC3RSTlMAE3fj+XMZiIRsSd0lFQsAAABjSURBVCjPY6AbWLwbA1gxWGMKbmbYjQUMUsEtakIIAia4iYGhGkFABbcxMEgjCKjgRiATQSC0RyMImO2Not4IYlD4nThBrFGMPTHAwGxQGKADzt27G+AchNLtDJiAs4CB7gAASuhg6QZtNGEAAAAASUVORK5CYII=)
}

.my_order .my_order_entrances.type_consult {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTN2eV9uXU92dV9ugV9yeV92eV92dV92eV92eV92fWNyfV96dV92eVt2eWLiRcBUAAAAOdFJOUwDwDJgjVYnVy7dEMm4c+qa6LAAAAUNJREFUKM99k81Kw0AQxwebVBNBsFdhSQNaTyLiQRCC4BPoVQjiA/SgvQm5eC/Vizcpgh4lvkEfxRDSmCLzDM5ONh+bhc7pzy/zPRuAtbZ/JpKna51dCiRLTtvsAJXdNcyaVvD3oobfWNte7SgamFSuh9iyewXHpN9HiLNtEksVLR1mNuLckaqM70mZQVTAl1THDIdS5l64Au5swDDkAostmYFjpAWsB/Z8k0XKUAb9lDV35FCshA4TVqhDBHBjUKMs+kpQlRUIHSbUeNYU8v0jLhQQDPScKcgFhDrMAKd5OSbn3BU85scQ455eiBbi4K2lQ1qdS+7jNuQlRymMjHOEGJuHc+ibcWJLFJ4VVSxXFw7xxXw2fSw884EF+Gg+RervxHywV5icG9B6Q3y48TvU5pYmHeo+E/zrZtj4fBWTdT/KP7h1WU+tJnMCAAAAAElFTkSuQmCC)
}

.my_order .my_order_entrances.type_orders {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEUAAADqPD7xRETqPD7qPT/qOz/yQEDpOz2tEuliAAAAB3RSTlMA4wuDekkUL49mBwAAAElJREFUKM9jIAWwipcjgcIAsCBjOQoQAAuyowoWDGLBYqjnmNyRBMtgXlbHqnLQOJ40b6ogBBHeZMKqcnA5nsqCmIkWe/ImAQAA21zn+V6DoroAAAAASUVORK5CYII=)
}

.my_order .my_order_entrances.type_orders::before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: -5px;
    width: 12px;
    height: 82px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAACQBAMAAAD6hlbwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURaqqqkdwTOvr693d3UpKSv////////39/eTk5Pv7+/Ly8vj4+P///yWSNZ4AAAAMdFJOUxEADQ8T48OiH4FAYErKz9kAAACgSURBVDjLY1BSNmBgEAQBhjMgMFKZoSAAYaaBAIRZDgIQ5kwQgDB3gwCEuQoEIMwOEIAwlZQZYIGKFL7UEDUgzwTKFQw697I4IhS4IERdHBGiIDZU1MUFIQoUhou6IERdHMFMsKgLQtQFodYRIYowAWoYA8IKFoTFDC4OCJdhdS/Cmyyj6YHO7kXKsUj5GCl3I+V5pJIAqXxAKjVGRjkJAFkcLtbCIm3jAAAAAElFTkSuQmCC);
    background-size: 10px
}

.my_order .my_order_entrances .dot {
    top: 8px;
    left: 50%;
    margin-left: 5px
}

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

.my_assets .my_assets_entrances {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 16px 0 11px;
    text-align: center
}

.my_assets .my_assets_entrances.type_all {
    padding: 43px 0 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUdwTOk7Pe5AQOo7Puw8Puk7Peo7Peo8Pek7PS5WkxQAAAAIdFJOUwDlFUo+nHWI8vFAdgAAAF9JREFUKM9jYKAXMOzAAMIMEpiCjQwdWMBgEgzWwBQUYeDAFHTAItjKwFCkhi7YzMDewFCBJtjEwNjAoIEm2IBNsAWkPQPToiQ1opyE3fEdIRyDLuRhgliTDdYERi8AAI46Ksxu2OntAAAAAElFTkSuQmCC) no-repeat center 14px;
    background-size: 20px
}

.my_assets .my_assets_entrances.type_all .my_assets_entrances_title {
    margin: 0
}

.my_assets .my_assets_entrances.type_all::before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: -5px;
    width: 10px;
    height: 72px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAACQBAMAAAD6hlbwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURaqqqkdwTOvr693d3UpKSv////////39/eTk5Pv7+/Ly8vj4+P///yWSNZ4AAAAMdFJOUxEADQ8T48OiH4FAYErKz9kAAACgSURBVDjLY1BSNmBgEAQBhjMgMFKZoSAAYaaBAIRZDgIQ5kwQgDB3gwCEuQoEIMwOEIAwlZQZYIGKFL7UEDUgzwTKFQw697I4IhS4IERdHBGiIDZU1MUFIQoUhou6IERdHMFMsKgLQtQFodYRIYowAWoYA8IKFoTFDC4OCJdhdS/Cmyyj6YHO7kXKsUj5GCl3I+V5pJIAqXxAKjVGRjkJAFkcLtbCIm3jAAAAAElFTkSuQmCC);
    background-size: 10px
}

.my_assets .my_assets_entrances .dot {
    margin-left: 6px;
    top: 12px
}

.my_assets .my_assets_entrances .dot.booking {
    margin-left: 2px;
    top: 6px
}

.my_assets .my_assets_entrances_detail {
    margin-bottom: 8px;
    line-height: 18px;
    font-size: 10px;
    color: #e93b3d
}

.my_assets .my_assets_entrances_detail_num {
    font-size: 16px
}

.my_assets .my_assets_entrances_title {
    font-size: 12px;
    color: #666
}
.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
}


/**top*/

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

.floor a {
    text-decoration: none
}



.bdr-top {
    position: relative
}

.bdr-top:before {
    height: 1PX;
    content: '';
    width: 100%;
    border-bottom: 1PX solid #f0f0f0;
    position: absolute;
    top: -1PX;
    right: 0;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    z-index: 10
}

.bdr-top:after {
    height: 1PX;
    content: '';
    width: 100%;
    border-top: 1PX solid #f0f0f0;
    position: absolute;
    bottom: -1PX;
    right: 0;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    z-index: 10
}


.floor-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 0
}

.floor-container img {
    width: 100%;
    height: auto;
    overflow: hidden
}

.floor-container .activity-container {
    padding: 4PX 8PX
}


.bottom-bar-activity .bar-img {
    position: fixed;
    display: inline-block;
    margin-left: -32PX;
    bottom: 0;
    height: auto;
    width: 65PX;
    left: 50%;
    z-index: 33
}

.bottom-bar-activity .bar-img img {
    width: 100%;
    height: auto
}


.bottom-bar-pannel {
    position: fixed;
    height: 50PX;
    z-index: 31;
    bottom: 0;
    left: 0
}

.bottom-bar-pannel .floor-container {
    overflow-x: hidden;
    background-color: #fff;
    box-shadow: 0 0 10PX 0 rgba(155, 143, 143, 0.6);
    -webkit-box-shadow: 0 0 10PX 0 rgba(155, 143, 143, 0.6);
    -moz-box-shadow: 0 0 10PX 0 rgba(155, 143, 143, 0.6)
}

.bottom-bar-pannel .bdr-top {
    width: 100%
}

.bottom-bar-pannel .tab4, .bottom-bar-pannel .tab5 {
    height: 100%;
    position: relative;
    background-color: #fff
}

.bottom-bar-pannel .tab4 li {
    text-align: center;
    width: 25%;
    float: left;
    height: 100%
}

.bottom-bar-pannel .tab5 li {
    text-align: center;
    width: 20%;
    float: left;
    height: 100%
}

.bottom-bar-pannel .bar-img {
    display: inline-block;
    width: 65PX;
    height: 100%;
    position: relative;
    z-index: 20
}

.bottom-bar-pannel .bar-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    overflow: hidden
}

.bottom-bar-pannel .cart-num {
    background-color: #f23030;
    padding: 0 3PX;
    text-align: center;
    border: solid 1PX #fff;
    color: #fff;
    -webkit-border-radius: 12PX;
    border-radius: 12PX;
    height: 12PX;
    line-height: 10PX;
    font-size: 8PX;
    left: 35PX;
    top: 5PX;
    position: absolute;
    font-weight: bold
}

.bottom-bar-pannel .floor-container {
    overflow: visible
}

.bottom-bar-pannel .wait-Pay {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAmCAYAAABqDa0qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjg0M0FGQzk4NDNDMTFFNzlEQTg4NDVEMTNCRUQ5RTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjg0M0FGQ0E4NDNDMTFFNzlEQTg4NDVEMTNCRUQ5RTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODQzQUZDNzg0M0MxMUU3OURBODg0NUQxM0JFRDlFOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODQzQUZDODg0M0MxMUU3OURBODg0NUQxM0JFRDlFOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqebqFAAAAheSURBVHja7Fp5bBRlFH8z3aMQDTSg4RAoLUf8B6UURKCcRg5NhAIKigEUyiFSEDRQhBCQYhQIh0gpCoh4IqUSlEOBcB8CGoLRcpSGywuCCNLtdnfG9/t2Zzs7uzM73WJiqS952dmZb2e+7/e993vHrKSqKtkUmfUJ1gzWzqwtWJNYnVQ9pZz1OutZ1gOs+1m3sCp2fizZAK4V63TWEVQzZC3rfNbTVQEuj3WMOOJxyvFjpOzZQ74Tx0ktOU/qn7xhXm/1hMflIqluEknJzcnRNo3k7t1JbpfOiEjaiJWsYysLXAPWNax9SFHIX1hI5StXkFJ89q42NTmlBTnHjKOE/v35C5iJtrGOZP3VDnBwzULWB9XLl8k7KZv8PxynmiQJD7cj1+IlJDVujK8/smYaXdcIXDPWnaypyndHqWziBFKv/kE1UaT695F72XKS09vjazFrL9YSfaTUy2oB2sED5BnxvCVoco/HSG7T1nzX+g8UYyojzpcnxXYnfibubctyMAeTOcaaG9buGT6MlAMItpTC+r4xxdCTYU+1pITKJoyPSfquKVMpcWOB6QTcby8QY+yKY8SL5JyYTa7ct6zHDRkq7m1HMA7jo4GWmL8q5rOAAbAAJsAmiFFgHjpey0Ig8L46ldSbf1lbRs4sklu3Jj9HV2X3tyQ1eoDkDo9EDqxdO8I6lKNHSL1yKdI6+vYVn75vdsRH7GxZUUFq0yYMIN+nn5DcrJk49vNcYol666bAxP3Z5wgYWXxqEWuRBtx0cSOOnrECAXbLMWQIqaWl5J0ccC2AFs0K5CZNIs6X8ST8hZci3S+tHSkXL4qNiIuTUlLIMXhw5Bx4g6GaACy5VevQ/MjGxgIT/6ZNlDBQjJ2GSAvgEkRyy0ECKUcs0NxLlpJUq5YAQHuAWlxMvg0bwl2KF6Feu0b+XbvCd7C4ONL9Jk8OTHBTQdxk7i/cSLdZwwz+zHkxL2/Oa+EeM2p04JOpwSjRNlaUGfl5lJCZiTwPhcAoANdPII3k1iJP04NWvnSJmKhrzTpST5yg8mWLyXvy+0jgrl6NmHRUF+uSEZgc3weubYfDAIomt1s2DwUXqWEjU1dVf7lCvo1fCAsU1n34cIXFpqYIqzcTYAOMglG2nyNYe4qKwDJCPdopsDgGTVsgFuwLRq/oq6sd9ZpfZxmu3PnhFnnjBilFRRZpQn2S6tWLOiahd58wtzS6qv43sG7/qVOB80wP7qXvhlzVFDzGKAhcBvI4xNvOZcOeJf+RQ5aWQZhwMBgkFhSKBXgGZoroWhkJWQgHGefIkRHnLaM5Ww+s2c7YaFLr8DGxoZ4+j5M7/z1xzvNkH0rctZckPl/aMd3ceDp2IveHH+FwPyyupUDzfLHlAxWdKzrn5QrQwB84D16odBRk1wdo4EH19u0AURuuxxMoErdsM+fB7dtC89YHABgFnu/bv88ag+JzoerKEWwNBQp2m0mqxkkaf/kNpGxMQsFZRpJ2DsgUkbls+rSIfA/PAHH7t27l6mV85TbE4Kp6gWWpN2+Sf8f2iIgsNpD52jI1qcAoyVGpzN7gWnr3MZWGDcJIGgQNjvTt2knymdMBqzIABwJPYGCR2wFEjK8sDZiJb21FASA1bUrqhQti40stNj9qIh5s5t2PFov6+2/WmT2DhmikMqlqCasWQe1YgohmTNAAApP1m+0su5F37hwRxR2jswSJx3JbuLadSgXuqm0EMgSJ5wTOjpaURwSmukna4XWUXGfEg5unWD+QzRuVAoKIeutWxC6Xdssg77w3xLFeNf6Dq+I73MWOACjfqnyxONfMWfFVEwCFo7AZhYQ2fuAgm22nVO3wNIA7GGiltLX2b96RsmcGme4Moqxrxuu2CnXbvW1YJm8WiDtWUQ6gsSnKyZPCqrQNQgLuP3iQ1L9viXOatTl69gqsi3kWtGCv3RTC6JAc7LWLDmhVBCSPSYDU7XYvbIE3bx55skbbirAimWbaMCbBxLU3klttU0VtzetFQIBVY2NsdWa6ddMO9wG4r8TJdumiAxqvYGFl2RMFeK45c8Xk7oQg3bGblmilGwp5o+UCJMdzwwLBbFqOoABYY+gac6nVnIGNXFFZfA3gwNFr0Wt3Zo2t2iJ5gd5ZM6l80cKQS0t1697ZBmNqiilniUqGczHFUP4JMDdvFiUgMgMENgQ5LT0qz1shgNQS4qgZBbAJtNPXAjOtH/emePiAAZTwUFqVFoZoie4DJigi8StTqvYegN0PaQwUZZFZPYlSDXzoW7dOgIg6OszqcucI7hNJNzo7HLX1KQoARzAx/k7ggu4NY6PHSsvjUMTlo9/k4mTVk/mU6EPFv9g2YYkoJmp0H7uCTqwx3YlWpwqqYMVmIUiFzp8uquA/dkeRdDOlGN2/fEYOyes/JrlZclh6It1zL7kWLNSsLT+IVcQ7B/SAeih795Jn3GjTLjAmgWzbrGLQrsdqXupzMKlOHdP76YONaAJYcJ6+qWoci+eoRT+bzkXjuNB1l4sSV6wiuWtXfNsd7AJTNOCSgwOSAV5Z9oQqWV51Fliae8k7Gmjonfcgi5c1uNAbn/hBYsGXwr9rmmDNWLsOtN560KJZnN7yVguUtRfSectjdlCqu6B6co59Sf9CGt73ghE0K+A0qfgLBAOocNTyDH367kBJ+wtE02RypKUx//UI5GlyyAnj+guEXvAGLId1uN1mY6Bj3Jmz8Ykkt+9Q3SD9gDWXqvinm7DMwA5w1Qgw7W9e54L1OrqYW4IFga220p0h1EjAfmJFT302g+37r6Knf+lT2X5cjQSsquL4H7B/Hzi0n7rUdMDiAQ4vXru4162v0YDFA5xWOWcEI9BsNBbifb9Z3eUfAQYA8YrSlGP3SWoAAAAASUVORK5CYII=") no-repeat;
    background-size: contain;
    width: 39PX;
    height: 19PX;
    left: 29PX;
    top: -3PX;
    position: absolute
}

@media screen and (min-width: 410PX) {
    .botRecommend {
        bottom: 57PX
    }

    .bottom-bar-pannel {
        height: 54PX
    }

    .bottom-bar-pannel .bar-img {
        width: 70PX
    }

    .bottom-bar-pannel .cart-num {
        left: 38PX
    }

    .bottom-bar-pannel .cart-money {
        width: 32PX;
        height: 20PX;
        left: 38PX
    }

    .bottom-bar-pannel .wait-Pay {
        width: 41PX;
        height: 20PX;
        left: 31PX
    }

    .bottom-bar-activity .bar-img {
        width: 70PX;
        margin-left: -35PX
    }
}


@media screen and (max-width: 350PX) {
    .botRecommend {
        bottom: 43PX
    }

    .bottom-bar-pannel {
        height: 40PX
    }

    .bottom-bar-pannel .bar-img {
        width: 52PX
    }

    .bottom-bar-pannel .cart-num {
        left: 28PX
    }

    .bottom-bar-pannel .cart-money {
        width: 25PX;
        height: 16PX;
        left: 28PX
    }

    .bottom-bar-pannel .wait-Pay {
        width: 33PX;
        height: 16PX;
        left: 23PX
    }

    .bottom-bar-activity .bar-img {
        width: 52PX;
        margin-left: -26PX
    }
}





.order-numbers {
    display: inline-block;
    position: absolute;
    top: 5px;
    background-color: #f23030;
    line-height: 10px;
    font-style: normal;
    border-radius: 8px;
    padding: 0 4px;
    font-size: 8px;
    color: #fff;
    right: 10px;
    border: 1px solid #fff
}