html {
    -webkit-tap-highlight-color: transparent;
    min-width: 6.4rem;
    font-size: 312.5%;
    overflow-x: hidden;
    font-family: "PingFang SC";
}

@media screen and (min-width: 410px) {
    html {
        font-size: 345%;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 469%;
    }
}

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

@media (device-height: 480px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size: 260%;
    }
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size: 260%;
    }
}

@media (device-height: 736px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size: 345%;
    }

    .banner_contnt {
        height: 1.4rem;
    }
}

body {
    color: #333;
    font-size: .28em;
    line-height: 1.5;
    background: #f5f5f5;
    webkit-touch-callout: none;
    -webkit-user-select: none;
}

body, header, footer, section, div, span, p, img, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, i, b, u, del, menu, nav, fieldset, legend, article, aside, details, figcaption, hgroup, pre, code, from, blockquote, th, td, tr, hr, table, img, figure, button, input, textarea {
    margin: 0;
    padding: 0;
    webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
}

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

    img[src=""], img:not([src]) {
        opacity: 0;
        display: none;
    }

ul, ol, li {
    list-style: none;
}

a {
    text-decoration: none;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: middle;
}

.white {
    background: #fff;
}

::-webkit-scrollbar {
    display: none;
}


input[type=button], input[type=checkbox], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=time], input[type=email], input[type=file], input[type=image], input[type=number], input[type=password], input[type=range], input[type=reset], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=url], select, textarea {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: middle;
    outline: none;
}


.white {
    background: #fff;
}

.i_sort {
    content: "";
    background: url(imgs/i_sort.png) no-repeat;
    background-size: 100% auto;
    width: .14rem;
    height: .28rem;
    display: inline-block;
    vertical-align: -5%;
}

    .i_sort.up {
        background: url(imgs/i_sort_up.png) no-repeat;
        background-size: 100% auto;
    }

    .i_sort.dow {
        background: url(imgs/i_sort_dow.png) no-repeat;
        background-size: 100% auto;
    }

.i_loge_e {
    content: "";
    background: url(imgs/i_tebon_loge.png) no-repeat;
    background-size: 100% auto;
    width: .35rem;
    height: .35rem;
    display: inline-block;
    vertical-align: -30%;
}



.search_head {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #EDF0FD;
    display: inline-grid;
    padding: .2rem .35rem;
}

    .search_head input[type=search] {
        border-radius: .1rem;
        padding-top: .06rem;
        background: #fff;
        background-image: url(imgs/sousuo.png);
        background-repeat: no-repeat;
        background-size: .4rem;
        background-position-y: 50%;
        background-position-x: .3rem;
        font-size: .32rem;
        height: .8rem;
        line-height: .4rem;
        padding-top: .15rem;
        padding-left: .9rem;
        padding-right: 1rem;
        padding-bottom: .1rem;
        position: relative;
    }

        .search_head input[type=search]::-webkit-search-cancel-button {
            display:none;
            position: absolute;
            width: .4rem;
            height: .4rem;
            right: .3rem;
            top: .2rem;
            background: url(imgs/i_cancel.png) no-repeat;
            background-size: 100% auto;
            overflow: hidden;
            z-index: 99;
            opacity: .8;
        }

.no_data {
    text-align: center;
}

    .no_data:before {
        content: "";
        background: url(imgs/no_data.png) no-repeat;
        height: 2rem;
        width: 3rem;
        background-size: 100% auto;
        display: inline-block;
        margin: .2rem auto;
    }

    .no_data .no_data_tip {
        color: #C1CCF2;
        font-size: .32rem;
    }




.hide {
    display: none;
}

.show {
    opacity: 1;
    display: block;
    animation: show .5s;
    -webkit-animation: show .5s;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}