.all_stus_tutorial-root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:justify;-ms-flex-pack:justify;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:-webkit-box;display:-ms-flexbox;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:160px;margin-right:10px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .sel-group-wrap .type{width:160px}.all_stus_tutorial-root .main-content-wrap .tutorial-content .content-header .search{display:-webkit-box;display:-ms-flexbox;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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:-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}.all_stus_tutorial-root .main-content-wrap .tutorial-content .list-wrap .scroll-wrap .list-content .tutorials-wrap .item{-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 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:-webkit-box;display:-ms-flexbox;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{-webkit-box-flex:0;-ms-flex:0 0 auto;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:-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}.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{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-top:10px}