a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: none
    }

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

a {
    color: #7e8c8d;
    text-decoration: none;
    -webkit-backface-visibility: hidden
}

li {
    list-style: none
}

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

::-webkit-scrollbar-track-piece {
    background-color: rgba(0,0,0,.2);
    -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125,125,125,.7);
    -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125,125,125,.7);
    -webkit-border-radius: 6px
}

body, html {
    width: 100%;
    font-family: PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

body {
    font-size: 14px
}

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

@media screen and (min-width:414px) and (max-width:639px) {
    html {
        font-size: 65px
    }
}

@media screen and (min-width:375px) and (max-width:413px) {
    html {
        font-size: 58px
    }
}

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

body {
    font-size: .14rem
}

.controler {
    width: 6.4rem;
    margin: 0 auto
}

header {
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 1
}

    header .header-top {
        width: 100%;
        height: .76rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #dcdcdc
    }

        header .header-top .left-menu {
            width: .76rem;
            height: 100%
        }

            header .header-top .left-menu .back-icon {
                display: block;
                margin: 0 auto;
                width: .18rem;
                height: 100%;
                background-image: url(data:image/png;base64,R0lGODlhFQAkANUAADMzM4SEhEBAQMLCwmZmZqenp9/f35WVlVVVVXZ2dtPT07e3t+np6ZGRkUlJSaGhoVtbW8zMzLGxsW9vbzY2NoGBgdvb242NjU9PT7m5ufHx8aysrGBgYJycnOPj42pqatjY2EZGRr6+vqWlpXJyckRERExMTJmZmXt7e+3t7V5eXtDQ0LS0tFJSUjk5OeHh4VZWVpOTk8XFxevr68/Pz7Ozs93d3bu7u6+vr2JiYuXl5WxsbP///wAAAAAAAAAAACH5BAEHADwALAAAAAAVACQAAAaoQJ5wSCwSLwujkjgzAQDLpaH0pESNNMrT4bkSB08ATOMdLsKc8rATTqiFjXDgzauEY/RJuEAnhJNvLWEibwYOTy4KbyBaAAJdajRhGAxvLGh0I2E7dA9hB3Q8F2ESoTwBYQ2mcU8VphthH6YZYRCmYE8IKaEWLk8lBqEvIVWKdBowYTemOWE1piRhI6YoYSemB2GuoZ5PJKY4YQSmMmEIpithpjwWAQVBADs=);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat
            }

        header .header-top .center-info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: .1rem 0
        }

            header .header-top .center-info .search {
                height: 100%;
                border-radius: .28rem;
                background-color: #edeff3;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 0 .18rem
            }

                header .header-top .center-info .search input {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    height: 100%;
                    outline: 0;
                    background: 0 0;
                    font-size: .24rem;
                    padding: 0 .15rem;
                    vertical-align: bottom
                }

                header .header-top .center-info .search .clear-search {
                    display: none;
                    width: .32rem;
                    height: 100%;
                    background-image: url(data:image/png;base64,R0lGODlhIAAgANUAAJmZmZ2dndPT07W1tefn58XFxaOjo+Dg4PHx8bOzs7u7u8zMzNnZ2ampqevr6/X19d7e3sHBwePj45+fn+/v79HR0aenp6urq7m5ucnJyb+/v/f396GhoeXl5fPz87e3t8/Pz9XV1aWlpcfHx62trenp6e3t7d/f3/n5+cPDw////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACoALAAAAAAgACAAAAb/QJVwSFRJCphGIND4FA7FqFS1AVkA2KyWM/JMpYKJdkzOfIkfsnpM8k4f17UcG3BMRfM8IPCIDvR6FkUCgIARRIWFCEIgag0LcxkJagpCYmQgKh1rDJprDxJrExIqB2QCKgh4agIFc6QEWp0UAXIfaXMEpVgVqbVyFw16UAy9tHkGv3mdnnpLgL0qJ4ABcXO9BCe7yH9zs1hQoXMNEXOoCMqkpnID62qzyliwcgsqa/XoarrTaouuZAkgcJDDQIOaBEI2JAJkR0iGhXMGFBEGkUyAKA8qkmlYxMEljRC+PKC4cEKJM0JSLFTQB6UQBwbzYNDlsggCAQpIJAtg4AIGBRAUzgQBADs=);
                    background-position: center;
                    background-size: contain;
                    background-repeat: no-repeat
                }

                header .header-top .center-info .search .icon-search {
                    display: block;
                    margin: 0 auto;
                    width: .28rem;
                    height: 100%;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAqCAYAAAAnH9IiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0NBODMyRkM4QzlBMTFFN0I1NDU5QkQzMzQwQjk3NjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0NBODMyRkQ4QzlBMTFFN0I1NDU5QkQzMzQwQjk3NjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQ0E4MzJGQThDOUExMUU3QjU0NTlCRDMzNDBCOTc2OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQ0E4MzJGQjhDOUExMUU3QjU0NTlCRDMzNDBCOTc2OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlkCankAAAQBSURBVHjazJlnaBRREMffxWBBsRGwoheigg2j2Bu2iI0EEROxgUZP8YMFFVGDXRHsYMS7gGLsscZYY0RsEbvYPigxEogYAxETG5Go/+HeyWPyNrd7bTPwY/Nm9+7+eTv73sysw+12iwCsKRgh6QliQUvgUK75Aj6C5yAfXAMF/ItcLpflH4+2eH1vMBekgCZ+rm0m6QqmSV8e8IBTIgiLMnldO3AIPKLJMSHYyEaBLPk9YwMV7TARHiRyD6ivOfcHPAZvwHvwGfwFjYETdAJ9ZDjpLAPMR4j8CaVojwwHbg9BJsgBRX5+g/6BYTJEkjXnX4IJEF4UivC4qBH8GkwC/UC6CcFk5eCCfA66y/BQjXzPPR5Px2BFZ4PxzLcddANng3iGXknxk8EP9tA+hvBWgYreCRKZbypYLkJnp+WqUsDC6E4goseAJcw3DhwXobcPIB4UKr44zHamFdF1wAl2PhVcEeGzb2AAqFR8MyB8iFnRG9j6ewwcEGE2rBolOExk7kwzohuBlYq/AswUETIIv4zDecXlxGwn+RM9l+UNaaBKRNZ4EpLmT3Qqi7N0EWnFLlepXFX+5zmY7Q5Gop1y+fHZERtm2Wd72TjJSPQI5jtnk2Ca7Vs4lCmuIUai45Xxb5mB2Wn32BavFR2njN/K5N1Oe6mmxIjrGJ3o5sq4WNhvxaxIaaET3ZBlZHZbBRs30In+y7Zyu83BxlU60RWsYLXbmmny8WqiS9TtsxaIdrKN7pNO9DtlTK2AtjaL7qn8XYi1+7tONF+XB9ulFssbFc/9FdcTo3X6JvNNsXGWaduup4zzjESXMeH0wRibRC9iq0ZOTVnePuZfb0No9JZVjM/OIJ7LaxJNKWGp4l8A2kdY90E23mim3FqqaSNEapZXy/aEzy5hll+ZEX0YvFDGPSJRDEBwAg6bWCynWmkh8KSbwmRdGDVTDOcyX7Isdk2Lpl7EdOZbC3aHQTC11/I1/tFWmzVkRzVFJS1Fd0GXEIitC3axelC1eQiZbKuiyTaDNcw3SHgbkFtBmwAFz5GFxmI/mVwihOdaFe1bcmZr/CuEt5VFD26Kn1yF+nMjwQ7h7V9naJbSLbJ6esH8CRCu3RHNNNVpFdnPcgI+SwUy8aKsrFKmuNQBpfat0VsDasAvxEN3Usk7Hmrqwhu4ZpRV0f9jTc5ybJAx/VPuwHQnv6oviqRwKmx7sc/cpq4Brq3yFx7c3PI2zgJXZeVuxZ6CVfI7lpFgTQvhl/C+7rjPTg0lH/6pOlZnmltrmcb2lbMfK1cGX8hQgUpvCp6BB8L7ak7X6zDadPJZLiJkGj08OojbTO8Is0T11xGhatwM1Ainu7AtStRiI+E4XGfuzv8EGAB/Sfwvp2ohWAAAAABJRU5ErkJggg==);
                    background-position: center;
                    background-size: contain;
                    background-repeat: no-repeat
                }

        header .header-top .right-menu {
            width: .76rem;
            height: 100%
        }

            header .header-top .right-menu .menu-icon {
                margin: 0 auto;
                display: block;
                width: .42rem;
                height: 100%;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTctMDktMjVUMTA6MjE6MzUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE3LTA5LTI1VDEwOjIxOjQwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE3LTA5LTI1VDEwOjIxOjQwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0M0U4RDA5NkExOTgxMUU3QUM3NUFGN0U4QjFGMjA4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0M0U4RDA5N0ExOTgxMUU3QUM3NUFGN0U4QjFGMjA4QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzRThEMDk0QTE5ODExRTdBQzc1QUY3RThCMUYyMDhBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzRThEMDk1QTE5ODExRTdBQzc1QUY3RThCMUYyMDhBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6PKkHQAAAj5JREFUeNrsmcFKAzEQhrfWgw8gvXlQwZtIsSj4IGIVQT150IcRBW9FEAQ96jtYBEsRPQntRVAoPoAH6zqBFKYlu8luZzdL+//ww6bdzKRfm3STKYVhGEDRmgECAAIgAAIgAAIgAJpSzbrcVK1WJ/LDt9tt/IJ8TjHVt06+J/fIoaN7uk89Qf48cw2p5LIXM0yxJfIdeX3ML6hF3iZ3Y+7JLFdWU0wNuCkw4EDHaOqYvnOlX6RHgN6SK+y1V/IV+cMxxgL5gLyq2xUdc5P85ymXGKAdco21L8mn5H7COGfkC/Kxbtd07BtPucSm2D67fks54ED3OdExTLHzziUGiH+jjZQD5gNvsPaax1xigObZdVdg4eQxKh5zZfIc9CswaB6jXJBceJLGZhWAAAiAAAiAAEh6H2eL0S9IrrEAfY8cRYyrRXbd85hLDNAzuz5M8kRqkOp7xNovHnOJAbpm1+qM5TzlwMv6CGI1InbeuSKV9MhVAX0a2WkPDrHeyT+WUHPklWD4EGvwazEdmGWay+XINc2Z9DL5McmO2CK1HmyRO4b3Ms2V1Zl0RydpCQy4FQMn71yif/MqyQZ5l/xA/nT861T3fOk+ezpGp0C5RKbYxAiVVWw1ig0IpeeYNQilZ8uAUXqOAYrSc4xQerYIpWeLUHq2CKXnBELpGQIgAAIgAAIgAJpWQCg9G4TSs0UoPVuE0rNJKD27A1JC6dkilJ4dIaH0HDHFJkZiaxCepCEAAiAAAiAAAiAAmj79CzAAslxdNtnCqmYAAAAASUVORK5CYII=);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat
            }

            header .header-top .right-menu .menu-icon-more {
                width: .3rem;
                background-image: url(data:image/png;base64,R0lGODlhJgAiAOYAADAwMLa2tmZmZj8/P5WVldLS0llZWXJycqOjo4CAgEpKSurq6szMzDMzM62treHh4WJiYjg4OG5ubo+Pj1BQUHZ2dkJCQpmZmcDAwFxcXGxsbOzs7KCgoNzc3Hp6ekhISImJicbGxr+/v1VVVa+vr/Dw8KWlpefn5zY2NtfX12ZmZl5eXr29vXBwcH5+flpaWjo6OkZGRkxMTLq6urOzs6ioqJGRkZmZmWpqanh4eFZWVkBAQFJSUmBgYN3d3aGhoXx8fO3t7dPT0+Pj47Gxsaenp////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAEYALAAAAAAmACIAAAf/gEZGDwkUMIeIER8HIYKOj5CRjwUoAJaXmJY/kpycEQA8BBcEpKUXEpYFjgyiF66vsK8EKSYAFp2CAgAajh+Zv5kGOQAruEYXAAqOIBbNzs/QFgQtAAbGE8nGuAfV1wAy2p3c1rjY4OGS497n6JDq5d/tkdQZxjbZqwz6+/z9Ri4A6uEiEE8QDmAIAVQIAABGB1w6ALhwtCIhMAlGKABoIOGAhI8fWxzwBeCEoxMsRGBYybLlShEiShjZMMIigAiN5HGqUSGDgQxAX7yQcGGBzqNIkyqVRMKDAAE4ouIQcICDzKVGSmSwOYABpBNgw4oda9JITQAQ0qpNK8CCJaOChTxsbEC3rl27IGbcTIGrZgJHGm1i6gFQYCeC7Do4WMy4sWMHD+jZw4f0XSdzSi1zwpxUsyTOlbvBY3eUGrnLlIsAXc26NVAaFYgZQ/bBEQzBmGQgsGVMAwAcjkhoGE68uHENLIw0AKCDA4Ln0J/HBuBVKQPcF7Aa6eDhQwREhyJYwIEBayAAOw==)
            }

    header .orderby-menu {
        padding: 0 .18rem;
        height: .76rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        header .orderby-menu ol {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 100%
        }

        header .orderby-menu .filter-menu {
            position: relative;
            padding-left: .3rem;
            width: 1.27rem;
            text-align: center;
            line-height: .76rem;
            color: #1b1b1b
        }

            header .orderby-menu .filter-menu span {
                font-size: .25rem;
                position: relative
            }

            header .orderby-menu .filter-menu .icon {
                display: block;
                margin: -.11rem 0 0 0;
                position: absolute;
                right: -.27rem;
                top: 50%;
                width: .22rem;
                height: .23rem;
                background-image: url(data:image/png;base64,R0lGODlhFgAXANUAABoaGqurq3Z2dkJCQoODg1xcXNvb29fX1x4eHpGRkW5ublBQUHx8fCYmJsbGxuHh4ZmZmSoqKoiIiExMTFhYWFZWVkpKSjMzM2BgYIGBgY+Pj+bm5p6ennh4eEdHR4eHh15eXnBwcIWFhePj44uLi2NjY////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACYALAAAAAAWABcAAAaLQBNEIOgYj8hkMQACOJ/QqBRw2RgO2Kx2+3BEFACNaUwum8cFgAkDEJzf4wEggQaE4OYJ4FNeABh4Y3okZxR/eIYZcIZuZx5zgYlmfgSBYwhqZAcAJZZjDZljBpCeDQhlo4qlp2SpniamqACqlrGts69OsrSBEpW3vK+iuMK7xcbHY5t3ySYjExxnQQA7);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center
            }

            header .orderby-menu .filter-menu .border {
                display: block;
                height: .29rem;
                width: 1px;
                position: absolute;
                background-color: #b5b5b5;
                left: .3rem;
                top: .25rem
            }

        header .orderby-menu .item {
            float: left;
            position: relative;
            width: 25%;
            height: 100%;
            line-height: .76rem;
            text-align: center;
            color: #1b1b1b
        }

            header .orderby-menu .item span {
                font-size: .25rem;
                position: relative
            }

            header .orderby-menu .item .bar {
                display: none;
                position: absolute;
                bottom: 0;
                left: 0;
                margin: 0 25%;
                width: 50%;
                height: 2px;
                background: #ce3d3e
            }

            header .orderby-menu .item .icon-sanjiao {
                display: block;
                border-left: .1rem solid #8f9db9;
                border-right: .1rem solid transparent;
                border-top: .1rem solid transparent;
                border-bottom: .1rem solid transparent
            }

            header .orderby-menu .item .trangle {
                display: block;
                margin-top: -.02rem;
                position: absolute;
                right: -.2rem;
                width: .14rem;
                height: .2rem;
                top: 20%;
                background-image: url(data:image/png;base64,R0lGODlhDQAVAMQAAJmZmaOjo8TExOLi4r+/v9HR0fb29tzc3MzMzKWlpe7u7qurq+vr652dnfj4+MHBweHh4aenp8/Pz9PT0+/v78XFxff3962trf///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABgALAAAAAANABUAAAVLICaO0miaCPCc5gG8BYsxbz2cRq0zZqDXDYdo8dMFMMSiLkFoOp9OmXRKPT2gWEJCacRsuUeMo8E1jBRKngnyg8gmtZhUACBUEawQADs=);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat
            }

            header .orderby-menu .item .trangle-down {
                display: block;
                margin-top: -.02rem;
                position: absolute;
                right: -.2rem;
                width: .14rem;
                height: .1rem;
                top: 50%;
                background-image: url(data:image/png;base64,R0lGODlhDQAJAMQAAJmZmaKiosTExO7u7r+/v+Hh4dDQ0Pj4+MzMzJ2dnaWlpcHBwe/v79PT0/n5+aenp////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABAALAAAAAANAAkAAAUo4EKMZDkqQKquQAChrOpCRxKnB6QP96D/BVbhR2yoDMSkAEBIOhHOEAA7);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat
            }

            header .orderby-menu .item.curr {
                color: #ce3d3e
            }

                header .orderby-menu .item.curr .bar {
                    display: block
                }

    header .sub-nav {
        display: none
    }

        header .sub-nav ul {
            padding: .2rem .1rem;
            border-bottom: 1px solid #edeff3
        }

            header .sub-nav ul li {
                font-size: .25rem;
                color: #1b1b1b;
                height: .4rem;
                padding: .2rem .4rem;
                line-height: .4rem
            }

                header .sub-nav ul li.sub-curr {
                    color: #ce3d3e;
                    font-weight: 600
                }

.content {
    padding-top: 1.54rem
}

.goods-list .line-layout .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dcdcdc;
    padding: .17rem 0
}

    .goods-list .line-layout .item .view-photo {
        width: 2.04rem;
        height: 2.04rem
    }

        .goods-list .line-layout .item .view-photo a {
            display: block
        }

        .goods-list .line-layout .item .view-photo img {
            width: 100%;
            height: 100%
        }

    .goods-list .line-layout .item .view-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 .25rem
    }

        .goods-list .line-layout .item .view-text .title {
            padding-top: .08rem;
            height: 1.2rem;
            line-height: .4rem;
            overflow: hidden;
            font-size: .25rem
        }

            .goods-list .line-layout .item .view-text .title a {
                color: #1a1a1a
            }

        .goods-list .line-layout .item .view-text .price {
            color: #ce3d3e;
            font-size: .25rem
        }

        .goods-list .line-layout .item .view-text .view-text-bottom {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: .15rem;
            line-height: .27rem
        }

            .goods-list .line-layout .item .view-text .view-text-bottom .promote {
                overflow: hidden
            }

                .goods-list .line-layout .item .view-text .view-text-bottom .promote .item {
                    float: left;
                    margin-right: .1rem;
                    padding: 0 .06rem;
                    height: .27rem;
                    line-height: .27rem;
                    background: #ce3d3e;
                    color: #fff;
                    border-radius: 2px;
                    font-size: .2rem
                }

            .goods-list .line-layout .item .view-text .view-text-bottom .sell-info {
                color: #999;
                font-size: .2rem
            }

.goods-list .row-layout {
    padding-right: 5px;
    background: #edeff3
}

    .goods-list .row-layout .item {
        float: left;
        padding-bottom: .2rem;
        margin-right: 5px;
        margin-bottom: 5px;
        width: calc(50% - 5px);
        background: #fff;
        border-left: 5px solid #edeff3
    }

        .goods-list .row-layout .item:nth-child(2n) {
            border-left: none;
            border-right: 5px solid #edeff3
        }

        .goods-list .row-layout .item .view-photo {
            width: 100%;
            height: 3.06rem
        }

            .goods-list .row-layout .item .view-photo a {
                width: 100%;
                height: 100%;
                display: block
            }

            .goods-list .row-layout .item .view-photo img {
                width: 100%;
                height: 100%
            }

        .goods-list .row-layout .item .view-text {
            background: #fff;
            padding: 0 .25rem
        }

            .goods-list .row-layout .item .view-text .title {
                margin-top: .12rem;
                line-height: .4rem;
                height: .4rem;
                overflow: hidden
            }

                .goods-list .row-layout .item .view-text .title a {
                    font-size: .22rem;
                    color: #1a1a1a
                }

            .goods-list .row-layout .item .view-text .price {
                color: #ce3d3e;
                font-size: .22rem;
                line-height: .4rem;
                height: .4rem;
                overflow: hidden
            }

            .goods-list .row-layout .item .view-text .view-text-bottom {
                height: .3rem;
                margin-top: .05rem
            }

                .goods-list .row-layout .item .view-text .view-text-bottom .promote {
                    height: 100%;
                    float: left;
                    overflow: hidden
                }

                    .goods-list .row-layout .item .view-text .view-text-bottom .promote .item {
                        float: left;
                        margin-right: .1rem;
                        padding: 0 .1rem;
                        height: 100%;
                        line-height: .3rem;
                        background: #ce3d3e;
                        color: #fff;
                        border-radius: 2px;
                        font-size: .17rem;
                        width: auto;
                        border: none
                    }

                .goods-list .row-layout .item .view-text .view-text-bottom .sell-info {
                    height: 100%;
                    float: left;
                    color: #999;
                    font-size: .2rem;
                    line-height: .3rem
                }

        .goods-list .row-layout .item:nth-child(2n) {
            margin-right: -5px
        }

.goods-list .loader_more {
    width: 100%;
    background-color: #edeff3;
    text-align: center;
    padding: .3rem 0;
    color: #999;
    font-size: .16rem
}

.empty-ol {
    width: 100%;
    line-height: .4rem;
    font-size: .3rem;
    color: #a1a1a1;
    margin-top: .4rem;
    text-align: center
}

.icon-showdown {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background-image: url(data:image/png;base64,R0lGODlhGAAOANUAAJmZmbW1tdvb252dncnJyezs7Kurq8LCwuXl5dTU1KOjo/f396+vr9HR0ePj46mpqfPz8+vr67u7u8zMzLOzs5+fn8PDw9bW1rm5ud7e3q2traWlpbGxscXFxfn5+d3d3e/v7+fn59XV1aGhof///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACQALAAAAAAYAA4AAAZuwICGRCwaj8fLQwEwIJ9HBACwqAAoUChoeiBBBgBJ9vgNFwtTy5i4YDKOjilhbQA8noJpI8sAKBZQCVMCTxgAFRBjE1MORwdTEWskjwCRRARTCJJEhgCJDVMZm0UUABqgABejRnVTE6tHDAMdY0EAOw==);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.goods-screening .screening-close {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 102;
    background-color: rgba(0,0,0,.5)
}

.goods-screening .wp::-webkit-scrollbar {
    display: none
}

.goods-screening .screening-box {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 103;
    width: 5.6rem;
    height: 100%;
    background-color: #fff
}

    .goods-screening .screening-box .screening-scroll {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 100%
    }

        .goods-screening .screening-box .screening-scroll .screening-title {
            height: .6rem;
            background-color: #f7f7f7;
            text-align: center;
            line-height: .6rem;
            font-size: .24rem;
            color: #666
        }

        .goods-screening .screening-box .screening-scroll .screening-infor .screening-infor-t {
            margin: .3rem auto .24rem 0;
            color: #666;
            font-size: .24rem;
            position: relative
        }

            .goods-screening .screening-box .screening-scroll .screening-infor .screening-infor-t span {
                position: absolute;
                top: 0;
                right: 0
            }

        .goods-screening .screening-box .screening-scroll .screening-infor .input-price {
            padding: .3rem .3rem .24rem .3rem;
            border-bottom: 1px solid #e3e3e3
        }

            .goods-screening .screening-box .screening-scroll .screening-infor .input-price .input-price-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .goods-screening .screening-box .screening-scroll .screening-infor .input-price .input-price-box .line-hor {
                    display: inline-block;
                    height: .3rem;
                    width: .42rem;
                    border-bottom: 1px solid #999;
                    margin: 0 .15rem
                }

                .goods-screening .screening-box .screening-scroll .screening-infor .input-price .input-price-box input {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    width: 2.1rem;
                    height: .6rem;
                    background-color: #eef0f3;
                    color: #313131;
                    text-align: center;
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    font-size: .24rem
                }

        .goods-screening .screening-box .screening-scroll .screening-infor .select-box {
            padding: .3rem;
            padding-top: 0;
            margin-bottom: .82rem
        }

            .goods-screening .screening-box .screening-scroll .screening-infor .select-box div {
                border-bottom: 1px solid #eef0f3
            }

                .goods-screening .screening-box .screening-scroll .screening-infor .select-box div ul {
                    display: none;
                    padding-bottom: .3rem
                }

            .goods-screening .screening-box .screening-scroll .screening-infor .select-box .screening-item {
                float: left;
                width: 1.58rem;
                height: .7rem;
                background-color: #eef0f3;
                border-radius: 3px;
                margin-right: .13rem;
                margin-bottom: .13rem;
                text-align: center;
                color: #313131;
                line-height: .7rem;
                font-size: .24rem
            }

                .goods-screening .screening-box .screening-scroll .screening-infor .select-box .screening-item:nth-child(3n) {
                    margin-right: 0
                }

                .goods-screening .screening-box .screening-scroll .screening-infor .select-box .screening-item:nth-last-child(-n+3) {
                    margin-bottom: 0
                }

                .goods-screening .screening-box .screening-scroll .screening-infor .select-box .screening-item:hover {
                    background-color: #fbb9bb
                }

            .goods-screening .screening-box .screening-scroll .screening-infor .select-box .selected {
                background-color: #fbb9bb
            }

    .goods-screening .screening-box ._button {
        width: 5.6rem;
        height: .82rem;
        text-align: center;
        line-height: .82rem;
        position: absolute;
        z-index: 104;
        bottom: 0;
        right: 0
    }

        .goods-screening .screening-box ._button .reset-btn {
            float: left;
            width: 50%;
            height: 100%;
            background-color: #ededed;
            color: #000
        }

        .goods-screening .screening-box ._button .determine-btn {
            float: left;
            width: 50%;
            height: 100%;
            background-color: #cd3d3d;
            color: #fff
        }