@charset "UTF-8";
body {
    padding-bottom: 0.2rem;
    background-color: #090909;
}

.search {
    padding: 0rem;
}

.header {
    background: #eee;
    border-radius: 0.6rem;
}

.header a {
    color: #999;
    font-size: 0.24rem;
    width: 1.5rem;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    border-radius: 0.6rem;
    margin: 0 -0.15rem;
}

.header a.active {
    color: #fff;
    background: #ff5c1c;
}

/*============================================================================*/

.search img {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
}

.search .search_box {
    width: 3.6rem;
    height: 0.6rem;
    background: #eee;
    border-radius: 0.6rem;
    font-size: 0.26rem;
    color: #999;
}

.search .ss_icon {
    width: 0.3rem;
    height: 0.3rem;
    display: block;
    background: url('../images/search.png') no-repeat 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin-right: 0.1rem;
}

/*============================================================================*/

.swiper-container {
    height: 3rem;
}

.swiper-slide {
    background: #f69;
}

.swiper-pagination {
    bottom: 0.1rem!important;
}

.swiper-container img {
    height: 100%;
}

.swiper-container .my-bullet-active {
    background: #fff;
    opacity: 1;
}

/*============================================================================*/


.nav-block a p {
    color: #333;
    font-size: 0.28rem;
    text-align: center;
    margin-top: 0.1rem;
}

.nav-block a i {
    width: 0.7rem;
    height: 0.7rem;
    display: inline-block;
}

.xm_icon {
    background: url('../images/xm_icon.png') no-repeat 0 0;
    -webkit-background-size: 98%;
    background-size: 98%;
}

.fl_icon {
    background: url('../images/fl_icon.png') no-repeat 0 0;
    -webkit-background-size: 98%;
    background-size: 99%;
}

.bd_icon {
    background: url('../images/bd_icon.png') no-repeat 0 0;
    -webkit-background-size: 98%;
    background-size: 98%;
}

.cz_icon {
    background: url('../images/cz_icon.png') no-repeat 0 0;
    -webkit-background-size: 98%;
    background-size: 98%;
}

/*============================================================================*/

.books-block {
    border-top: 2px solid #f6c306;
    padding-bottom: 0;
}

.books-block span {
    color: #999;
    font-size: 0.28rem;
}

.books-block .title {
    color: #000;
    font-size: 0.3rem;
}

.icon-h {
    width: 0.06rem;
    height: 0.28rem;
    margin-right: 0.2rem;
    display: inline-block;
    background: url('../images/icon-rank2.png') no-repeat 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.icon-r {
    width: 0.11rem;
    height: 0.22rem;
    margin-left: 0.2rem;
    display: inline-block;
    background: url('../images/icon-r.png') no-repeat 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.books-block .list {
    margin-top: 0.2rem;
}

.books-block .list a {
    margin-bottom: 0.3rem;
}

.books-block .list img {
    width: 1.8rem;
    height: 2.4rem;
    border-radius: 0.03rem;
}

.books-block .list p {
    width: 1.8rem;
    font-size: 0.28rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.books-block:nth-last-of-type(1) {
    margin-bottom: 0.5rem;
}

.types-books {
    padding: 0.3rem 0;
}

.types-books a {
    margin-bottom: 0.5rem;
}

.types-books img {
    width: 1.8rem;
    height: 2.4rem;
    border-radius: 0.03rem;
}

.types-books .info {
    width: 4.8rem;
    font-size: 0.28rem;
}

.info h4 {
    font-size: 0.32rem;
}

.info p {
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.info span {
    color: #090909;
    font-size: 0.26rem;
    margin-right: 0.2rem;
    border-radius: 0.3rem;
    display: inline-block;
    padding: 0.02rem 0.2rem;
    background-color: #f6c306;
}

/*============================================================================*/