.item_box{width:260px;padding:10px 20px 20px;margin-bottom:20px;border:1px solid #f2f2f2}.item_box .item_title{border-bottom:1px solid #ffe6e6;font-size:16px;font-weight:500;padding:5px 0;margin-bottom:10px}.item_box .content_box{height:419px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.item_box .content_box,.item_box .content_box .content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item_box .content_box .content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item_box .content_box .content span{display:inline-block;width:16px;height:16px;text-align:center;line-height:16px;background-color:#e5e5e5;border-radius:3px;font-size:12px;color:#fff}.item_box .content_box .content .first_span{background-color:#ee3d3d}.item_box .content_box .content .second_span{background-color:#ff7545}.item_box .content_box .content .third_span{background-color:#ff9d45}.item_box .content_box .content .text{width:220px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item_box .content_box .content .text .book_name{width:130px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item_box .content_box .content .text .auther_name{width:50px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}.item_box .content_box .first_content{width:220px;height:100px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.item_box .content_box .first_content img{width:72px;height:100px;-webkit-box-shadow:0 2px 8px hsla(0,0%,49.8%,.15);box-shadow:0 2px 8px hsla(0,0%,49.8%,.15);border-radius:4px}.item_box .content_box .first_content span{width:16px;height:16px}.item_box .content_box .first_content .text{width:110px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.item_box .content_box .first_content .text .book_name{overflow:inherit;height:40px;white-space:inherit}.item_box .content_box .first_content .text .auther_name{color:#999}.popularity_box{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.popularity_box,.rank_box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.rank_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.item_data_box{width:100%;height:200px;padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item_data_box .book_image{width:120px;height:160px;border-radius:6px}.item_data_box .data_content_box{width:700px;height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item_data_box .data_content_box .content_left_box{width:494px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between}.item_data_box .data_content_box .content_left_box div{width:100%}.item_data_box .data_content_box .content_left_box .left_content_top{height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item_data_box .data_content_box .content_left_box .left_content_top h1{font-size:20px}.item_data_box .data_content_box .content_left_box .left_content_top .info_box{height:20px}.item_data_box .data_content_box .content_left_box .left_content_top .info_box span{padding:0 8px;border-right:1px solid #999;color:#999}.item_data_box .data_content_box .content_left_box .left_content_middle{height:43px;text-overflow:ellipsis;overflow:hidden;white-space:inherit;line-height:21px}.item_data_box .data_content_box .content_left_box .left_content_bottom{height:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.item_data_box .data_content_box .content_left_box .left_content_bottom span{font-size:14px;font-weight:400;line-height:18px;color:#ee3d3d;margin-right:10px}.item_data_box .data_content_box .content_left_box .left_content_bottom p{font-size:14px;font-weight:400;line-height:18px;color:#333;margin-right:20px}.item_data_box .data_content_box .content_left_box .left_content_bottom h1{font-size:14px;font-weight:400;line-height:18px;color:#999}.item_data_box .data_content_box .content_right_box{width:116px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item_data_box .data_content_box .content_right_box div{width:116px;height:36px;text-align:center;line-height:36px;border-radius:4px}.item_data_box .data_content_box .content_right_box .botton_read{background-color:#ee3d3d;color:#fff;margin-bottom:10px}.item_data_box .data_content_box .content_right_box .botton_add{border:1px solid #ee3d3d;background-color:#fff;color:#ee3d3d}.rank{width:1100px;margin:auto;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff}.rank,.rank_left_box{display:-webkit-box;display:-ms-flexbox;display:flex}.rank_left_box{width:226px;height:496px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;background-color:#f8f9fb}.rank_left_box .tab_box{font-size:16px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.rank_left_box .tab_box span{display:inline-block;width:5px;height:15px;margin-right:5px;color:#333;font-size:16px;border-radius:2px;background-color:transparent}.rank_left_box .tab_box .left_tab_box{width:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rank_left_box .tab_box .left_tab_box img{width:16px;height:16px}.rank_left_box .active_tab{color:#fff!important;background-color:#ee3d3d!important}.rank_left_box .tab_box:hover{color:#333;background:rgba(0,0,0,.03)}.rank_right_box{width:842px;background-color:#fff}.rank_right_box .tab_title{color:#333;font-size:16px;font-weight:600}.rank_right_box .book_type_box{width:100%;height:62px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0;border-bottom:1px solid #ffe6e6;margin-bottom:20px}.rank_right_box .book_type_box span{display:inline-block;padding:3px 10px;border-radius:6px;cursor:pointer}.rank_right_box .book_type_box span:hover{color:#ee3d3d}.rank_right_box .book_type_box .active_span{background-color:#ee3d3d;color:#fff!important}