.mainWrap[data-v-4eba9ed4]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tutorial_main[data-v-4eba9ed4]{width:890px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tutorial_main .main[data-v-4eba9ed4]{width:100%;color:#fff;background-color:rgba(0,0,0,.7);height:570px}.tutorial_main .main .mainHeader[data-v-4eba9ed4]{height:40px;padding:0 30px;margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tutorial_main .main .mainHeader .searchWrap[data-v-4eba9ed4]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px}.tutorial_main .main .mainHeader .searchWrap .wrap[data-v-4eba9ed4]{position:relative;height:100%}.tutorial_main .main .mainHeader .searchWrap .wrap .close[data-v-4eba9ed4]{position:absolute;right:5px;top:10px;color:#909399;cursor:pointer}.tutorial_main .main .mainHeader .searchWrap input[data-v-4eba9ed4]{width:275px;height:100%;padding:0 30px 0 15px;color:#000}.tutorial_main .main .mainHeader .searchWrap .search[data-v-4eba9ed4]{width:65px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#4cd964;cursor:pointer}.tutorial_main .main .mainBody[data-v-4eba9ed4]{height:calc(100% - 147px)}.tutorial_main .main .mainBody .content[data-v-4eba9ed4]{padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tutorial_main .main .mainBody .content .tutorialItem[data-v-4eba9ed4]{-webkit-box-flex:0;-ms-flex:0 0 auto;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-4eba9ed4]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0 15px 0;border-bottom:1px solid #fff}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap[data-v-4eba9ed4]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;width:170px;height:100px}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap .load_btn[data-v-4eba9ed4]{position:absolute;bottom:3px;left:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap .load_btn .down_text[data-v-4eba9ed4]{font-size:10px;margin-left:3px}.tutorial_main .main .mainBody .content .tutorialItem .up .imgWrap img[data-v-4eba9ed4]{width:100%;height:100%}.tutorial_main .main .mainBody .content .tutorialItem .up .title[data-v-4eba9ed4]{height:100px;padding:0 0 0 10px;overflow:hidden}.tutorial_main .main .mainBody .content .tutorialItem .up .title .author[data-v-4eba9ed4]{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-4eba9ed4]{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-4eba9ed4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;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-4eba9ed4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial_main .main #paging[data-v-4eba9ed4]{width:100%;height:77px}.nav_filter_wrap[data-v-4eba9ed4]{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-4eba9ed4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #fff;padding:10px 0 5px}.nav_filter_wrap .up_wrap .icon[data-v-4eba9ed4]{margin-right:20px;cursor:pointer}.nav_filter_wrap .up_wrap .main_wrap[data-v-4eba9ed4]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav_filter_wrap .up_wrap .main_wrap .left[data-v-4eba9ed4],.nav_filter_wrap .up_wrap .main_wrap .right[data-v-4eba9ed4],.nav_filter_wrap .up_wrap .main_wrap[data-v-4eba9ed4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav_filter_wrap .up_wrap .main_wrap .left .btn[data-v-4eba9ed4],.nav_filter_wrap .up_wrap .main_wrap .right .btn[data-v-4eba9ed4]{padding:5px 15px;cursor:pointer}.nav_filter_wrap .up_wrap .main_wrap .left .btn.active[data-v-4eba9ed4],.nav_filter_wrap .up_wrap .main_wrap .right .btn.active[data-v-4eba9ed4]{background-color:#4cd964}.nav_filter_wrap .up_wrap .main_wrap .left .btn+.btn[data-v-4eba9ed4],.nav_filter_wrap .up_wrap .main_wrap .left .zuxie-btn+.zuxie-btn[data-v-4eba9ed4],.nav_filter_wrap .up_wrap .main_wrap .right .btn+.btn[data-v-4eba9ed4],.nav_filter_wrap .up_wrap .main_wrap .right .zuxie-btn+.zuxie-btn[data-v-4eba9ed4]{margin-left:10px}.nav_filter_wrap .down_wrap[data-v-4eba9ed4]{display:block;padding:5px 0}.nav_filter_wrap .down_wrap .filter_line[data-v-4eba9ed4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav_filter_wrap .down_wrap .filter_line .item[data-v-4eba9ed4]{padding:3px 10px;cursor:pointer;line-height:1.1}.nav_filter_wrap .down_wrap .filter_line .item.active[data-v-4eba9ed4]{background-color:#4cd964}.nav_filter_wrap .down_wrap .filter_line+.filter_line[data-v-4eba9ed4]{margin-top:10px}