.content_wrapper{margin-bottom:20px;background:#fff;border-radius:6px}.content_wrapper .sub_title{padding:14px 0 0 40px;height:48px;font-family:PingFang SC;font-weight:500;font-size:16px;line-height:22px;color:#21293c;border-bottom:1px solid #f2f6f9}.content_wrapper .sub_content{padding:24px 20px;display:flex;flex-flow:row wrap}.content_wrapper .sub_content .item_wrapper{width:33.3%}.content_wrapper .sub_content .empty_wrapper{position:relative;width:100%;height:298px;background:#fff}.tutorial_content_item{flex:1;margin-bottom:20px;padding:16px 20px;width:270px;height:106px;border-radius:6px;transition:all .3s}.tutorial_content_item.no_detail_item:last-child{margin-bottom:0}.tutorial_content_item:hover{background:rgba(33,41,60,.03);border-radius:6px;cursor:pointer}.tutorial_content_item .item_top{display:flex}.tutorial_content_item .item_top_cover{flex-shrink:0;margin:2px 14px 0 0;border-radius:6px}.tutorial_content_item .item_top_main_title{padding:0;font-family:PingFang SC;font-weight:500;font-size:16px;line-height:22px;color:#21293c}.tutorial_content_item .item_top_main_content{margin-top:8px;display:flex;justify-content:space-between;font-family:PingFang SC;font-weight:400;font-size:12px;line-height:18px;color:#4b587c}.tutorial_content_item .item_top_main_content>div{display:flex;align-items:center}.tutorial_content_item .item_top_main_content .iconfont{margin-right:2px;font-size:14px;line-height:18px}.tutorial_content_item .item_top_main_content_section_count{width:55px}.tutorial_content_item .item_top_main_content_view_count{width:52px}.tutorial_content_item .item_top_main_content_watch_count{width:38px}.tutorial_content_item .item_desc{margin-top:12px;font-family:PingFang SC;font-weight:400;font-size:12px;line-height:18px;color:#8899a6}.tutorial_content_item .item_desc.inner{margin-top:6px}.tutorial_detail_page{margin:0 auto;padding:0 32px 0 35px;width:1280px}.tutorial_detail_page .bread_crumb{margin:16px 0 15px 255px}.tutorial_detail_page .main{display:flex;justify-content:space-between}.tutorial_detail_page .main_aside_lt{position:relative;width:240px;height:100vh}.tutorial_detail_page .main_aside_lt>.sticky{overflow:visible;padding-top:10px;width:240px;height:100%;background:#fff;border-radius:6px}.tutorial_detail_page .main_aside_lt_header{margin:12px auto 0;padding:11px 10px;width:216px;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.04);border-radius:6px;transition:all .3s}.tutorial_detail_page .main_aside_lt_header .cover{border-radius:4px}.tutorial_detail_page .main_aside_lt_header .icon_wrapper{position:relative;width:28px;height:28px;border-radius:6px;text-align:center;transition:all .3s}.tutorial_detail_page .main_aside_lt_header .icon_wrapper:hover{background:rgba(33,41,60,.08)}.tutorial_detail_page .main_aside_lt_header .icon_wrapper>.content_box_wrapper{position:absolute;width:700px;height:600px;overflow:scroll;left:66px;top:0;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,.1);z-index:999999;text-align:left;text-align:initial;border-radius:6px;transition:all .3s}.tutorial_detail_page .main_aside_lt_header .icon_wrapper>.content_box_wrapper .content_title{padding:14px 0 0 40px;height:48px;font-family:PingFang SC;font-weight:500;font-size:16px;line-height:22px;color:#21293c;border-bottom:1px solid #f2f6f9}.tutorial_detail_page .main_aside_lt_header .title{width:142px;font-family:PingFang SC;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#21293c}.tutorial_detail_page .main_aside_lt_header .active_title{color:#1bc47d}.tutorial_detail_page .main_aside_lt_header .iconfont{font-size:20px}.tutorial_detail_page .main_aside_lt_header .iconfont:hover{cursor:pointer}.tutorial_detail_page .main_aside_lt_menu{margin-top:20px;height:calc(100vh - 100px);overflow:scroll}.tutorial_detail_page .main_aside_lt_menu a{display:block}.tutorial_detail_page .main_aside_lt_menu .group_name{position:relative;margin:20px 0 10px;padding:0 16px;line-height:20px;font-family:PingFang SC;font-weight:700;font-size:15px;color:#21293c}.tutorial_detail_page .main_aside_lt_menu .group_name:after{position:absolute;top:30px;left:16px;width:208px;height:1px;content:"";border-bottom:1px solid #f2f6f9}.tutorial_detail_page .main_aside_lt_menu .group_item{position:relative;padding:0 16px;line-height:46px;font-family:PingFang SC;font-weight:400;font-size:13px;color:#21293c;transition:all .3s}.tutorial_detail_page .main_aside_lt_menu .group_item:after{position:absolute;top:46px;left:16px;width:208px;content:"";border-bottom:1px solid #f2f6f9}.tutorial_detail_page .main_aside_lt_menu .group_item.active{font-family:PingFang SC;font-style:normal;font-weight:500;color:#1bc47d}.tutorial_detail_page .main_aside_lt_menu .group_item:hover{border-radius:6px;background-color:rgba(33,41,60,.08)}.tutorial_detail_page .main_content{margin-bottom:80px;width:700px}.tutorial_detail_page .main_content_header{padding:16px 20px;width:700px;background:#fff;border-radius:6px;font-family:PingFang SC;font-weight:400;font-size:12px;line-height:18px;color:#21293c;display:flex;justify-content:space-between;align-items:center;z-index:99!important}.tutorial_detail_page .main_content_header.footer{margin-top:10px}.tutorial_detail_page .main_content_header .lt{display:flex;align-items:center;cursor:pointer;transition:all .3s;font-size:13px}.tutorial_detail_page .main_content_header .lt .iconfont{margin-right:6px;display:inline-block;transform:rotate(90deg);color:#8899a6;font-size:16px}.tutorial_detail_page .main_content_header .lt:hover,.tutorial_detail_page .main_content_header .lt:hover .iconfont{color:#1bc47d}.tutorial_detail_page .main_content_header .rt{display:flex;align-items:center;cursor:pointer;transition:all .3s;font-size:13px}.tutorial_detail_page .main_content_header .rt .iconfont{margin-left:6px;display:block;transform:rotate(270deg);color:#8899a6;font-size:16px}.tutorial_detail_page .main_content_header .rt:hover,.tutorial_detail_page .main_content_header .rt:hover .iconfont{color:#1bc47d}.tutorial_detail_page .main_content .route{margin-top:10px}.tutorial_detail_page .main_aside_rt{width:240px;position:relative}.tutorial_detail_page .main_aside_rt .title{margin-bottom:20px;font-family:PingFang SC;font-weight:400;font-size:14px;line-height:60px;color:#21293c;border-bottom:1px solid #edeeef}.tutorial_detail_page .main_aside_rt .index{width:240px;font-family:PingFang SC;font-weight:400;font-size:12px;line-height:30px;color:#21293c;transition:all .3s}.tutorial_detail_page .main_aside_rt .index:hover{cursor:pointer;border-radius:6px;background:rgba(33,41,60,.08)}.tutorial_detail_page .main_aside_rt .h1{font-weight:500;color:#21293c}.tutorial_detail_page .main_aside_rt .active{color:#1bc47d;font-weight:500}.tutorial_bread_crumb .iconfont{position:relative;top:2px;display:inline-block;transform:rotate(270deg);color:#8899a6;font-size:16px}.tutorial_bread_crumb .ant-breadcrumb-link{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:18px;color:#4b587c}.tutorial_bread_crumb .ant-breadcrumb-link .active,.tutorial_bread_crumb .ant-breadcrumb-link .name:hover{color:#1bc47d;cursor:pointer;font-weight:500}