p, ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

a, span {
    display: inline-block
}

.tab {
    background: #fff
}

.tab li, .tab p, .tab ul {
    margin: 0
}

.tab li {
    list-style-type: none
}

.tab .tab_title {
    display: flex
}

.tab .tab_title a {
    flex: 1;
    text-align: center;
    padding: .5em 0;
    font-size: 1.2em;
    border-bottom: 1px solid #E0E0E0
}

.tab .tab_title a.active {
    border-bottom: 2px solid #f60;
    color: #f60
}

.tab .tab_title a span {
    width: 100%;
    border-right: 1px solid #eee;
    line-height: 1;
    display: inline-block
}

.tab .tab_title a:last-of-type(1) span {
    border-right: none
}

.topTitle dd, .topTitle dt {
    background: #fff
}

.topTitle dt {
    margin-top: 1em;
    padding-left: 1.5em
}

.topTitle dt a {
    border-bottom: 1px solid #E0E0E0;
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.5em;
    text-decoration: none;
    padding: .5em 0;
    background: url(arrow/arr_right.png) no-repeat 95% center;
    -webkit-background-size: 8px 13px;
    background-size: 8px 13px
}

.topTitle dt a span {
    height: 1.2em;
    line-height: 1.2em;
    border-left: 4px solid #ff6100;
    padding-left: .5em
}

.topTitle {
    counter-reset: count 0
}

.topTitle dd {
    padding: 0 1.5em;
    counter-increment: count
}

.topTitle dd:nth-last-of-type(1) a {
    border-bottom: 0
}

.topTitle dd:nth-of-type(1) a img {
    display: block;
    width: 4.5em;
    margin-right: 1em
}

.topTitle dd:nth-of-type(1) a span {
    display: block
}

.topTitle dd:nth-of-type(1) a span.bookName {
    margin-bottom: .5em
}

.topTitle dd:nth-of-type(1) a span.author {
    display: block
}

.topTitle dd a {
    display: flex;
    align-items: center;
    padding: 1em 0;
    border-bottom: 1px solid #E0E0E0;
    overflow: hidden;
    position: relative
}

.topTitle dd a img {
    display: none
}

.topTitle dd a span {
    color: #999
}

.topTitle dd a span.num {
    position: absolute;
    right: 0;
    font-size: 1.2em
}

.topTitle dd a span.bookName {
    font-size: 1.2em;
    margin-right: 1em;
    color: #333
}

.topTitle dd a span.author {
    display: none
}

.topTitle dd a:before {
    content: counter(count);
    float: left;
    margin-right: .5em
}

ul.list {
    background: #fff;
    padding: 1em 0;
    counter-reset: count 0
}

ul.list li {
    padding: 0 1em;
    margin-bottom: 1em
}

ul.list li:nth-last-of-type(1) {
    margin-bottom: 0
}

ul.list li a {
    display: block;
    overflow: hidden;
    counter-increment: count;
    position: relative
}

ul.list li a:after {
    content: counter(count);
    position: absolute;
    right: 0;
    top: 0;
    width: 2em;
    height: 2em;
    text-align: center;
    background: #f60;
    color: #fff;
    line-height: 2em
}

ul.list li a img {
    float: left;
    width: 7em;
    min-height: 10em;
    border: 1px solid #eee;
    margin-right: 1em
}

ul.list li a p {
    color: #999
}

ul.list li a p.bookName {
    font-size: 1.4em;
    color: #333;
    margin-bottom: .2em
}

ul.list li a p.desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
    line-height: 1.5em
}

ul.list li a p.num {
    font-size: 1em;
    color: #f60;
    margin-top: .2em
}

ul.list li:nth-of-type(n+4) a:after {
    background: #999
}