.admin-tutorial-show .list-left{width:300px;overflow:auto;margin-right:20px;background-color:#fff;position:fixed;z-index:90;border-right:1px solid #f1f1f1}.admin-tutorial-show .list-left .list-left_ul .list-left_li{border-top:1px solid #ebeef5;padding:0 8px 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.admin-tutorial-show .list-left .list-left_ul .list-left_li .list-left_head{height:48px;line-height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin-tutorial-show .list-left .list-left_ul .list-left_li .list-left_head .list-left_title{font-size:13px;font-weight:500;color:#303133;cursor:pointer;min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.admin-tutorial-show .list-left .list-left_ul .list-left_li .list-left_head i{font-weight:300}.admin-tutorial-show .list-left .list-left_ul .list-left_li .list-left_head:hover .list-left_title{color:#38f}.admin-tutorial-show .list-left .icon-original{width:20px;height:20px;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;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.admin-tutorial-show .list-left .icon-rolot{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.admin-tutorial-show .list-left .list-left_borbot{border-bottom:1px solid #ebeef5}.admin-tutorial-show .list-left .list-left_pal{padding-left:20px}.admin-tutorial-show .show-right{min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 20px 0 320px}.admin-tutorial-show .show-right .stick-ul{background-color:#fff;padding-left:5px;position:fixed;top:82px;z-index:95}.admin-tutorial-show .show-right .stick-ul .stick-li{width:32px;height:32px;border-radius:32px;text-align:center;line-height:32px;color:#fff;background-color:#73d661;cursor:pointer;display:none;margin-bottom:2px}.admin-tutorial-show .show-right .stick-ul .stick-active{background-color:#d0d0d0}.admin-tutorial-show .show-right .stick-ul .stick-scroll{display:block}.admin-tutorial-show .show-right .show-right_head{padding:20px 0}.admin-tutorial-show .show-right .show-right_head .head-title{font-size:30px;color:#333;font-weight:400}.admin-tutorial-show .show-right .show-right_head .head-time{font-size:12px;line-height:22px;color:#999}.admin-tutorial-show .show-right .show-right_video{background-color:#66666e;padding:15px;width:448px;height:266px}.admin-tutorial-show .show-right .show-right_video video{width:100%;height:100%}.admin-tutorial-show .show-right .show-right_intro{font-size:16px;line-height:28px;color:#333;border-top:1px solid #e5e5e5;margin-top:20px;padding:20px 0}.admin-tutorial-show .show-right .show-right_ul .ul-head{font-size:22px;font-weight:400;color:#333;border-bottom:1px solid #d6d6d8;line-height:45px}.admin-tutorial-show .show-right .show-right_ul .steps-ul{padding:30px 20px}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li{border-left:2px dotted #e4e4e4;position:relative;padding-left:30px}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .li_l-icon{width:32px;height:32px;border-radius:32px;text-align:center;line-height:32px;color:#fff;background-color:#73d661;position:absolute;top:-1px;left:-17px;z-index:2}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .li_l-scroll{position:fixed;top:100px}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .steps-li_text{font-size:16px;line-height:28px;color:#333}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .steps-li_images{padding:15px 0 50px 0}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .steps-li_images .li_images-pot{max-width:800px;display:inline-block;margin-bottom:10px}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .steps-li_images .li_images-pot .el-image-viewer__wrapper{z-index:99!important}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .steps-li_images .li_images-pot .el-image-viewer__close{top:80px}.admin-tutorial-show .show-right .show-right_ul .steps-ul .steps-li .steps-li_images .li_images-pot .el-image-viewer__close i{font-size:30px;color:#fff}.admin-tutorial-show .show-right .show-right_ul .course-head{border:none}.admin-tutorial-show .show-right .show-right_ul .course-ul .course-li{height:40px;line-height:40px;font-size:14px;color:#2d64b3;border-bottom:1px solid #efefef;cursor:pointer}.admin-tutorial-show .show-right .show-right_ul .course-ul .course-li:hover{text-decoration:underline}.admin-tutorial-show .show-right .show-right_ul .steps-p_ul{padding:5px 0}.admin-tutorial-show .show-right .show-right_ul .steps-p_ul .steps-p_li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin-tutorial-show .show-right .show-right_ul .steps-p_ul .steps-p_li .li_icon{width:8px;height:8px;border-radius:8px;background-color:#73d661}.admin-tutorial-show .show-right .show-right_ul .steps-p_ul .steps-p_li .li_text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-left:15px;font-size:16px;line-height:28px;color:#333}.admin-tutorial-show{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.admin-tutorial-show .show-filex{width:100%;position:fixed;top:0;z-index:90}.admin-tutorial-show .show-filex .show-filex_line{width:100%;height:12px;background-color:#fff}.admin-tutorial-show .tutorial-index_head{width:100%;height:80px;background:url(../../static/img/pc.fc80708a.png) no-repeat;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.admin-tutorial-show .tutorial-index_head .index_head-conter{max-width:1200px}.admin-tutorial-show .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}.admin-tutorial-show .tutorial-index_head .index_head-conter .inconter_head-box .logoimg{width:120px;height:68px;margin-left:-20px}.admin-tutorial-show .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;margin-left:-20px}.admin-tutorial-show .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-show .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-ipt .el-autocomplete{width:100%}.admin-tutorial-show .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-ipt .el-input__inner{border:none;height:40px;line-height:40px;font-size:16px}.admin-tutorial-show .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-icon{width:60px;height:40px;background-color:#38f;text-align:center;line-height:40px;cursor:pointer}.admin-tutorial-show .tutorial-index_head .index_head-conter .inconter_head-box .inconter_head .index_head-icon i{font-size:16px;font-weight:700;color:#fff}.admin-tutorial-show .tutorial-index_head .index_head-conter .inconter_head-box .head-add_buts{height:40px;line-height:40px;background-color:#38f;border-radius:4px;color:#fff;font-size:16px;padding:0 20px;margin-left:15px;cursor:pointer}.admin-tutorial-show .task-search{width:100%;height:50px;background-size:100% 100%;position:relative;border-radius:3px;overflow:hidden}.admin-tutorial-show .task-search .task-search_martio{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.admin-tutorial-show .task-search .task-search_box,.admin-tutorial-show .task-search .task-search_martio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin-tutorial-show .task-search .task-search_box{width:400px;background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e5e5e5}.admin-tutorial-show .task-search .task-search_box i{font-size:16px;color:#c2c2cd;margin-left:15px}.admin-tutorial-show .task-search .task-search_box .el-input__inner{border:none;height:34px;width:345px}.admin-tutorial-show .show-box{width:1200px;margin:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1}