html {
    background: #f6f7f8;
}

body {
    /*padding-bottom: 60px;*/
}

/*===内容块===*/
/*漫画列表*/
.comic-item {
    padding-bottom: 5px;
}

.comic-item .pic {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 170px;
    margin-bottom: 5px;
}

.comic-item .pic img {
    height: 170px;
    border-radius: 2px;
}

.comic-item .pic .img-txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*height: 1.4rem;*/
    height: 22px;
    padding-bottom: 0.35rem;
    padding-right: 0.3rem;
    padding-top: 0.5rem;
    font-size: .55rem;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    text-align: right;
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
}

.comic-item .pic .txt-inner {
    display: inline-block;
    vertical-align: top;
    height: 0.55rem;
    line-height: .55rem;
}

.comic-item .pic .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 6px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    font-size: 12px;
    color: #fff;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.comic-item b, .comic-item p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
}

.comic-item p {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.comic-item .title {
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    color: #333;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comic-item .txt {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*==首页==*/
/*轮播*/
#test1 {

}

#test1 img {
    width: 100%;
    height: 250px;
}

.index-nav-bar {
    background: #fff;
    padding: 15px 0 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.index-nav-item {
    float: left;
    width: 20%;
    text-align: center;
}

.index-nav-item i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    /*padding: 20px;*/
    /*display: block;*/
    border-radius: 50%;
    background: #f4f3f7;
    font-size: 24px;
    color: #fff;
}

.index-nav-item span {
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    display: block;
}

.index-nav-item:nth-child(1) i {
    background: #00d1b2;
    color: #fff;
}

.index-nav-item:nth-child(2) i {
    background: #ffe08a;
    color: #fff;
}

.index-nav-item:nth-child(3) i {
    background: #f14668;
    color: #fff;
}

.index-nav-item:nth-child(4) i {
    background: #48c78e;
    color: #fff;
}

.index-nav-item:nth-child(5) i {
    background: #3e8ed0;
    color: #fff;
}

.comic-list-buttons {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}

.comic-list-buttons .button {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0;
}

/*===列表页===*/

/*列表筛选*/
.is-filter {
    padding: 15px 0;
}

.is-filter .panel-block {
    padding: 0 10px 10px;
    border-bottom: none;
    display: block;
}

.is-filter .panel-block:last-child{
    padding-bottom: 0;
}

.tabs-group {
    margin-top: -10px;
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    overflow: hidden;
}

.tabs-group .name {
    position: absolute;
    left: 0;
    top: 10px;
    height: 16px;
    text-align: center;
    color: #999;
}

.tabs-group ul{
    width: 100%;
}

.tabs-group li {
    float: left;
    display: block;
    width: 16.6%;
    margin-top: 10px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #999;
    overflow: hidden;
}

.tabs-group li a {
    display: inline-block;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
}

.tabs-group li.active a{
    background: #00d1b2;
    border-radius: 2px;
    color: #fff;
}

/*===内容页===*/
.comic-info {
    position: relative;
    color: #fff;
    height: 260px;
}

.comic_cover {
    width: 100%;
    height: 260px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.comic-info .comic_irregular_bg {
    background-image: url(../image/irregular_bg.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 1.25rem;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 3;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.comic-info .comic_article {
    position: absolute;
    bottom: 40px;
    width: 100%;
    padding: 1rem 0 0;
    z-index: 2;
}

.comic-info .comic_name {
    padding: 0 1rem;
    height: 30px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
}

.comic-info .comic_name h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.comic-info .comic_name h1 {
    font-size: 24px;
}

.comic-info .mask {
    bottom: 0;
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 6.25rem;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0, 0, 0, .6)))
}

.comic-info .comic_tags_hot {
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.comic-info .comic_hot, .comic-info .comic_tags {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1rem;
    line-height: 1.125rem;
    margin-top: .5rem
}

.comic-info .tags:after {
    content: "|";
    display: inline-block;
    vertical-align: top;
    height: 1rem;
    margin: 0;
    font-size: .75rem;
    font-family: serif
}

.comic-info .tags_last:after {
    content: ""
}

.comic-info .comic_hot {
    text-align: right
}

.zuixin {
    font-size: 14px;
}

.zuixin p {
    font-size: 16px;
    display: block;
    color: #f14668;
}

.zuixin p a {
    color: #f14668;

}

.zuixin time {
    font-size: 14px;
    display: block;
    color: #b5b5b5;
}

.metas-desc {
    padding: 15px;
}

/*章节列表*/
.chapter-list {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}

.chapter-list li {
    position: relative;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
}

.chapter-list li i {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 16px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #bcbcbc;
}

.chapter-list li span {
    float: right;
    color: #b5b5b5;
    font-size: 14px;
}

.chapter-list-more {
    margin-top: 10px;
    display: inline-block;
    border-top: #ccc 1px dashed;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    overflow: hidden;
}

.chapter-list-more a {
    color: #999;
    font-size: 18px;
}

.chapter-list-more a:hover {
    color: #333;
}

/*===排行榜===*/
.is-ranking-list .media .image{
    width: 90px;
    height: 120px;
}

.is-ranking-list .media .image .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 6px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    font-size: 12px;
    color: #fff;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.is-ranking-list .media .title{
    margin-bottom: 10px;
    height: 21px;
    line-height: 21px;
    font-size: 18px;
    overflow: hidden;
}

.is-ranking-list .media p{
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
}

.is-ranking-list .media p.dec {
    height: 40px;
    color: #999;
}

/*===其他===*/
/*侧栏工具*/
.block-sidebar {
    position: fixed;
    right: 15px;
    bottom: 75px;
    display: none;
    width: 40px;
    z-index: 99;
}

.block-sidebar .block-sidebar-item {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    cursor: pointer;
    background: rgba(26, 26, 26, 0.6);
    border-radius: 50%;
    text-align: center;
}

.block-sidebar .iconfont {
    font-size: 20px;
    color: #fff;
}