.admin-tutorial-indexs{padding-top:100px}.admin-tutorial-indexs .tutorial-index_head{position:fixed;top:0;z-index:99;width:100%;height:180px;background:url(../../static/img/pc.fc80708a.png) no-repeat;background-size:100% 100%}.admin-tutorial-indexs .tutorial-index_head .index_head-conter{max-width:1200px;margin:auto;padding-left:20px}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .index_head-conter-logo{padding-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .index_head-conter-logo .logoimg{width:120px;height:68px;margin-left:-20px}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .conter-text{color:#fff;font-size:48px;font-weight:500;margin-left:-20px}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:790px;margin-top:15px}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head{min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;overflow:hidden;border-radius:4px;background-color:#fff}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-ipt{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-ipt .el-autocomplete{width:100%}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-ipt .el-input__inner{border:none;height:64px;line-height:64px;font-size:20px}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-icon{width:80px;height:64px;background-color:#38f;text-align:center;line-height:64px;cursor:pointer}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-icon i{font-size:20px;font-weight:700;color:#fff}.admin-tutorial-indexs .tutorial-index_head .index_head-conter .inconter_head-box .head-add_buts{height:64px;line-height:64px;background-color:#38f;border-radius:4px;color:#fff;font-size:20px;padding:0 20px;margin-left:15px;cursor:pointer}.admin-tutorial-indexs .index-box{width:1200px;margin:auto}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-head{margin:100px 0 40px}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-head .ul-head-title{font-size:32px;font-weight:400;color:#242d4e;line-height:2}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-head .ul-head-intro{font-size:16px;color:#8b9db6;line-height:32px}.admin-tutorial-indexs .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}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left{width:408px;height:100%;background:url(../../static/img/cj.16cf4327.png) no-repeat;background-size:100% 100%;border-radius:4px;padding:30px 40px}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-htext{font-size:22px;margin-bottom:16px;line-height:2;color:#fff}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-ul{padding-left:16px}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-ul .left-li{list-style-type:disc;margin-bottom:12px;color:#fff;font-size:14px;cursor:pointer}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-ul .left-li .left-span{font-size:14px;line-height:2;color:#fff}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-ul .left-li:hover{text-decoration:underline}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-but{display:inline-block;padding:0 12px;line-height:28px;color:#fff;font-size:14px;position:relative;vertical-align:middle;cursor:pointer}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-but i{font-size:14px;margin-left:2px}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-but:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;opacity:.15;border-radius:28px}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_left .left-but:hover{text-decoration:underline}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .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}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_right .right-li{border:1px solid #e6e9ee;margin:0 0 -1px -1px;padding:36px 30px}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_right .right-li .right-li_head{color:#242d4e;font-size:20px;line-height:2;cursor:pointer}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_right .right-li .right-li_head i{margin-left:10px;font-size:18px;color:#e6e9ee}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_right .right-li .right-li_intro{font-size:14px;color:#8b9db6;margin-top:16px}.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_right .right-li:hover .right-li_head,.admin-tutorial-indexs .index-box .tutorial-index_ul .index_ul-box .ul-box_right .right-li:hover .right-li_head i{color:#2e95ff}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li{width:25%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;position:relative}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li,.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li .self-li_img{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}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li .self-li_img{width:72px;height:72px;border-radius:72px;border:2px solid #38f;overflow:hidden}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li .self-li_img i{font-size:40px;color:#38f}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li .self-li_p1{font-size:18px;color:#242d4e;line-height:2;cursor:pointer}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li .self-li_p1:hover{color:#2f95ff}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li .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}.admin-tutorial-indexs .index-box .tutorial-index_ul .self-ul .self-li:before{content:"";width:1px;position:absolute;right:0;top:12px;bottom:12px;border-right:1px solid #e6e9ee}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:12px;margin:30px 0}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li .atter-li_img{width:72px;height:72px;border-radius:72px;border:1px solid #aebbcc;overflow:hidden;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}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li .atter-li_img i{font-size:40px;color:#8b9db6}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li .atter-box{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-left:24px}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li .atter-box .atter-li_p1{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#41526a;line-height:2}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li .atter-box .atter-li_p2{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;color:#8b9db6;line-height:2}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li:hover .atter-li_img{border:1px solid #242d4e}.admin-tutorial-indexs .index-box .tutorial-index_ul .atter-ul .atter-li:hover .atter-li_img i{color:#41526a}