.app {
    background-color: #fff;padding-bottom: 20px;margin-bottom: 10px;
}
.boo-view {
    border: 1px solid #005AC3;
}
.item-box {
    border: 1px solid #eee;
}
.item-box .item-box-title {
    border-bottom: 1px solid #eee;position: relative;padding: 10px 10px 0 10px;margin-bottom: 0px;
}
.item-box .item-box-title .item-name {
    width: 80px;border-bottom: 2px solid #999;padding-bottom: 10px;text-align: center;
    float: left;
}
.boo-view .item-box-title {
    border-bottom: 1px solid #005AC3;position: relative;padding: 10px 10px 0 10px;margin-bottom: 0px;
}
.boo-view .item-box-title .item-name {
    width: 80px;border-bottom: 2px solid #094080;padding-bottom: 10px;text-align: center;
    float: left;
}
.item-box .item-box-title .child-item {
    float: left;margin-top: 3px;
}
.item-box .item-box-title .child-item a {
    margin-left: 20px;color: #ff2222;
}
.mobile .item-box .item-box-title .child-item a {
    margin-left: 20px;color: #ff2222;font-size: 12px;
}
.item-box .item-box-title .more-btn {
    position: absolute;right: 0px;top: 10px;color: #999;
}
.mobile .item-box .item-box-title .more-btn {
    font-size: 12px;top: 15px;
}
.tags-list-box li {
    float: left;width: 25%;text-align: center;margin-bottom: 5px;
}
.tags-list-box li a {
    display: block;color: #666;
}
.tags-list-box li img {
    width: 45px;height:45px;margin-top: 10px;border-radius: 50%;margin-bottom: 10px;
}
.other-box li {
    float: left;margin-top: 10px;margin-left: 10px;
}
.other-box li a {
    display: block;background-color: #eee;color: #666;border: 1px solid #eee;border-radius: 4px;padding: 3px 5px;
}
.book-box li {
    float: left;
    width: 33.33%;
    margin-top: 10px;
}
.book-box li a {
    display: block;width: 80%;margin: 0 auto;text-align: center;
}
.book-box li a img {
    width: 80%;height: 163px;object-fit: cover;
}
.mobile .book-box li a img {
    height: 100px;
}
.book-box li .book-name {
    margin-top: 10px;color: #666;
}