.tutorial-index_head{width:100%;height:300px;background:url(https://diyapi.5ug.com/admin/static/img/pc.fc80708a.png) no-repeat;background-size:100% 100%}.index_head-conter{max-width:1200px;margin:auto;padding-left:20px;padding-top:50px}.conter-text{color:#fff;padding-top:40px;font-size:48px;font-weight:500}.tutorial-index_ul .index_ul-head{margin:100px 0 40px}.ul-head-title{font-size:32px;font-weight:400;color:#242d4e;line-height:2}.index-box{width:1200px;margin:auto}.ul-head-intro{font-size:16px;color:#8b9db6;line-height:32px}.index_ul-box{display:-webkit-box;display:-ms-flexbox;display:flex}.index_ul-box .admin-tutorial-index .index-box .tutorial-index_ul .index_ul-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:398px}.index_ul-box .ul-box_left{width:408px;height:100%;background:url(https://diyapi.5ug.com/admin/static/img/cj.16cf4327.png) no-repeat;background-size:100% 100%;border-radius:4px;padding:30px 40px}.left-htext{font-size:22px;margin-bottom:16px;line-height:2;color:#fff}.left-ul{padding-left:16px}.left-li{list-style-type:disc;margin-bottom:12px;cursor:pointer;font-size:14px;line-height:2;color:#fff}.ul-box_right{height:100%;margin-left:24px;min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.right-li{border:1px solid #e6e9ee;margin:0 0 -1px -1px;padding:36px 30px;width:33.3333%;height:170px}.right-li-size{font-size:20px;line-height:2;cursor:pointer}.right-li-style{font-size:14px;color:#8b9db6;margin-top:16px}.index_ul-four{display:-webkit-box;display:-ms-flexbox;display:flex}.index_ul-four-content{border-right:1px solid #eee6e6;width:300px}.self-li_p1{font-size:18px;color:#242d4e;line-height:2;cursor:pointer}.self-li_p2{width:100%;font-size:14px;color:#8b9db6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2;margin-top:8px;text-align:center}.tutorial-content{-ms-flex-wrap:wrap;flex-wrap:wrap}.tutorial-content,.tutorial-content-size{display:-webkit-box;display:-ms-flexbox;display:flex}.tutorial-content-size{width:280px;margin:20px 0}.tutorial-content-size-first{text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#41526a;line-height:2}.tutorial-content-size-second{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;color:#8b9db6;line-height:2}.conter-text-input{width:580px}.index_head-icon{width:80px;height:64px;background-color:#38f;text-align:center;line-height:64px;cursor:pointer;margin-top:20px}.el-input__inner{border:none;height:63px;line-height:57px;font-size:23px}.index_head-conter-input{display:-webkit-box;display:-ms-flexbox;display:flex}.head-add_buts{height:64px;line-height:64px;background-color:#38f;border-radius:4px;color:#fff;font-size:20px;padding:4 35px;margin-top:20px;margin-left:27px;width:68px;cursor:pointer;text-align:center}