.bookDetail{
    font-size: 32rpx;
    color: #414141;
    background: #f0f1f5;
}
.headSection{
    padding-top: 18rpx;
    width: 100%;
    background: #fff;
}
.headSection .titleIcon{
    display: block;
    width: 704rpx;
    height: 190rpx;
    margin: 0 auto;
    background: #fff;
}
.headSection .bookName{
    width: 700rpx;
    height: 42rpx;
    line-height: 42rpx;
    margin: 10rpx 0 12rpx 20rpx;
}
.headSection .bookInfo{
    width: 700rpx;
    height: auto;
}
.dirTag{
    width: 100%;
    height: 100rpx;
    margin-top: 12rpx;
    background: #fff;
    position: relative;

}
.dirTag image{
    position: absolute;
    left: 42rpx;
    top: 22rpx;
    width: 206rpx;
    height: 42rpx;
}
.dirTag text{
    position: absolute;
    left: 56rpx;
    top: 22rpx;
    width: 150rpx;
    height: 42rpx;
    font-size: 32rpx;
    color: #fff;
}
.listSection{
    width: 100%;
    margin-top: 12rpx;
}
.listSection .classItem{
    width: 716rpx;
    height: 88rpx;
    margin: 0 auto 8rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    border-radius: 14rpx;
}
.classItem .classTitle{
    width: auto;
    height: 88rpx;
    font-size: 32rpx;
    margin-left: 40rpx;
    line-height: 88rpx;
}
.classItem .readingNum{
    width: auto;
    height: 88rpx;
    line-height: 88rpx;
    margin-right: 40rpx;
    color: #939393;
    font-size: 28rpx;
}