.t_pre[data-v-f167882a]{white-space:pre!important}.yioks-flex-box[data-v-f167882a]{display:flex;width:100%}.yioks-flex-box.horizontal[data-v-f167882a]{flex-direction:row}.yioks-flex-box.column[data-v-f167882a]{flex-direction:column}.yioks-flex-box.wrap[data-v-f167882a]{flex-wrap:wrap}.yioks-flex-box .yioks-flex-item[data-v-f167882a]{flex:1}.yioks-flex-box .yioks-flex-item.half[data-v-f167882a]{flex:none;width:50%}.yioks-card[data-v-f167882a]{font-size:16px;box-sizing:border-box;padding:10px 15px}.yioks-card .yioks-card-title[data-v-f167882a]{font-size:20px;padding-bottom:6px;color:#4cd964;border-bottom:2px solid #ccc}.yioks-card .yioks-card-content[data-v-f167882a]{padding:10px 5px}.flex[data-v-f167882a]{display:flex}.mr10[data-v-f167882a]{margin-right:10px}.tutorialNav[data-v-f167882a]{flex:1 1 auto;padding:0 20px 0 0;display:flex;justify-content:space-between;align-items:center}.tutorialNav .title[data-v-f167882a]{display:flex}.tutorialNav .title .en_break[data-v-f167882a]{max-width:380px;word-break:break-all;word-wrap:break-word}.tutorialNav .title p[data-v-f167882a]{font-size:20px}.tutorialNav .title span[data-v-f167882a]{margin:0 0 0 10px;font-size:16px;align-self:center}.tutorialNav .filterWrap[data-v-f167882a]{display:flex;flex:none}.tutorialNav .filterWrap p[data-v-f167882a]{align-self:center;font-size:18px}.tutorialNav .filterWrap select[data-v-f167882a]{width:145px;height:35px;padding:0 0 0 10px;margin:0 0 0 10px;color:#000;font-size:16px}.tutorialMain[data-v-f167882a]{width:100%;height:100%;padding:40px 0 0 0;background-color:rgba(0,0,0,.7)}.tutorialMain .scrollArea[data-v-f167882a]{width:100%;height:calc(100% - 77px)}.tutorialMain .scrollArea .tutorialWrap[data-v-f167882a]{padding:0 35px 0 30px;display:flex;flex-wrap:wrap;justify-content:space-between}.tutorialMain .scrollArea .tutorialWrap .tutorialItem[data-v-f167882a]{flex:0 0 auto;width:405px;height:170px;padding:15px 20px 0 20px;margin:0 0 30px 0;font-size:18px;background-color:rgba(0,0,0,.7);cursor:pointer}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .up[data-v-f167882a]{display:flex;padding:0 0 15px 0;border-bottom:1px solid #fff}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .up .imgWrap[data-v-f167882a]{flex:0 0 auto;position:relative;width:170px;height:100px}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .up .imgWrap img[data-v-f167882a]{width:100%;height:100%}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .up .title[data-v-f167882a]{height:100px;padding:0 0 0 10px;overflow:hidden}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .up .title .author[data-v-f167882a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .up .title p[data-v-f167882a]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:75px;margin-bottom:5px}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .down[data-v-f167882a]{display:flex;justify-content:space-between;padding:10px 0 0;font-size:14px;line-height:1}.tutorialMain .scrollArea .tutorialWrap .tutorialItem .down .club_name[data-v-f167882a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorialMain #paging[data-v-f167882a]{width:100%;height:77px}