.bar-nav ~ .content {
    top: 3.8rem;
}
.content {
    padding: 0 .5rem;
    background-color: #fff;
}


.yhzqtab{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.yhzqtab .button{
    padding: 0;
}
.buttons-tab{
    padding: .2rem 0;
    border-bottom: none;
    border-bottom:1px solid #eee;
    overflow: hidden;
    overflow-x: scroll;
}
.buttons-tab::-webkit-scrollbar {/*隐藏滚轮*/
    display: none;
}
.buttons-tab .button{
    top: 0;
    padding: 0 1rem;
    font-size: .8rem;
    border: none;
    color: #282828;
    border-left: 1px solid #eee;
    height: 1.2rem;
    line-height: 1.2rem;
}
.buttons-tab .line{
    display: inline-block;
    padding: 0 .5px;
    margin-top: .6rem;
    height: .9rem;
    background-color: #eee;
}
.buttons-tab .button.active {
    color: #d50000;
    border-color: #eee;
}
.tab1 ul{
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tab1 li{
    padding: .5rem 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 7px;
    overflow: hidden;
}

.tab1 .tab{
    padding-bottom: .2rem;
}
.tab1 .img{
    position: relative;
    margin-bottom: .6rem;
    font-size: 0; height: 231px; overflow: hidden;border-radius: 6px
}
.tab1 .img img{
    width:100%; border-radius: 6px
}
.tab1 li .clearfix{
    font-size: .6rem;
}
.tab1 li .clearfix .tb{
    display: inline-block;
    width: 1rem; height: 1rem; border-radius: 50%; box-shadow: 0 1px 5px #ccc;
    vertical-align: middle;
}
.tab1 li .clearfix .pull-left{
    display: inline-block;
}
.tab1 li .clearfix .pull-left p{
    display: inline-block;
    margin-left: .2rem;
    color: #282828;
}
.tab1 li .clearfix .pull-left span{
    margin-left: .6rem;
    font-size: .5rem;
    color: #999;
}
.tab1 li .clearfix .pull-right{
    color: #666;
}

.tab1 .little{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.tab1 .little span{
    margin: .6rem .3rem 0 0;
    padding: .1rem .2rem;
    font-size: .5rem;
    color: #999;
    border: 1px solid #999;
    border-radius: .1rem;
}

.tab1 .more{
    margin: .5rem 0;
}
.tab1 .more .button{
    height: 2rem;
    line-height: 2rem;
    color: #666;
    border-color: #eee;
}

.infinite-scroll-preloader span{
    position: relative;
    bottom: .2rem;
    margin-right: .5rem;
    font-size: .7rem;
}
.infinite-scroll-preloader .preloader{
    width: 1rem;
    height: 1rem;
}

.finish{
    display: none;
    margin-bottom: .5rem;
    font-size: .7rem;
    text-align: center;
}

.p_hdxq{margin: .6rem 0 0 0;
    padding: .2rem .2rem;
    font-size: .6em;
    color: #999;
    border: 1px solid #999;
    border-radius: .1rem; }