.yioks-flex-box[data-v-5d9ae945]{display:flex;width:100%}.yioks-flex-box.horizontal[data-v-5d9ae945]{flex-direction:row}.yioks-flex-box.column[data-v-5d9ae945]{flex-direction:column}.yioks-flex-box.wrap[data-v-5d9ae945]{flex-wrap:wrap}.yioks-flex-box .yioks-flex-item[data-v-5d9ae945]{flex:1}.yioks-flex-box .yioks-flex-item.half[data-v-5d9ae945]{flex:none;width:50%}.yioks-card[data-v-5d9ae945]{font-size:16px;box-sizing:border-box;padding:10px 15px}.yioks-card .yioks-card-title[data-v-5d9ae945]{font-size:20px;padding-bottom:6px;color:#4cd964;border-bottom:2px solid #ccc}.yioks-card .yioks-card-content[data-v-5d9ae945]{padding:10px 5px}.flex[data-v-5d9ae945]{display:flex}.mr10[data-v-5d9ae945]{margin-right:10px}.mainWrap[data-v-5d9ae945]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tutorial_main[data-v-5d9ae945]{width:890px;display:flex;flex-direction:column}.tutorial_main .main[data-v-5d9ae945]{width:100%;color:#fff;background-color:rgba(0,0,0,.7);height:570px}.tutorial_main .main .mainHeader[data-v-5d9ae945]{height:40px;padding:0 30px;margin:15px 0;display:flex;justify-content:space-between;align-items:center;font-size:18px;user-select:none}.tutorial_main .main .mainHeader .searchWrap[data-v-5d9ae945]{height:100%;display:flex;font-size:16px}.tutorial_main .main .mainHeader .searchWrap .wrap[data-v-5d9ae945]{position:relative;height:100%}.tutorial_main .main .mainHeader .searchWrap .wrap .close[data-v-5d9ae945]{position:absolute;right:5px;top:10px;color:#909399;cursor:pointer}.tutorial_main .main .mainHeader .searchWrap input[data-v-5d9ae945]{width:275px;height:100%;padding:0 30px 0 15px;color:#000}.tutorial_main .main .mainHeader .searchWrap .search[data-v-5d9ae945]{width:65px;height:100%;display:flex;justify-content:center;align-items:center;background-color:#4cd964;cursor:pointer}.tutorial_main .main .mainBody[data-v-5d9ae945]{height:calc(100% - 147px)}.tutorial_main .main .mainBody .content[data-v-5d9ae945]{padding:0 30px;display:flex;flex-wrap:wrap;justify-content:space-between}.tutorial_main .main .mainBody .content .tutorialItem[data-v-5d9ae945]{flex:0 0 auto;width:405px;height:170px;padding:15px 20px 0 20px;margin:0 0 10px 0;font-size:18px;background-color:rgba(0,0,0,.7);cursor:pointer}.tutorial_main .main .mainBody .content .tutorialItem .up[data-v-5d9ae945]{display:flex;padding:0 0 15px 0;border-bottom:1px solid #fff}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap[data-v-5d9ae945]{flex:0 0 auto;position:relative;width:170px;height:100px}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap .load_btn[data-v-5d9ae945]{position:absolute;bottom:3px;left:3px;display:flex;align-items:center;font-size:14px;user-select:none;line-height:1}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap .load_btn .down_text[data-v-5d9ae945]{font-size:10px;margin-left:3px}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap img[data-v-5d9ae945]{width:100%;height:100%}.tutorial_main .main .mainBody .content .tutorialItem .up .title[data-v-5d9ae945]{height:100px;padding:0 0 0 10px;overflow:hidden}.tutorial_main .main .mainBody .content .tutorialItem .up .title .author[data-v-5d9ae945]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;height:auto;display:block}.tutorial_main .main .mainBody .content .tutorialItem .up .title p[data-v-5d9ae945]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:75px;overflow:hidden;margin-bottom:5px}.tutorial_main .main .mainBody .content .tutorialItem .down[data-v-5d9ae945]{display:flex;justify-content:space-between;padding:10px 0 0;font-size:14px;line-height:1}.tutorial_main .main .mainBody .content .tutorialItem .down .club_name[data-v-5d9ae945]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial_main .main #paging[data-v-5d9ae945]{width:100%;height:77px}.t_pre[data-v-5d9ae945]{white-space:pre!important}.nav_filter_wrap[data-v-5d9ae945]{display:block;width:100%;padding:0 20px;margin-bottom:20px;font-size:18px;color:#fff;background-color:rgba(0,0,0,.7)}.nav_filter_wrap .up_wrap[data-v-5d9ae945]{display:flex;align-items:center;border-bottom:1px solid #fff;padding:10px 0 5px}.nav_filter_wrap .up_wrap .icon[data-v-5d9ae945]{margin-right:20px;cursor:pointer}.nav_filter_wrap .up_wrap .main_wrap[data-v-5d9ae945]{display:flex;flex:1;justify-content:space-between;align-items:center}.nav_filter_wrap .up_wrap .main_wrap .left[data-v-5d9ae945],.nav_filter_wrap .up_wrap .main_wrap .right[data-v-5d9ae945]{display:flex;align-items:center}.nav_filter_wrap .up_wrap .main_wrap .left .btn[data-v-5d9ae945],.nav_filter_wrap .up_wrap .main_wrap .right .btn[data-v-5d9ae945]{padding:5px 15px;cursor:pointer}.nav_filter_wrap .up_wrap .main_wrap .left .btn.active[data-v-5d9ae945],.nav_filter_wrap .up_wrap .main_wrap .right .btn.active[data-v-5d9ae945]{background-color:#4cd964}.nav_filter_wrap .up_wrap .main_wrap .left .btn+.btn[data-v-5d9ae945],.nav_filter_wrap .up_wrap .main_wrap .left .zuxie-btn+.zuxie-btn[data-v-5d9ae945],.nav_filter_wrap .up_wrap .main_wrap .right .btn+.btn[data-v-5d9ae945],.nav_filter_wrap .up_wrap .main_wrap .right .zuxie-btn+.zuxie-btn[data-v-5d9ae945]{margin-left:10px}.nav_filter_wrap .down_wrap[data-v-5d9ae945]{display:block;padding:5px 0}.nav_filter_wrap .down_wrap .filter_line[data-v-5d9ae945]{display:flex;align-items:center}.nav_filter_wrap .down_wrap .filter_line .item[data-v-5d9ae945]{padding:3px 8px;cursor:pointer;line-height:1.1}.nav_filter_wrap .down_wrap .filter_line .item.active[data-v-5d9ae945]{background-color:#4cd964}.nav_filter_wrap .down_wrap .filter_line+.filter_line[data-v-5d9ae945]{margin-top:10px}