#banner {
    overflow: hidden;
    position: relative;
}

#imageBox{
    width: 1000%;
    height: 100%;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    display: block;
}

#pointBox{
    bottom: 12px;
    width: 100%;
    position: absolute;
}

.points{
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 0.6;
}

.points.now {
    background-color: #7e7cfb;
}

.groupText {
    color: #333333;
    font-size: 12px;
    line-height: 20px;
}

/* 书名样式——1 */
.bookText_1 {
    color: #333333;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.bookText_2 {
    color: #333333;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.bookText_3 {
    color: #888888;
    font-size: 14px;
    line-height: 14px;
}

.bookText_4 {
    color: #333333;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.bookText_5 {
    color: #333333;
    font-size: 16px;
    line-height: 16px;
}

.bookText_6 {
    color: #333333;
    font-size: 18px;
    line-height: 18px;
}

.soundText_1 {
    color: #333333;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.soundText_2 {
    color: #666666;
    font-size: 14px;
    line-height: 14px;
}

.soundText_3 {
    color: #888888;
    font-size: 14px;
    line-height: 14px;
}

.soundText_4 {
    color: #7e7cfb;
    font-size: 14px;
    line-height: 14px;
}

/* 作者名样式——1 */
.authorText_1 {
    color: #888888;
    font-size: 14px;
    line-height: 14px;
}

.authorText_2 {
    color: #666666;
    font-size: 16px;
    line-height: 16px;
}

/* 简介样式——1 */
.introText_1 {
    color: #666666;
    font-size: 14px;
    line-height: 14px;
}

.introText_2 {
    color: #888888;
    font-size: 16px;
    line-height: 26px;
}

.introText_3 {
    color: #2c2c2c;
    font-size: 16px;
    line-height: 26px;
}

/* 模块标题样式——1 */
.titleText_1 {
    color: #333333;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.titleText_2 {
    color: #7e7cfb;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
}

.visitText_1 {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
}

/* 模块样式——1 */
.block_1 {
    margin-top: 18px;
    padding-top: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow:0px 1px 6px 0px rgba(203,203,216,0.79);
}

.tipBlock_1 {
    width: 18px;
    height: 18px;
    background-color: #c4c3ff;
}

.tipText_1 {
    color: #7e7cfb;
    font-size: 14px;
    line-height: 14px;
}

/* 倒计时模块样式——1 */
.countDown_block_1 {
    width: 28px;
    height: 28px;
    background-color: #f12c21;
    border-radius: 4px;
}

.countDown_text_1 {
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
}

.type_6_0 {
    width: 79px;
    height: 110px;
    border-radius: 4px;
    transform: translateX(-100px);
    position: absolute;
    z-index: 100;
    transition-duration: 0.8s;
    cursor: pointer;
}

.type_6_1 {
    width: 91px;
    height: 128px;
    border-radius: 4px;
    box-shadow: 0px 5px 8px 1px rgba(174, 174, 221, 0.39);
    transform: translateX(-59px);
    position: absolute;
    z-index: 200;
    transition-duration: 0.8s;
    cursor: pointer;
}

.type_6_2 {
    width: 107px;
    height: 150px;
    border-radius: 4px;
    box-shadow: 0px 5px 8px 1px rgba(174, 174, 221, 0.39);
    transform: translateX(0px);
    position: absolute;
    z-index: 300;
    transition-duration: 0.8s;
    cursor: pointer;
}

.type_6_3 {
    width: 91px;
    height: 128px;
    border-radius: 4px;
    box-shadow: 0px 5px 8px 1px rgba(174, 174, 221, 0.39);
    transform: translateX(59px);
    position: absolute;
    z-index: 200;
    transition-duration: 0.8s;
    cursor: pointer;
}

.type_6_4 {
    width: 78px;
    height: 110px;
    border-radius: 4px;
    transform: translateX(100px);
    position: absolute;
    z-index: 100;
    transition-duration: 0.8s;
    cursor: pointer;
}

.indicator_off {
    margin-left: 4px;
    margin-right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #d6d6d6;
    transition-duration: 0.8s;
    cursor: pointer;
}

.indicator_on {
    margin-left: 4px;
    margin-right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #7e7cfb;
    transition-duration: 0.8s;
    cursor: pointer;
}

.badge {
    box-sizing: border-box;
    border: 3px solid rgba(0, 0, 0, 0);
}

.badgeText {
    color: #7e7cfb;
}