body {
    min-width: 1300px;
}

.wrap {
    width: 100%;
    background: url(pc/bg.png) no-repeat center top;
    padding-top: 820px;
}

.wrap .tabWrap {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.wrap .tabWrap .tab {
    width: 380px;
    height: 144px;
    cursor: pointer;
}

.wrap .tabWrap .tab.tab1 {
    background: url(pc/tab1.png) no-repeat top center;
}

.wrap .tabWrap .tab.tab1.active {
    background: url(pc/tab1_active.png) no-repeat top center;
}

.wrap .tabWrap .tab.tab2 {
    background: url(pc/tab2.png) no-repeat top center;
}

.wrap .tabWrap .tab.tab2.active {
    background: url(pc/tab2_active.png) no-repeat top center;
}

.wrap .tabWrap .tab.tab3 {
    background: url(pc/tab3.png) no-repeat top center;
}

.wrap .tabWrap .tab.tab3.active {
    background: url(pc/tab3_active.png) no-repeat top center;
}

.wrap .contentWrap {
    width: 1300px;
    margin: 0 auto;
}

.wrap .contentWrap .content {
    display: none;
}

.wrap .contentWrap .content.content1 {
    height: 2818px;
    background: url(pc/content1.png) no-repeat top center;
    position: relative;
}

.wrap .contentWrap .content.content1 .book {
    position: absolute;
    width: 245px;
    height: 410px;
    cursor: pointer;
}

.wrap .contentWrap .content.content1 .book.b1,
.wrap .contentWrap .content.content1 .book.b2 {
    width: 270px;
    height: 475px;
    top: 270px;
}

.wrap .contentWrap .content.content1 .book.b3,
.wrap .contentWrap .content.content1 .book.b4,
.wrap .contentWrap .content.content1 .book.b5,
.wrap .contentWrap .content.content1 .book.b6 {
    top: 840px;
}

.wrap .contentWrap .content.content1 .book.b7,
.wrap .contentWrap .content.content1 .book.b8,
.wrap .contentWrap .content.content1 .book.b9,
.wrap .contentWrap .content.content1 .book.b10 {
    top: 1485px;
}

.wrap .contentWrap .content.content1 .book.b11,
.wrap .contentWrap .content.content1 .book.b12,
.wrap .contentWrap .content.content1 .book.b13,
.wrap .contentWrap .content.content1 .book.b14 {
    top: 2018px;
}

.wrap .contentWrap .content.content2 {
    height: 5483px;
    background: url(pc/content2.png) no-repeat top center;
}

.wrap .contentWrap .content.content3 {
    height: 2312px;
    background: url(pc/content3.png) no-repeat top center;
}

.wrap .contentWrap .content.active {
    display: block;
}

/*# sourceMappingURL=index.css.map */