.sort_red{background-color:#f75b5a}.sort_orange{background-color:#faab48}.sort_purple{background-color:#9289e8}.sort_green{background-color:#99c934}.sort_blue{background-color:#569fe8}.sort_x_girl{background-color:#ff6b77}.sort_x_boy{background-color:#86abf2}.sort_x_public{background-color:#faaa47}.sort_current{background-color:#9ebbf7;color:#fff!important}.red_current{background-color:#fd8eba}.orange_current{background-color:#ffc26c}.green_current{background-color:#49e4ad}.flex{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1}.pack{-webkit-box-pack:center;-o-box-pack:center;-moz-box-pack:center}.align{-webkit-box-align:center;-o-box-align:center;-moz-box-align:center}.justify{-webkit-box-pack:justify;-o-box-pack:justify;-moz-box-pack:justify}.orient{-webkit-box-orient:vertical;-o-box-orient:vertical;-moz-box-orient:vertical}.tc{text-align:center}.over{overflow:hidden}.text_over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.clearfix:after{height:0;visibility:hidden}.line{height:7px;background-color:#f5f5f5;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.thin_line{border-bottom:1px solid #f1f1f1}.line_two{width:100%;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;display:-o-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.line_three{width:100%;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;display:-o-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.opa{opacity:.7}.pos{position:absolute;top:20px;padding:0 12px;font-size:1.3rem!important;color:#999!important}.pos_author{position:absolute;bottom:20px;width:100%;display:-webkit-box;-webkit-box-pack:center;-o-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-o-box-align:center;-moz-box-align:center;color:#999!important}.pos_author span{display:block;width:66.6%;font-size:.6rem!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pay-btn{height:40px;line-height:40px;text-align:center;font-size:1.6rem;width:100%;border-radius:5px;display:block;margin:15px 0 0;-webkit-background-clip:padding-box}.red-btn{background-color:#f3563e;color:#fff;border:1px solid #f3563e}.red-btn-c{background-color:#c24532;border:1px solid #c24532}.disable{opacity:.5}.white-btn{border:1px solid #25c4a6;color:#25c4a6}.white-btn:hover{background-color:#e7e7e7}.green-btn{background-color:#25c4a6;color:#fff;border:1px solid #25c4a6}.green-btn-c{background-color:#1e9d85;border:1px solid #1e9d85}.book_cover{display:block;position:relative;margin-right:15px;width:90px;height:124px;float:left}.book_cover img{width:90px;height:124px}.book_cover p{font-size:.9rem;text-align:center}.book_cover .free_red{position:absolute;display:block;width:31px;top:0;left:0}.book_cover .free_red img{width:31px;height:31px}.white-bg{background:#fff}body,html{height:100%}.clearfix:after{display:block;content:'';clear:both}.clearfix{zoom:1}article{height:100%;background-color:#f5f5f5}section .error{width:155px;height:65px;background:url(../images/error.png) no-repeat;background-size:100%;margin:175px auto 15px}section .error-server{width:115px;height:118px;background:url(../images/error2.png) no-repeat;background-size:100%;margin:150px auto 15px}section .refresh{width:115px;height:118px;background:url(../images/refresh.png) no-repeat;background-size:100%;margin:150px auto 15px}section .refresh1{width:115px;height:118px;background:url(../images/refresh1.png) no-repeat;background-size:100%;margin:150px auto 15px}section p{font-size:1.5rem;color:#6d6c6c;margin-bottom:15px;text-align:center}section .blue{display:block;text-align:center;color:#65b7e7;font-size:1.3rem;margin-bottom:30px}section .btn{padding:0 60px}section .btn a{display:block;width:110px;height:40px;background-color:#25c4a6;text-align:center;line-height:40px;color:#fff;font-size:1.5rem;border-radius:5px;-webkit-border-radius:5px}section .btn .again{float:left}section .btn .go_index{float:right}@media screen and (max-width:320px){section .btn{padding:0 30px}}