#mainWrap[data-v-2fdad87d]{width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#main[data-v-2fdad87d],#mainWrap[data-v-2fdad87d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main[data-v-2fdad87d]{width:890px;height:710px;-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}#main .main[data-v-2fdad87d],#main .nav[data-v-2fdad87d]{width:100%;color:#fff;background-color:rgba(0,0,0,.7)}#main .nav[data-v-2fdad87d]{height:120px;padding:0 20px;margin:0 0 20px 0;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main .nav .up[data-v-2fdad87d]{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #fff}#main .nav .up .icon[data-v-2fdad87d]{padding:0 20px 0 0}#main .nav .up .icon .backBtn[data-v-2fdad87d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}#main .nav .up .navBtns[data-v-2fdad87d]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#main .nav .up .navBtns .btn[data-v-2fdad87d]{padding:5px 15px;cursor:pointer}#main .nav .up .navBtns .active[data-v-2fdad87d]{background-color:#4cd964}#main .nav .up .navBtns .left[data-v-2fdad87d],#main .nav .up .navBtns .right[data-v-2fdad87d]{display:-webkit-box;display:-ms-flexbox;display:flex}#main .nav .up .navBtns .left .btn[data-v-2fdad87d]{margin:0 10px 0 0}#main .nav .up .navBtns .right .btn[data-v-2fdad87d]{margin:0 0 0 10px}#main .nav .down ul[data-v-2fdad87d]{margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main .nav .down ol li[data-v-2fdad87d]{display:inline-block;padding:3px 10px;cursor:pointer}#main .nav .down .active[data-v-2fdad87d]{background-color:#4cd964}#main .main[data-v-2fdad87d]{height:570px}#main .main .mainHeader[data-v-2fdad87d]{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}#main .main .mainHeader .searchWrap[data-v-2fdad87d]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px}#main .main .mainHeader .searchWrap .wrap[data-v-2fdad87d]{position:relative;height:100%}#main .main .mainHeader .searchWrap .wrap .close[data-v-2fdad87d]{position:absolute;right:5px;top:10px;color:#909399;cursor:pointer}#main .main .mainHeader .searchWrap input[data-v-2fdad87d]{width:275px;height:100%;padding:0 30px 0 15px;color:#000}#main .main .mainHeader .searchWrap .search[data-v-2fdad87d]{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}#main .main .mainBody[data-v-2fdad87d]{height:calc(100% - 147px)}#main .main .mainBody .content[data-v-2fdad87d]{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}#main .main .mainBody .content .tutorialItem[data-v-2fdad87d]{-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}#main .main .mainBody .content .tutorialItem .up[data-v-2fdad87d]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0 15px 0;border-bottom:1px solid #fff}#main .main .mainBody .content .tutorialItem .up .imgWrap[data-v-2fdad87d]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;width:170px;height:100px}#main .main .mainBody .content .tutorialItem .up .imgWrap .load_btn[data-v-2fdad87d]{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}#main .main .mainBody .content .tutorialItem .up .imgWrap .load_btn .down_text[data-v-2fdad87d]{font-size:10px;margin-left:3px}#main .main .mainBody .content .tutorialItem .up .imgWrap img[data-v-2fdad87d]{width:100%;height:100%}#main .main .mainBody .content .tutorialItem .up .title[data-v-2fdad87d]{height:100px;padding:0 0 0 10px;overflow:hidden}#main .main .mainBody .content .tutorialItem .up .title .author[data-v-2fdad87d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}#main .main .mainBody .content .tutorialItem .up .title p[data-v-2fdad87d]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:75px;overflow:hidden;margin-bottom:5px}#main .main .mainBody .content .tutorialItem .down[data-v-2fdad87d]{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}#main .main .mainBody .content .tutorialItem .down .club_name[data-v-2fdad87d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main .main #paging[data-v-2fdad87d]{width:100%;height:77px}.eval-dialog .to-eval[data-v-2fdad87d]{font-size:16px;text-align:center}.eval-dialog .to-eval img[data-v-2fdad87d]{width:100px}.eval-dialog .to-eval .tips[data-v-2fdad87d]{margin-bottom:15px}.tips-down[data-v-2fdad87d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tips-down ul[data-v-2fdad87d]{width:310px}.tips-down .little-tips-about-browers[data-v-2fdad87d]{width:295px;font-size:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#e6a23c}