.introduceContainer{display:flex}.introduceContainer .introduce-left{width:350px;background:rgba(255,255,255,.31);backdrop-filter:blur(17.8723px);padding:24px;flex-shrink:0}.introduceContainer .introduce-left h2{font-weight:bold;font-size:18px;color:#fff;text-align:center;margin-bottom:0}.introduceContainer .introduce-left .menu-container{margin-top:16px}.introduceContainer .introduce-left .introduce-item{background:#33565c;border-radius:10px;padding:10px;margin-bottom:8px}.introduceContainer .introduce-left .introduce-item a{display:block;color:#33565c;text-decoration:none}.introduceContainer .introduce-left .introduce-item .item-parent{display:flex;align-items:center}.introduceContainer .introduce-left .introduce-item .item-parent img{flex-shrink:0}.introduceContainer .introduce-left .introduce-item .item-parent a{margin-bottom:0;font-weight:bold;font-size:16px;color:#fff;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.introduceContainer .introduce-left .introduce-item .item-parent a:hover{cursor:pointer}.introduceContainer .introduce-left .introduce-item.has-child{background:#fff}.introduceContainer .introduce-left .introduce-item.has-child .item-parent{margin-bottom:12px}.introduceContainer .introduce-left .introduce-item.has-child .item-parent a{color:#33565c}.introduceContainer .introduce-left .introduce-item.has-child .item-child{padding-left:30px;padding-right:15px}.introduceContainer .introduce-left .introduce-item.has-child .item-child a{border-top:1px solid rgba(0,0,0,.2);font-weight:bold;font-size:14px;padding-top:8px;padding-bottom:8px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.introduceContainer .introduce-left .introduce-item.has-child .item-child a.active{background:#f1f1f1;padding-left:8px}.introduceContainer .introduce-left .introduce-item.has-child .item-child a:hover{cursor:pointer;color:#33565c}.introduceContainer .introduce-right{background-color:#fff;color:#33565c;padding:24px 32px 850px 32px;height:calc(100vh - 76px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none;width:100%}.introduceContainer .introduce-right::-webkit-scrollbar{display:none}.introduceContainer .introduce-right h1{text-transform:uppercase;font-weight:700;font-size:20px}.show-folder-tree-btn{display:none;right:0;top:-7px;stroke:white;fill:white}.show-folder-tree-btn path{stroke:white;fill:white}@media only screen and (min-width:768px) and (max-width:1024px){.introduceContainer{display:block}.introduceContainer .introduce-left{width:100%;padding:16px}.introduceContainer .introduce-right{padding:16px}}@media only screen and (max-width:480px){.main-content{height:calc(100vh - 65px);overflow:auto}.introduceContainer{display:block;height:calc(100vh - 65px)}.introduceContainer .introduce-left{width:100%;padding:16px;position:fixed;top:65px;z-index:10;background:#33565c;backdrop-filter:none}.introduceContainer .introduce-left .menu-container{height:0;overflow:hidden;margin-top:0}.introduceContainer .introduce-left .menu-container.open{height:calc(100vh - 65px);overflow:unset;margin-top:16px}.introduceContainer .introduce-left .show-folder-tree-btn{display:block}.introduceContainer .introduce-left .show-folder-tree-btn.open{transform:rotate(180deg)}.introduceContainer .introduce-right{padding:65px 16px 16px 16px}}