.new_flexbox[data-v-63e29e2e]{width:100%;height:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;padding:10px}.new_flexbox .classtitle[data-v-63e29e2e]{height:30px;background:#0093ff}.new_flexbox .classitem[data-v-63e29e2e]{min-width:320px;height:60px;background-color:#f5f5f5;margin-bottom:20px;border-radius:4px;margin-right:10px;display:flex;padding:12px 20px}.new_flexbox .classitem .imgbox[data-v-63e29e2e]{margin-top:15px;margin-right:20px}.new_flexbox .classitem .imgbox img[data-v-63e29e2e]{width:22px;height:30px}.new_flexbox .classitem .imgbox .num[data-v-63e29e2e]{margin-top:5px;background:#c1c1c1;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;font-size:12px;border-radius:4px}.new_flexbox .classitem .header_box[data-v-63e29e2e]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-top:10px}.new_flexbox .classitem .header_box .img[data-v-63e29e2e]{width:40px;height:40px}.new_flexbox .classitem .name_box[data-v-63e29e2e]{margin-left:15px;width:200px}.new_flexbox .classitem .name_box ._name[data-v-63e29e2e]{color:#313131;margin-top:14px;font-size:14px}.new_flexbox .classitem .name_box .company[data-v-63e29e2e]{color:#c1c1c1;font-size:12px}.new_flexbox .classitem .study_time[data-v-63e29e2e]{line-height:60px;font-size:12px}.flex_box[data-v-63e29e2e]{display:flex}.flex_box .rank_nav[data-v-63e29e2e]{padding-top:25px;margin-right:10px}.flex_box .rank_nav .rank_list[data-v-63e29e2e]{margin-bottom:10px;width:320px;width:90%;height:60px;padding:12px 10px 12px 10px;background-color:#f5f5f5;border-radius:4px;display:flex;box-sizing:border-box}.flex_box .rank_nav .rank_list .imgbox[data-v-63e29e2e]{margin-top:5px;margin-right:20px}.flex_box .rank_nav .rank_list .imgbox img[data-v-63e29e2e]{width:22px;height:30px}.flex_box .rank_nav .rank_list .imgbox .num[data-v-63e29e2e]{margin-top:5px;background:#c1c1c1;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;font-size:12px;border-radius:4px}.flex_box .rank_nav .rank_list .header_box[data-v-63e29e2e]{width:40px;height:40px;border-radius:50%;overflow:hidden}.flex_box .rank_nav .rank_list .header_box .img[data-v-63e29e2e]{width:40px;height:40px}.flex_box .rank_nav .rank_list .name_box[data-v-63e29e2e]{margin-left:15px;width:100px}.flex_box .rank_nav .rank_list .name_box ._name[data-v-63e29e2e]{color:#313131;margin-top:4px;font-size:14px;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex_box .rank_nav .rank_list .name_box .company[data-v-63e29e2e]{color:#c1c1c1;font-size:12px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex_box .rank_nav .rank_list .study_time[data-v-63e29e2e]{line-height:40px;font-size:12px;white-space:nowrap}.nav[data-v-63e29e2e]{width:362px;height:470px;background:#fff;margin:0 10px}.nav .name[data-v-63e29e2e]{padding:0 20px;line-height:56px;border-bottom:1px solid #e1e1e1;color:rgba(0,0,0,.56)}.nav .list[data-v-63e29e2e]{padding:30px 20px 20px 20px}.nav .list .new_top[data-v-63e29e2e]{width:322px;height:90px;display:flex}.nav .list .new_top .imgbox[data-v-63e29e2e]{width:147px;height:90px;background:pink;position:relative;overflow:hidden;margin:0 8px}.nav .list .new_top .imgbox .img[data-v-63e29e2e]{width:100%;height:100%}.nav .list .new_top .imgbox .text[data-v-63e29e2e]{width:147px;position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;bottom:0;background-color:rgba(49,49,49,.8);font-size:12px;line-height:28px;color:#fff;padding-left:5px;padding-right:5px;box-sizing:border-box}.nav .list .text_list[data-v-63e29e2e]{margin:20px 8px}.nav .list .text_list .item_box[data-v-63e29e2e]{height:44px;margin-top:23px}.nav .list .text_list .item_box .item_title[data-v-63e29e2e]{cursor:pointer;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav .list .text_list .item_box .item_title[data-v-63e29e2e]:hover{transition:all .2s;color:#4bbbfa}.nav .list .text_list .item_box .time_box[data-v-63e29e2e]{padding-top:8px;font-size:12px;color:#919191}.nav .rank_title[data-v-63e29e2e]{display:flex;justify-content:space-between;border-bottom:1px solid #e1e1e1}.nav .rank_title .ranking_name[data-v-63e29e2e]{padding:0 20px;line-height:56px;color:rgba(0,0,0,.56);display:flex}.nav .rank_title .ranking_name .option[data-v-63e29e2e]{margin-right:20px;box-sizing:border-box;cursor:pointer}.nav .rank_title .ranking_name .cur[data-v-63e29e2e]{transition:all .3s;border-bottom:1px solid #000;color:#4bbbfa}.nav .rank_title .rank_time[data-v-63e29e2e]{display:flex;padding-top:20px}.nav .rank_title .rank_time .time[data-v-63e29e2e]{padding:0 10px;cursor:pointer;color:#666;font-size:14px}.nav .rank_title .rank_time .cur[data-v-63e29e2e],.nav .rank_title .rank_time .time[data-v-63e29e2e]:hover{transition:all .3s;color:#4bbbfa}.nav .rank_title .rank_time .boder[data-v-63e29e2e]{border-left:1px solid #666;height:12px;margin-top:5px}.data_box[data-v-63e29e2e]{background-color:#fff;margin:20px;padding:20px}.data_box .title_box[data-v-63e29e2e]{color:#666}.data_box .number_box[data-v-63e29e2e]{display:flex;justify-content:space-around;margin-top:40px}.data_box .number_box .nav_box[data-v-63e29e2e]{width:150px}.data_box .number_box .num[data-v-63e29e2e]{font-size:32px;color:#666;text-align:center}.data_box .number_box .name[data-v-63e29e2e]{font-size:14px;color:#999;margin-top:12px;text-align:center}.btm_box[data-v-63e29e2e]{display:flex;margin:20px;justify-content:space-between}.btm_box .left_box[data-v-63e29e2e]{width:55%;background-color:#fff;padding:20px;box-sizing:border-box;color:#666}.btm_box .left_box .title[data-v-63e29e2e]{display:flex;justify-content:space-between}.btm_box .left_box .time_box[data-v-63e29e2e]{display:flex;border:1px solid #eee;border-radius:5px;overflow:hidden}.btm_box .left_box .checked[data-v-63e29e2e]{padding:5px 8px;font-size:12px;cursor:pointer}.btm_box .left_box .cur[data-v-63e29e2e]{background-color:#0093ff;color:#fff}.btm_box .left_box .left[data-v-63e29e2e]{border-left:1px solid #eee}.btm_box .right_box[data-v-63e29e2e]{width:43%;background-color:#fff;padding:20px;box-sizing:border-box}.btm_box .right_box .title[data-v-63e29e2e]{display:flex;justify-content:space-between}.btm_box .right_box .time_box[data-v-63e29e2e]{display:flex;border:1px solid #eee;border-radius:5px;overflow:hidden}.btm_box .right_box .checked[data-v-63e29e2e]{padding:5px 8px;font-size:12px;cursor:pointer}.btm_box .right_box .cur[data-v-63e29e2e]{background-color:#0093ff;color:#fff}.btm_box .right_box .left[data-v-63e29e2e]{border-left:1px solid #eee}