.t_pre{white-space:pre!important}.yioks-flex-box{display:flex;width:100%}.yioks-flex-box.horizontal{flex-direction:row}.yioks-flex-box.column{flex-direction:column}.yioks-flex-box.wrap{flex-wrap:wrap}.yioks-flex-box .yioks-flex-item{flex:1}.yioks-flex-box .yioks-flex-item.half{flex:none;width:50%}.yioks-card{font-size:16px;box-sizing:border-box;padding:10px 15px}.yioks-card .yioks-card-title{font-size:20px;padding-bottom:6px;color:#4cd964;border-bottom:2px solid #ccc}.yioks-card .yioks-card-content{padding:10px 5px}.flex{display:flex}.mr10{margin-right:10px}.all_stus_tutorial-root{display:flex;align-items:stretch;justify-content:center;flex-direction:column;width:890px;height:100%;margin-right:auto;margin-left:auto;overflow:hidden}.all_stus_tutorial-root .main-content-wrap{color:#fff;font-size:16px}.all_stus_tutorial-root .main-content-wrap .nav-wrap{margin-bottom:25px}.all_stus_tutorial-root .main-content-wrap .nav-wrap .tutorial-type{padding:5px 10px;cursor:pointer;font-size:18px}.all_stus_tutorial-root .main-content-wrap .nav-wrap .tutorial-type+.tutorial-type{margin-left:10px}.all_stus_tutorial-root .main-content-wrap .nav-wrap .tutorial-type.active{padding:8px 15px;color:#fff;background-color:#4cd964}.all_stus_tutorial-root .main-content-wrap .tutorial-content{position:relative;display:flex;flex-direction:column;width:100%;height:610px;padding-top:30px;padding-bottom:20px;background-color:rgba(0,0,0,.7)}.all_stus_tutorial-root .main-content-wrap .tutorial-content .empty-box{position:absolute;top:50%;transform:translateY(-50%)}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header{display:flex;flex:none;justify-content:space-between;color:#000;font-size:16px;height:34px;padding-right:30px;padding-left:30px;margin-bottom:10px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .sel-group-wrap{display:flex}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .sel-group-wrap .select{border:1px solid #999;padding:0 10px;outline:0}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .sel-group-wrap .date{width:140px;margin-right:10px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .sel-group-wrap .type{width:140px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .sel-group-wrap .level{width:140px;margin-right:10px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .search{display:flex;height:34px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .search .wrap{height:100%;position:relative}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .search .wrap .search-input{width:265px;height:100%;padding:0 15px;outline:0}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .search .wrap .close{position:absolute;right:5px;top:8px;color:#909399;cursor:pointer}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .search .search-btn{width:65px;display:flex;align-items:center;justify-content:center;line-height:1;background-color:#4cd964;color:#fff;cursor:pointer}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap{position:relative;display:block;height:481px;overflow:hidden}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap{display:block;width:100%;height:100%;padding-top:10px;padding-bottom:10px;overflow:hidden}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content{display:block;padding-left:30px;padding-right:30px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item{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}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .up{display:flex;padding:0 0 15px 0;border-bottom:1px solid #fff}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .up .cover-wrap{flex:0 0 auto;position:relative;width:170px;height:100px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .up .cover-wrap img{display:block;width:100%;height:100%}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .up .title{height:100px;padding:0 0 0 10px;overflow:hidden}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .up .title p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:75px;margin-bottom:5px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .up .title .author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .down{display:flex;justify-content:space-between;padding:10px 0 0;font-size:14px;line-height:1}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item .down .club_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all_stus_tutorial-root .main-content-wrap .tutorial-content .paging-wrap{flex:none;padding-top:10px}