.tutorial-main[data-v-0d16af7e]{padding:0 20px}.tutorial-main .search-out[data-v-0d16af7e]{width:256px}.tutorial-main .tutorial-content[data-v-0d16af7e]{margin-top:23px;display:-webkit-box;display:-ms-flexbox;display:flex}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e]{width:256px;height:calc(var(--vh)*100 - 280px);background-color:#383838;border-radius:10px;-ms-flex-negative:0;flex-shrink:0;padding:10px;overflow-y:auto}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree{background-color:#383838}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .el-tree-node__content{height:30px;line-height:30px;color:#eee;border-radius:4px;padding-left:0!important;margin:4px 0}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .el-tree-node__content:hover{background:#18191b!important}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .el-tree-node:focus>.el-tree-node__content{background-color:#18191b}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .el-tree-node__expand-icon{font-size:20px;color:#999}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .el-tree-node__children .el-tree-node__expand-icon,.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .is-leaf.el-tree-node_expand-icon{display:none}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .el-tree-node__children .el-tree-node__label{margin-left:30px}.tutorial-main .tutorial-content .left-out[data-v-0d16af7e] .el-tree .el-tree-node__children .el-tree-node:focus>.el-tree-node__content{background:none;color:#608dff}.tutorial-main .tutorial-content .right-out[data-v-0d16af7e]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:calc(var(--vh)*100 - 280px);overflow-y:auto;border-radius:10px}.tutorial-main .tutorial-content .right-out .image-card-out[data-v-0d16af7e]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width:1200px){.tutorial-main .tutorial-content .right-out .image-card-out .image-card[data-v-0d16af7e]{width:calc(50% - 20px)!important}}.tutorial-main .tutorial-content .right-out .image-card-out .image-card[data-v-0d16af7e]{margin:0 0 20px 20px;width:calc(33.33333% - 20px);height:auto;position:relative;border-radius:10px;overflow:hidden}.tutorial-main .tutorial-content .right-out .image-card-out .image-card .image-mask[data-v-0d16af7e]{display:block!important}.tutorial-main .tutorial-content .right-out .image-card-out .image-card .image[data-v-0d16af7e]{height:100%;width:100%;display:block}.tutorial-main .tutorial-content .right-out .image-card-out .image-card .image-mask[data-v-0d16af7e]{height:36px;line-height:36px;background:transparent;position:absolute;bottom:0;left:0;z-index:1;width:100%;border-radius:0 0 10px 10px;color:#eee;overflow:hidden;display:none}.tutorial-main .tutorial-content .right-out .image-card-out .image-card .image-mask .image-title[data-v-0d16af7e]{width:100%;height:36px;line-height:36px;background-color:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 20px}.nav[data-v-0d16af7e]{position:relative;margin-top:20px}.nav .item[data-v-0d16af7e]{height:80px;background:#535353;border-radius:20px;position:relative;top:0;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:2}.nav .item .info[data-v-0d16af7e]{padding-left:20px;position:relative;z-index:2}.nav .item .info .more[data-v-0d16af7e]{width:75px}.nav .item .info .more img[data-v-0d16af7e]{width:16px;height:16px}.nav .item .img .small[data-v-0d16af7e]{display:none}.nav .item .img .big[data-v-0d16af7e]{display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.nav .item .img img[data-v-0d16af7e]{display:block}.heardList[data-v-0d16af7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 22px)}.heardList .cards[data-v-0d16af7e]{width:250px;height:auto;border-radius:12px;overflow:hidden;margin-right:20px;margin-bottom:22px;position:relative;height:80px;cursor:pointer;border:2px solid #272928;-webkit-box-sizing:border-box;box-sizing:border-box}.heardList .cards.active[data-v-0d16af7e]{border:2px solid #eee}.heardList-pad .cards[data-v-0d16af7e]{width:calc(25% - 22px)!important;height:70px}.span-ellipsis[data-v-0d16af7e]{width:calc(100% - 4px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:auto;padding:4px 2px;border-radius:4px;margin-left:10px;font-size:14px}