.swiper-container{margin:1rem;position:relative;overflow:hidden}
.slide-a{display:block;height:100%;color:transparent;overflow:hidden}
.slide-img{height:100%;width:100%;display:block;border-radius:.625rem;overflow:hidden}
.swiper-pagination-bullet{display:inline-block;width:.3125rem;height:.3125rem;border-radius:50%;background-color:#fff;-webkit-transition:background-color .15s;transition:background-color .15s}
.swiper-pagination-bullet-active{background-color:#4faa61}
.swiper-container-horizontal>.swiper-pagination{bottom: 0}
.index-tip{padding:.625rem 1rem;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.index-tip::before{content:'';width:28px;height:32px;display:inline-block;background:url(../images/icon.png) no-repeat;background-size:449px 162px;background-position:-176px -92px}
.index-tip p{font-size:.8125rem;color:#4c4c4c;-webkit-box-flex:1;margin-left:.3125rem}
.index-nav{margin:1rem 0;background-color:#fff}
.index-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}
.index-nav ul li{height:100%;width:100%;position:relative;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;box-sizing:border-box;display:block;text-align:center;font-size:0}
.index-nav .icon{width:48px;height:48px;background:url(../images/icon.png) no-repeat;background-size:449px 162px;background-position:-8px -13px;display:inline-block}
.index-nav p{color:#000;font-size:.8125rem}
.index-nav .icon-sign{background-position:-13px -20px}
.index-nav .icon-sort{background-position:-90px -20px}
.index-nav .icon-topic{background-position:-165px -20px}
.index-nav .icon-free{background-position:-12px -94px}
.index-nav .icon-job{background-position:-91px -94px}
.book-detail-top{position:relative;background:#fff;overflow:hidden}
.book-detail-top .cover-blur{position:absolute;-webkit-filter:blur(40px);-moz-filter:blur(40px);-ms-filter:blur(40px);filter:blur(40px);width:100%;height:100%}
.detail-header{position:relative;text-align:center;padding-top:3rem;padding-bottom:1rem;background: rgba(0, 0, 0, 0.3);}
.detail-header .cover{width:5.25rem;height:7rem;box-shadow: 0 4px 8px rgba(51,55,61,.1);}
.detail-header .name{color:#fff;letter-spacing:.2em;font-size:1.375rem}
.detail-header .author{color:#0dceeb;margin-top:.1875rem;font-size:.8125rem}
.detail-header .status{margin-top:.1875rem;font-size:0}
.detail-header .status span{color:#fff;font-size:.8125rem;}
.detail-header .status span::after{content:'';display:inline-block;width:1px;height:10px;background-color:#fff;margin:0 5px}
.detail-header .status span:last-child::after{display:none}
.detail-header .limit{color:#ff4141;font-size:.8125rem;margin-top:.1875rem}
.detail-summary{margin:.5rem 1rem 2.3rem 1rem;font-size:.875rem;line-height:1.5rem;position:relative;text-align:justify}
.detail-summary p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.detail-summary.open p{display:block}
.detail-summary .summary-more{position:absolute;right:0;bottom:-1.75rem;color:#089fff}
.module-tickets{border-top:1px solid #f4f4f4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.module-tickets .ticket-list{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding:.75rem 0;text-align:center}
.module-tickets .icon{width:30px;height:30px;background:url(../images/icon.png) no-repeat;background-size:449px 162px;display:block;margin:0 auto}
.module-tickets .icon-like{background-position:-322px -91px}
.module-tickets .icon-gift{background-position:-359px -91px}
.module-tickets .icon-friend{background-position:-396px -91px}
.module-tickets .ticket-t{font-size:.75rem;margin:.2rem 0}
.module-tickets .ticket-n{color:#ea7269;font-weight:700}
.module-gift-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:left;margin:1rem}
.module-gift-top .avatar{background:#e4e4e4;max-width:2.5rem;height:2.5rem;border-radius:50%;display:inline-block;overflow:hidden;font-size:.75rem;text-align:center;line-height:2.5rem;flex:12.6% 0 0;box-sizing:border-box;margin-right:4.8%}
.module-gift-top .avatar:last-child{margin-right:0}
.module-gift-top .avatar img{height:100%;width:100%}
.comment-header{border-bottom:1px solid #f4f4f4;padding-bottom:1rem}
.comment-header .module-title a{margin-right:.4rem;color:#adadad;font-size:.875rem;font-weight:400}
.comment-header .module-title a.active{color:#4faa61;font-size:.9375rem;font-weight:700}
.detail-comment_btn{height:1.7rem;line-height:1.8rem;width:3.5rem;border-radius:.9375rem;float:right;color:#fff;background:#4faa61;text-align:center;font-size:.75rem;position:absolute;right:1rem}
.comment-list .comment-item{padding:1rem;position:relative}
.comment-list .comment-item.top::before{content:'';position:absolute;width:3rem;height:3rem;background:url(../images/comment_top.png) no-repeat center;background-size:100%;right:1rem}
.comment-list .comment-item.essence::before{content:'';position:absolute;width:3rem;height:3rem;background:url(../images/comment_essence.png) no-repeat center;background-size:100%;right:1rem}
.comment-top{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.comment-top .comment-avatar{width:2rem;height:2rem;margin:0 .5rem 0 0;border-radius:50%;position:relative}
.comment-top .comment-avatar img{width:100%;height:100%;vertical-align:top;-o-object-fit:cover;object-fit:cover;border-radius:50%}
.comment-top .comment-info{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.comment-top .comment-info h4{font-size:.8125rem;color:#0e0e0e;line-height:1.5;margin-bottom:.2rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.comment-top .comment-info h4 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;max-width:7rem}
@media screen and (max-width:320px){
.comment-top .comment-info h4 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;width:5.625rem}
}
.comment-top .comment-info h4 i{background:url(../images/icon.png) no-repeat;background-size:449px 162px;display:inline-block;margin-left:.2rem;font-style:normal;font-size:.625rem;text-align:center}
.comment-top .comment-info h4 i.vip{width:18px;height:18px;background-position:-203px -128px}
.comment-top .comment-info h4 i.dj{width:36px;height:17px;line-height:18px;background-position:-228px -129px;color:#cd8405;font-weight:700;-webkit-transform:scale(.9);transform:scale(.9)}
.comment-top .comment-info h4 i.jx{width:36px;height:17px;line-height:18px;background-position:-269px -129px;color:#fff;font-weight:700;-webkit-transform:scale(.9);transform:scale(.9)}
.comment-top .comment-info h4 i.zz{width:36px;height:17px;line-height:18px;background-position:-311px -129px;color:#fff;font-weight:700;-webkit-transform:scale(.9);transform:scale(.9)}
.comment-top .comment-info .other{color:#a5a5a5;font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.comment-top .comment-info .other span+span{margin-left:.5rem}
.comment-top .comment-info .address::before{content:'';width:15px;height:15px;background:url(../images/icon.png) no-repeat;background-size:449px 158px;background-position:-408px -129px;display:inline-block;vertical-align:middle}
.comment-list .comment-item .comment-txt{margin-left:2.5rem;margin-top:.5rem;font-size:.875rem;color:#333;line-height:1.4}
.comment-list .comment-item .comment-act{color:#7b7b7b;font-size:.875rem;position:relative;text-align:right;margin-top:.5rem;line-height:1rem;height:1rem}
.comment-list .comment-item .comment-act span+span{margin-left:1rem}
.comment-list .comment-item .comment-act span::before{content:'';width:15px;height:15px;background:url(../images/icon.png) no-repeat;background-size:449px 158px;display:inline-block;vertical-align:text-bottom;margin-right:.35rem}
.comment-list .comment-item .comment-act .like::before{background-position:-376px -127px}
.comment-list .comment-item .comment-act .num::before{background-position:-353px -127px}
.comment-list .comment-item .comment-sub{margin-top:.8rem;margin-left:2.5rem;line-height:1.25rem;padding:.5rem .625rem;background:#f4f4f4;color:#333;font-size:.8125rem;word-wrap:break-word;border-radius:.5rem;position:relative}
.comment-list .comment-item .comment-sub::after{content:"";position:absolute;top:-8px;right:.8rem;width:15px;height:15px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background-image:linear-gradient(to bottom,transparent 96.9%,#f4f4f4 3.1%),linear-gradient(to right,#f4f4f4 96.9%,#f4f4f4 3.1%);background-image:-webkit-linear-gradient(to bottom,transparent 96.9%,#f4f4f4 3.1%),linear-gradient(to right,#f4f4f4 96.9%,#f4f4f4 3.1%)}
.comment-list .comment-item .comment-sub span{color:#089fff}
.comment-list .comment-item .comment-sub .reply-num{font-size:.75rem;color:#848484;margin-top:.25rem;display:inline-block}
.comment-selected .book-cover{width:5.90625rem;height:7.875rem;float:left;margin-right:.75rem;box-shadow:0 4px 8px rgba(51,55,61,.1);font-size:0;position:relative;overflow:hidden}
.comment-selected .book-cover img{width:100%;height:100%;display:block}
.comment-selected .selected-item{display:block;padding:1rem 1rem 0 1rem;position:relative;overflow:hidden}
.comment-selected .selected-item:last-child{padding-bottom:1rem}
.comment-selected .comment-item{padding:0}
.comment-selected .comment-item .comment-txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:3.4375rem}
.comment-selected .comment-item .comment-act{text-align:left}
.comment-selected .comment-item .commtent-all{float:right;color:#ff4141;font-size:.75rem}
.comment-selected .comment-item .commtent-all::after{content:'';width:.5rem;height:.5rem;background:url(../images/icon_arrow_2.png) no-repeat;background-size:contain;display:inline-block;margin-left:.2rem;vertical-align:unset}
.comment-selected .selected-item .title{font-size:.875rem;margin-top:.375rem}
@media screen and (max-width:320px){
.comment-selected .comment-avatar{display:none}
}
.write-comment{background:#f4f4f4;position:fixed;padding:.5rem;bottom:0;left:0;width:100%;box-sizing:border-box}
.write-comment .write-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border:1px solid #f2f2f2;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;height:2.5rem;padding:0 .625rem;background:#fff}
.write-comment label{background:url(../images/write-icon.png) no-repeat;display:block;background-size:contain;width:1.5rem;height:1.5rem;margin-right:.5rem}
.write-comment input{background:#fff;border:0;display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-webkit-appearance:none;line-height:1.25rem;font-size:.875rem;height:1.25rem;width:100%;box-sizing:initial}
.comment-wrapper{background-color:#fff;position:relative}
.comment-wrapper:before{position:absolute;top:0;right:0;height:1px;border-top:1px solid #eaeaea;transform-origin:0 0;transform:scaleY(.5)}
.comment-wrapper:before{content:" ";left:0;-webkit-transform-origin:0 0;-webkit-transform:scaleY(.5);position:absolute;top:0;right:0;height:1px;border-top:1px solid #eaeaea;transform-origin:0 0;transform:scaleY(.5)}
.comment-wrapper:after{content:" ";left:0;position:absolute;bottom:0;right:0;height:1px;border-bottom:1px solid #eaeaea;transform-origin:0 0;transform:scaleY(.5)}
.comment-wrapper .cont-textarea{padding:.5rem 1rem 0;width:100%;height:7.5rem;font-size:16px;resize:vertical;border:none;background-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.comment-wrapper a{width:4.25rem;height:1.75rem;color:#fff;line-height:1.75rem;font-size:.875rem;background:#4faa61;border-radius:3px;margin-top:.625rem;text-align:center;float:right;margin-right:1rem}
.module-rank_header{margin:1rem 0;text-align:center;position:relative}
.module-rank_header p{color:#ff4141;font-weight:700;font-size:.9375rem;position:absolute;left:0;right:0}
.module-rank_header img{width:6.5rem;display:inline-block}
.module-rank_content{position:relative;overflow:hidden;margin-bottom:1rem}
.module-rank_list{width:33%;text-align:center}
.module-rank_list .avatar{display:block;position:relative;width:4.8rem;height:5.3rem;margin:0 auto}
.module-rank_list .avatar img{width:3.5rem;height:3.5rem;border-radius:50%;margin-top:1.31rem}
.module-rank_list .avatar .bg-icon{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/rank_1.png) no-repeat;background-size:contain}
.module-rank_list:nth-child(1) .avatar{width:5.5rem;height:6rem}
.module-rank_list:nth-child(1) .avatar img{width:4rem;height:4rem}
.module-rank_list:nth-child(1){position:absolute;left:50%;transform:translateX(-50%)}
.module-rank_list:nth-child(2){float:left;margin-top:.7rem}
.module-rank_list:nth-child(3){float:right;margin-top:.7rem}
.module-rank_list:nth-child(1) .bg-icon{background:url(../images/rank_1.png) no-repeat;background-size:contain}
.module-rank_list:nth-child(2) .bg-icon{background:url(../images/rank_2.png) no-repeat;background-size:contain}
.module-rank_list:nth-child(3) .bg-icon{background:url(../images/rank_3.png) no-repeat;background-size:contain}
.module-rank_list .nickname{font-size:.625rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;width:5rem;margin:0 auto;line-height:1;margin-top:.4rem}
.module-rank_list .hot{color:#ff4141;font-size:.625rem}
.module-rank_list .hot::before{content:'';width:.8rem;height:.8rem;background:url(../images/rank_hot.png) no-repeat;background-size:contain;display:inline-block;vertical-align:text-bottom;margin-right:.2rem}
.module-rank_more{color:#ff4141;font-size:.75rem;height:1.6rem;line-height:1.6rem;width:6.4rem;text-align:center;border-radius:.3125rem;border:1px solid #ff4141;margin:1rem auto;display:block}
.module-rank_more:after{content:'';width:.5rem;height:.5rem;background:url(../images/icon_arrow_1.png) no-repeat;background-size:contain;display:inline-block;margin-left:.2rem;vertical-align:unset}
.search-content{background-color:#fff;margin:0;position:relative}
.search-content form{padding:1rem 1rem .5rem;position:relative}
.search-content .search-input{display:block;line-height:2rem;width:100%;background-color:#f4f4f4;border:none;border-radius:1rem;font-size:.8125rem;text-indent:.75rem;color:#ababab}
.search-content .search-btn{position:absolute;right:2rem;top:1.5rem;width:1rem;height:1rem;background:url(../images/search_icon.png) no-repeat;background-size:contain;border:0 none}
.search-content .search-res{padding:1rem;font-size:.8125rem;font-weight:700;border-top:1px solid #f4f4f4}
.top-menu{position:absolute;overflow:auto;width:4.6875rem;top:2.5rem;bottom:0;left:0;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}
.top-menu .menu-item{position:relative;display:block;height:2.8 rem;line-height:2.8rem;background-color:#f7f7f7;box-sizing:border-box;color:#333;font-size:.875rem;text-align:center;border-bottom:1px solid #dedede}
.top-menu .menu-item.current{background-color:#fff}
.top-menu .menu-item.current::before{content:'';position:absolute;top:0;bottom:0;left:0;width:.2rem;background-color:#4faa61}
.top-content{position:absolute;overflow:auto;top:2.5rem;bottom:0;left:4.6875rem;padding:.5rem;background-color:#fff;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}
.top-content .book-node{padding:.5rem}
.top-content .book-node .book-cover{width:3.675rem;height:5.25rem}
.top-content .book-node .book-desc{-webkit-line-clamp:2;height:2.2rem;margin-bottom:.3125rem}
.top-content .book-node .book-text{height:5.25rem}
.top-content .book-node .book-title{padding-right:1.5rem}
.top-content .book-node .num{font-size:.75rem;font-weight:700;position:absolute;right:0;top:.5rem;color:#898989}
.top-content li:nth-child(-n+3) .num{color:#f96060}
.sort-filters{position:relative}
.sort-filters .screen{position:absolute;top:.625rem;right:1rem;color:#7b7a7b;padding-right:1rem;z-index:99;font-size:.875rem}
.sort-filters .screen::after{content:" ";display:inline-block;height:8px;width:8px;border-width:1px 1px 0 0;border-color:#09b295;border-style:solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:50%;margin-top:-3px;right:0}
.sort-filters .open::after{border-color:#4faa61;margin-top:-8px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.sort-filters li{display:-webkit-box;position:relative;padding:.5rem 0}
.sort-filters li .list{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin:0 1rem}
.sort-filters li a{font-size:.875rem;color:#000;white-space:nowrap;margin-right:1.25rem}
.sort-filters li a.active{color:#4faa61}
.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.dropload-down{height:3.125rem}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:3.125rem;line-height:3.125rem;text-align:center;font-size:.75rem;color:#8d8d8d}
.dropload-load img{width:1.125rem;vertical-align:text-bottom;margin-right:.5rem}
.dropload-load .loading{display:inline-block;height:1.125rem;width:1.125rem;border-radius:100%;margin:.375rem;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}
.module-gift-log{padding:1rem 1rem 0 1rem}
.gift-log_item{background:#fff;padding:.75rem;border-radius:.3rem;margin-bottom:1rem;position:relative;box-shadow:0 4px 8px rgba(51,55,61,.1)}
.gift-log_item .comment-avatar{width:2.5rem;height:2.5rem}
.gift-log_item .comment-info .other{color:#ff4141}
.gift-log_item::before{content:'';position:absolute;top:0;right:0;width:0;height:0;transform:rotate(90deg);border-width:1.125rem;border-color:#aaa transparent transparent #aaa;border-style:solid;border-top-left-radius:.3rem}
.gift-log_item:nth-child(1)::before{border-color:#ff2a2a transparent transparent #ff2a2a}
.gift-log_item:nth-child(2)::before{border-color:#9bd4e4 transparent transparent #9bd4e4}
.gift-log_item:nth-child(3)::before{border-color:#f5b262 transparent transparent #f5b262}
.gift-log_item .number{position:absolute;top:.1rem;right:.5rem;color:#fff;font-size:.8125rem;font-style:normal;font-weight:700}
.friends-top_item{background:#fff;padding:1rem;position:relative}
.friends-top_item::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #f4f4f4;color:#e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.friends-top_item .comment-avatar{width:2.5rem;height:2.5rem}
.friends-top_item .comment-info .other{color:#ff4141}
.friends-top_item::before{content:'';width:0;height:18px;border-left:10px solid #c5c5c5;border-right:10px solid #c5c5c5;border-bottom:10px solid transparent;position:absolute;right:16px;top:0;background:#fff}
.friends-top_item:nth-child(-n+3)::before{border-left:10px solid #ff2a2a;border-right:10px solid #ff2a2a}
.friends-top_item .number{position:absolute;top:1px;right:16px;color:#fff;font-size:13px;font-style:normal;font-weight:700;width:20px;text-align:center}
.module-reward_box .layui-m-layercont{padding:1rem}
.module-reward_box .layui-m-layerbtn span[yes]{color:#ff4141}
.module-reward_title{text-align:center;margin:1rem auto 0;border-top:1px solid #c3c3c3}
.module-reward_title span{position:relative;top:-12px;background:#fff;padding:0 1rem;color:#a5a5a5;font-size:.75rem}
.module-reward_cont ul{position:relative;overflow:hidden}
.module-reward_cont ul li{float:left;width:28%;margin-right:6.7%;border:1px solid #eee;display:block;position:relative;padding:.625rem 0}
.module-reward_cont ul li:nth-child(3n){margin-right:0}
.module-reward_cont ul li:nth-child(-n+3){margin-bottom:1rem}
.module-reward_cont ul li.active{border:1px solid #ff4141}
.module-reward_cont ul li .reward-icon{width:37px;margin:0 auto 5px;display:block;height:32px;background:url(../images/interact-icon.png) no-repeat;background-size:72.5px}
.module-reward_cont ul li.active .reward-icon{background-position:-36px 0}
.module-reward_cont ul li .text{font-size:.8125rem;color:#a5a5a5}
.module-reward_cont ul li.active .text{color:#ff4141}
.topic-item{padding-top:1rem;margin-bottom:1rem;display:block}
.topic-item .topic-top{padding:0 1rem}
.topic-item .title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.topic-item .title .left{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#000;font-size:1rem;font-weight:700}
.topic-item .title .right{font-size:.85rem;color:#a5a5a5}
.topic-item .topic-desc{margin-top:.5rem;font-size:.875rem;color:#333;line-height:1.4}
.topic-item .topic-img{margin-top:.5rem;width:100%;display:block}
.topic-item .topic-img img{width:100%;display:block}
.topic-detail img{width:100%;display:block}
.topic-detail p{padding:.5rem 1rem;font-size:.875rem;color:#333;line-height:1.4}