/* Created by kong 20220520 */

body { background: url("../images/bg_24.jpg") center top no-repeat; height: calc(100% - 140px); min-height: 1175px;}

.book { height: 770px; box-sizing: border-box; padding: 44px 120px 50px 50px; background: white; position: relative; margin-top: 35px;}

.book .btns { width: 146px; height: 670px; position: absolute; top: 50px; right: -26px; z-index: 10; background: url("../images/bg_25.png") left top no-repeat;}
.book .btns div { height: 54px; font-size: 18px; line-height: 46px; padding-left: 23px; margin-top: 2px; color: white; background: url("../images/bg_26.png") right top no-repeat; cursor: pointer;}
.book .btns div.review { margin: 24px 0 22px;}
.book .btns div.prev { background-image: url("../images/bg_26.png");}
.book .btns div.next { background-image: url("../images/bg_27.png");}
.book .btns div.return { background-image: url("");}
.book .btns div.mobile { margin-top: 45px; background-image: url("../images/bg_28.png"); position: relative;}
.book .btns .mobile p { display: none; width: 100px; height: 148px; font-size: 16px; line-height: 38px; color: #333; text-align: center; padding: 15px 24px 0 19px; background: url("../images/bg_29.png") no-repeat; position: absolute; left: -134px; top:0;}
.book .btns .mobile p img { display: block; width: 100%; height: 100px;}

.previous { padding-right: 40px;}
.previous .title { margin-bottom: 25px; padding-bottom: 22px; border-bottom: #ae4184 1px solid;}
.previous .tabnav { width: 170px; float: left; margin-top: -10px; overflow: hidden;}
.previous .tabnav span, .previous .tabnav a { float: left; margin-top: 10px; width: 78px; height: 38px; font-size: 16px; line-height: 38px; text-align: center; border: #e8e8e8 1px solid; border-radius: 3px; cursor: pointer;}
.previous .tabnav span:nth-child(2n), .previous .tabnav a:nth-child(2n) { float: right;}
.previous .tabnav span.current, .previous .tabnav span:hover, .previous .tabnav a.current, .previous .tabnav a:hover { color: white; background: #25a18f; border-color: #25a18f; text-decoration: none;}
.previous .tabcontent { width: 893px; height: 597px; float: right;}
.previous .swiper-container { width: 100%; height: 100%;}
.previous .swiper-slide { height: auto; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 24px;}
.previous .swiper-slide p { width: 195px; margin-top: 20px; font-size: 16px; line-height: 16px; text-align: center;}
.previous .swiper-slide p:nth-child(-n+4) { margin-top: 0;}
.previous .swiper-slide p img { display: block; width: 100%; height: 280px; margin-bottom: 10px; box-shadow: rgba(0,0,0,0.1) 0 2px 5px 0;}
.previous .swiper-scrollbar { right: 0; top: 0; height: 100%;}
.previous .swiper-scrollbar-drag { background: #25a18f;}

.previous .detail { width: 893px; height: 600px; float: right; overflow: hidden; position: relative;}
.previous .detail img { width: 415px; height: 598px; float: left; margin-right: 40px; border: #ccc 1px solid; box-shadow: rgba(0,0,0,0.1) 0 2px 5px 0;}
.previous .detail strong { display: block; margin-top: 13px; font-size: 24px; line-height: 24px; color: #25a18f;}
.previous .detail p { margin-top: 25px; font-size: 16px; line-height: 30px; color: #333; max-height:360px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:12; -webkit-box-orient:vertical;}
.previous .detail span { display: block; margin-top: 33px; font-size: 24px; line-height: 70px;}
.previous .detail span a { display: inline-block; vertical-align: top; width: 280px; color: white; text-align: center; background: #25a18f; border-radius: 70px;}
.previous .detail span a:hover { background: #ae4184; text-decoration: none;}
.previous .detail em { display: block; position: absolute; left: 457px; bottom: 16px; font-size: 14px; line-height: 14px; color: #333; font-style: normal;}
.previous .detail em a { color: #ae4184;}

.footer { position: absolute; left: 0; bottom: 0; width: 100%;}