.book-content{display:block;width:122px;height:160px;box-sizing:border-box;position:relative;cursor:pointer}.book-title-con{text-align:center;max-width:95px;min-height:72px;max-height:117px;padding:3px;box-sizing:border-box;position:absolute;top:14px;left:8px;background-color:#fffbf5;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;writing-mode:tb-rl;direction:rtl}.book-title{width:100%;cursor:pointer;padding:3px 0;font-size:14px;text-align:center;color:#333;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;writing-mode:tb-rl;direction:rtl;border:1px solid #999693}.sprite-book-cover0{background-color:#405370}.sprite-book-cover1{background-color:#6898a7}.sprite-book-cover2{background-color:#746174}.sprite-book-cover3{background-color:#a98463}.sprite-book-cover4{background-color:#b25d43}.sprite-book-cover5{background-color:#637c79}.book-line{width:12px;height:100%;list-style-type:none;box-sizing:border-box;border-left:1px solid #fffbf5;position:absolute;top:0;right:0}.book-line li{width:100%;height:25%;box-sizing:border-box;border-bottom:1px solid #fffbf5}.book-line li:first-child,.book-line li:last-child{height:12.5%}.book-line li:last-child{border-bottom:0}@media screen and (max-width:750px){.book-content{width:75px;height:100px}.book-title-con{max-width:95px;min-height:55px;max-height:83px;padding:2px;top:10px;left:6px}.book-title-con-2{left:0}.book-title{min-width:14px;padding:2px 1px;font-size:12px;box-sizing:border-box}}@media screen and (max-width:630px){body{font-size:16px}input{height:44px;line-height:22px;line-height:22px\9;padding:11px 10px}.container{min-height:350px}.layer-pay-box{width:100%!important;height:90px!important;top:inherit!important;bottom:0!important}.layer-pay-box .layui-layer-content{height:100%!important;overflow:hidden!important}.app_payment{padding:0}.app_payment .beecloud-pay-btn{line-height:45px;font-size:16px}.app_payment_close{display:none}}@media only screen and (device-width:375px) and (device-height:744px) and (-webkit-device-pixel-ratio:3){.support-iPhoneX{padding-bottom:34px!important;padding-bottom:34px!important}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)){.support-iPhoneX{padding-bottom:constant(safe-area-inset-bottom)!important;padding-bottom:env(safe-area-inset-bottom)!important}.support_iPhonex-color{background-color:#f3f2ed!important}.iphoneX-index{z-index:2}.iphoneX-sup{position:fixed;bottom:0;left:0;width:100%;background-color:#ccc}.iPhoneX{width:100%;height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.iphoneX-borderbottom{border-bottom:1px solid #e9e3d9}.iphoneX-bottomup{border-bottom:1px solid #e9e3d9}.iphoneX-redbutton{border-bottom:1px solid #e9e3d9!important}.iphoneX-lijigoumai{height:42px!important;line-height:42px!important}}}.group_title{font-size:14px;line-height:16px;color:#a33823;padding-top:10px}.group-hot-title{font-size:14px;line-height:16px;color:#a33823;padding-top:10px}.group_list{padding-bottom:15px;margin-left:-15px}.group.group_list{margin-top:0}.group_list li{width:33.333333%;float:left;box-sizing:border-box;padding:15px 0 0 15px}.group_list li a{display:block;width:100%;height:26px;font-size:14px;line-height:26px;text-align:center;border:1px solid #ccb289;border-radius:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;color:#333;background:#FFFFF9}.group_actived{color:#a33823!important}.book_wrapper{position:relative;padding-left:137px;padding-bottom:20px}.book{position:absolute;left:0;top:0}.book_info{height:158px}.book-name{font-size:14px;line-height:14px;margin-bottom:10px}.book-author{height:12px;font-size:12px;line-height:12px;margin-bottom:5px;color:#999}.book-comment{font-size:12px;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666}.group_btns{position:absolute;bottom:0;right:0}.group_btns a{color:#a33823;display:block;line-height:34px;height:34px;width:108px;border:1px solid #a33823;font-size:14px;border-radius:5px;text-align:center;box-sizing:border-box}.group_btns .in_bookshelf{color:#cacaca;cursor:default}@media screen and (max-width:750px){.book_wrapper{padding-left:82px}.book_info{height:100px}}@media screen and (max-width:374px){.book-btns-col3 .btn_div{padding:0 5px 0 0;min-width:67px}}