* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box
}

html {
    background: #fffbe4;
    height: 100%
}

body {
    font-family: "Microsoft Yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    background: #f6f0f0 !important;
    overflow-x: hidden;
    max-width: 640px;
    margin: 0 auto;
    -webkit-tap-highlight-color: transparent
}

ul li {
    list-style: none
}

img {
    border: none
}

a {
    color: #333;
    text-decoration: none
}

a:active {
    -webkit-tap-highlight-color: transparent
}

em, i {
    font-style: normal
}

.clearfix {
    zoom: 1
}

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

input, textarea, button {
    resize: none;
    outline: none;
    border: 0 none;
    font-family: "Microsoft Yahei";
    margin: 0
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc
}

.zspj-input input::-webkit-input-placeholder, .zspj-input textarea::-webkit-input-placeholder {
    color: #ccc
}

.flexstyle {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.hide {
    display: none
}

.bediv:before {
    display: block;
    content: '';
    float: left
}

.tran {
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.contents {
    background: #f2f2f2
}

.inslider {
    position: relative
}

.inslider li {
    width: 100%
}

.inslider li a {
    display: block
}

.inslider li img {
    display: block;
    width: 100%;
    height: 3rem
}

.inslider .bd {
    height: 3rem;
    overflow: hidden
}

.inslider .hd {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.14rem;
    line-height: 0.12rem
}

.inslider .hd li {
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 20px;
    background-color: #fff;
    opacity: .4;
    filter: alpha(opacity=40);
    margin: 0 0.1rem;
    text-indent: -9999px;
    vertical-align: middle
}

.inslider .hd li.on {
    width: 0.16rem;
    height: 0.16rem;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: -0.02rem
}


.footer {
    background: #ee4d4d;
    padding: 0.4rem 0
}

.footer p {
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.45rem;
    text-align: center
}

.footer a {
    color: #fff
}

.indexmenu {
    background-color: #fff;
    padding-bottom: 0.75rem
}

.indexmenu li {
    float: left;
    width: 25%;
    margin-top: 0.28rem
}

.indexmenu img {
    display: block;
    margin: 0 auto;
    width: 0.96rem;
    height: 0.96rem
}

.indexmenu em {
    display: block;
    text-align: center;
    font-size: 0.24rem;
    color: #333;
    margin-top: 0.15rem
}

.toutiao {
    background-color: #fff;
    border-radius: 100px;
    margin: 0 0.3rem;
    height: 0.8rem;
    box-shadow: 0 0.05rem 0.1rem 0 rgba(216, 197, 172, 0.46);
    margin-top: -0.4rem
}

.toutiao_sha {
    border-radius: 100px;
    box-shadow: 0 -0.03rem 0.04rem 0 rgba(216, 197, 172, 0.15)
}


.ttnews {
    float: right;
    width: 4.7rem;
    margin-right: 0.4rem;
    height: 0.8rem;
    overflow: hidden
}

.ttnews li {
    width: 100%;
    float: left;
    line-height: 0.8rem;
    height: 0.8rem;
    overflow: hidden;
    text-align: right
}

.ttnews a {
    font-size: 0.26rem;
    color: #666;
    display: inline-block;
    height: 0.8rem;
    overflow: hidden
}


.whitbox {
    background-color: #fff;
    margin-top: 0.2rem
}

.maintit {
    text-align: center
}

.maintit span {
    display: inline-block;
    font-size: 0.36rem;
    color: #333;
    font-weight: bold;
    letter-spacing: 0.03rem;
    line-height: 0.94rem
}

.maintit span:after {
    margin-right: 0;
    margin-left: 0.2rem;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.smjlist {
    overflow: hidden
}

.smjlist li {
    float: left;
    width: 50%;
    position: relative;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    margin-left: -1px;
    overflow: hidden
}

.smjlist a {
    display: block
}

.smjlist .ptit {
    font-size: 0.3rem;
    color: #000;
    padding: 0.5rem 0 0 0.3rem;
    letter-spacing: 0.02rem
}

.smjlist .ptxt {
    padding-left: 0.3rem;
    font-size: 0.24rem;
    color: #888;
    margin-top: 0.08rem;
    padding-bottom: 0.45rem;
    letter-spacing: 0.01rem
}

.smjlist .pimg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1.68rem;
    text-align: center;
    line-height: 1.74rem
}

.smjlist .pimg img {
    display: inline-block;
    vertical-align: middle;
    height: 1.04rem
}

.xlcslist {
    text-align: center;
    font-size: 0;
    padding: 0 0.2rem 0.2rem;
    overflow: hidden
}

.xlcslist .item {
    width: 50%;
    float: left;
    margin-bottom: 0.2rem
}

.xlcslist .link {
    display: inline-block;
    vertical-align: top;
    width: 3.35rem;
    height: 1.57rem;
    text-align: left;
    position: relative
}

.xlcslist .con {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0.24rem
}

.xlcslist .tit {
    font-size: 0.3rem;
    color: #222;
    margin-bottom: 0.06rem
}

.xlcslist .txt {
    font-size: 0.24rem;
    color: #444;
    line-height: 0.32rem;
    padding-right: 0.94rem
}

.xlcslist .img {
    display: block;
    width: 3.35rem;
    height: 1.57rem;
    border-radius: 0.2rem
}

.nxlcslist .link, .nxlcslist .img {
    height: 1.19rem
}

.sorttit {
    padding-top: 0.28rem
}

.sorttit ul {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.sorttit li {
    display: inline-block;
    margin-right: 0.4rem;
    font-size: 0.3rem;
    color: #666;
    cursor: pointer;
    line-height: 0.5rem;
    position: relative
}

.sorttit li:nth-child(1) {
    margin-left: 0.3rem
}

.sorttit li.on {
    color: #ee4d4d
}

.sorttit li.on:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0.5rem;
    height: 0.04rem;
    background-color: #ee4d4d;
    margin-left: -0.25rem
}

.sortlist {
    padding: 0 0.3rem
}

.sortlist li {
    width: 100%;
    float: left;
    padding: 0.3rem 0
}

.sortlist li + li {
    border-top: 1px solid #ebebeb
}

.sortlist .pimg img {
    display: block;
    width: 100%;
    height: 2.3rem;
    border-radius: 0.1rem
}

.sortlist .ptxt {
    line-height: 0.65rem;
    font-size: 0.3rem;
    color: #222
}

.sortlist .pbot {
    margin-top: -0.05rem
}

.sortlist .pbot span {
    display: inline-block;
    font-size: 0.24rem;
    color: #999;
    line-height: 0.36rem
}

.sortlist .pbot span + span {
    margin-left: 0.4rem
}


.category-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    background: #f2f2f2
}

.category-head {
    height: 0.9rem;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 0 0.06rem rgba(221, 221, 221, 0.6);
    font-size: 0
}

.category-head .logo, .category-head .text {
    display: inline-block;
    vertical-align: top;
    height: 0.52rem;
    line-height: 0.52rem;
    margin-top: 0.19rem
}

.category-head .logo {
    width: 0.52rem;
    margin-left: 0.3rem;
    margin-right: 0.2rem
}

.category-head .text {
    font-size: 0.32rem;
    color: #666
}

.category-head .follow {
    display: inline-block;
    vertical-align: top;
    width: 1.32rem;
    line-height: 0.48rem;
    text-align: center;
    color: #ef5252;
    border: 1px solid #ee4d4d;
    border-radius: 0.06rem;
    font-size: 0.28rem;
    margin: 0.19rem 0 0 0.4rem
}

.category-head + .category-body {
    padding-top: 0.9rem
}

.category-body {
    height: 100%
}

.category-sidebar {
    width: 24%;
    height: 100%;
    background: #fff;
    float: left;
    box-shadow: 0 0.02rem 0.06rem rgba(221, 221, 221, 0.6);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.category-sidebar .list {
    padding: 0.2rem 0
}

.category-sidebar .item {
    display: block;
    height: 0.88rem;
    line-height: 0.88rem;
    padding: 0 0.28rem;
    font-size: 0.28rem;
    color: #888;
    white-space: nowrap
}

.category-sidebar .item.on {
    background-image: linear-gradient(90deg, rgba(247, 171, 168, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
    border-left: 0.04rem solid #ee4d4d;
    color: #333
}

.category-content {
    width: 76%;
    height: 100%;
    float: right;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.category-content-head {
    padding: 0.2rem;
    text-align: right
}

.category-content-head .title {
    display: inline-block;
    font-size: 0.26rem;
    color: #666
}

.category-content-list {
    padding: 0.2rem .2rem 1rem .2rem;
}

.category-content-list .item {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 0.2rem;
    box-shadow: 0 0 0.08rem rgba(221, 221, 221, 0.6);
    border-radius: 0.2rem;
    margin-bottom: 0.2rem
}

.category-content-list .pic {
    width: 1.7rem;
    height: 1.8rem;
    border-radius: 0.08rem;
    float: left;
    margin-right: 0.2rem
}

.category-content-list .con {
    overflow: hidden
}

.category-content-list .title {
    font-size: 0.3rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 0.1rem
}

.category-content-list .text {
    font-size: 0.24rem;
    color: #999;
    line-height: 0.36rem;
    height: 0.72rem;
    overflow: hidden;
    margin-bottom: 0.24rem;
    text-align: justify
}

.category-content-list .info {
    white-space: nowrap;
    overflow: hidden;
    line-height: 0.36rem
}

.category-content-list .price {
    font-size: 0.26rem;
    font-weight: bold;
    color: #ff1515;
    float: left
}

.category-content-list .cost-price {
    font-size: 0.2rem;
    color: #bbb;
    text-decoration: line-through
}

.category-content-list .hit {
    font-size: 0.22rem;
    color: #bbb;
    float: right
}

.ui-select {
    display: inline-block;
    width: 2rem;
    text-align: left;
    position: relative
}

.ui-select.open .select-hd {
    background: #fff
}

.ui-select.open .select-hd:after {
    -webkit-transform: rotate(180deg)
}

.ui-select.open .select-bd {
    visibility: visible;
    opacity: 1
}

.ui-select .select-hd {
    position: relative;
    height: 0.68rem;
    line-height: 0.68rem;
    padding-left: 0.2rem;
    padding-right: 0.4rem;
    font-size: 0.26rem;
    background: #f7f7f7;
    color: #666;
    border-radius: 0.1rem;
    border: solid 1px #dcdcdc
}

.ui-select .select-hd:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.16rem;
    width: 0.18rem;
    height: 0.11rem;
    margin-top: -0.06rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALBAMAAACAOcA3AAAAJ1BMVEUAAADba2vba2vba2vba2vba2vba2vba2vba2vba2vba2vba2vba2tGTbC/AAAADHRSTlMARPptXlZCn2NPDkXoTSQ2AAAASklEQVQI12NYJggBWQw1ZyDgOMMmKEuNgVMHzDg0gYEhCMxSZWBgYNUBCQUwAIEPkKXCAAIcQFYDAxjYnDnMAAHMZwwYoMAFRAAA8kolNgOQIfQAAAAASUVORK5CYII=') no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.4s
}

.ui-select .select-bd {
    position: absolute;
    top: 100%;
    z-index: 10;
    width: 100%;
    margin-top: 0.02rem;
    font-size: 0.24rem;
    background: #fff;
    color: #888;
    border-radius: 0.1rem;
    border: solid 1px #dcdcdc;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s
}

.ui-select .select-bd li {
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0.08rem 0.18rem
}

.ui-select .select-bd li + li {
    border-top: 1px solid #dcdcdc
}

.ui-select .select-bd a {
    display: block;
    color: #888;
    padding: 0 0.28rem;
    margin: 0 -0.18rem
}

.follow-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 101;
    width: 100%;
    max-width: 750px;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s
}

.follow-popup.open {
    visibility: visible;
    opacity: 1
}

.follow-model {
    width: 3.8rem;
    height: 4.84rem;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0.2rem
}

.follow-model .pic {
    display: block;
    width: 2.98rem;
    height: 2.98rem;
    margin: 0.3rem auto 0
}

.follow-model .btn {
    width: 2.6rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    background: #f94f4f;
    color: #fff;
    font-size: 0.24rem;
    border-radius: 0.05rem;
    margin: 0 auto
}

.follow-model .txt {
    text-align: center;
    line-height: 0.36rem;
    font-size: 0.26rem;
    color: #333;
    margin-top: 0.12rem
}

.follow-model .red {
    color: #f94f4f
}


.layui-layer-hui .layui-layer-content {
    background-color: rgba(0, 0, 0, 0.6)
}

/*# sourceMappingURL=newindex.css.map */