.main{width:100%;margin-top:64px;padding:0 0 64px 0;display:flex;justify-content:center}.main .main-wrapper{width:1080px;display:flex;flex-direction:column;justify-content:center}.main .title-section{display:flex;gap:24px;padding:0 16px;height:152px}.main .content-section{width:100%;position:relative}.main .title-section .title-left{flex:1;height:120px;margin-top:16px;position:relative}.main .title-section .title-right{width:320px;height:152px}.main .content-section .content-nav{position:absolute;width:280px;overflow-y:auto;background:#fff;border-radius:8px;padding:20px 12px}.main .content-section .content-main{margin-left:288px;background:#fff;border-radius:8px;padding:32px 40px 40px 40px;display:flex;flex-direction:column;gap:32px}.main .title-section .title-right img{width:100%;height:100%}.main .title-section .title-left .header-breadcrumb{position:absolute;left:0;top:8px;font-size:15px;color:rgba(0,0,0,0.9);font-weight:400;display:flex;align-items:center;gap:8px}.main .title-section .title-left .title-name{margin-top:45px;font-size:32px;font-weight:700;color:rgba(0,0,0,0.9)}.main .title-section .title-left .title-desc{font-size:16px;font-weight:400;color:rgba(0,0,0,0.9)}.main .content-section .content-nav .nav-list{display:flex;flex-direction:column;gap:8px}.main .content-section .content-nav .nav-item{display:flex;flex-direction:column}.main .content-section .content-nav .sub-nav-list{display:none;flex-direction:column;gap:4px 16px;margin:4px 16px;border-left:1px solid var(--0-border-2,rgba(0,0,0,0.26))}.main .content-section .content-nav .sub-nav-item{display:flex;align-items:center;gap:4px}.main .content-section .content-main .content-header{display:flex;flex-direction:column;padding-bottom:32px;border-bottom:1px solid var(--0-border-2,rgba(0,0,0,0.1));gap:8px}.main .content-section .content-nav .sub-nav-item i{width:8px;height:1px;background:var(--0-border-2,rgba(0,0,0,0.26))}.main .content-section .content-nav .sub-nav-item a{flex:1;height:100%;padding:6px 8px;display:flex;align-items:center;color:rgba(0,0,0,0.9);font-size:14px;line-height:24px;border-radius:var(---4,4px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.main .content-section .content-nav .nav-item .nav-item-content{height:32px;padding:5px 8px;border-radius:4px;display:flex;align-items:center;gap:8px;cursor:pointer}.main .content-section .content-nav .nav-item .nav-icon{width:20px;height:20px}.main .content-section .content-nav .nav-item .nav-title{font-size:14px;font-weight:700;flex:1;color:rgba(0,0,0,0.9);user-select:none;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.main .content-section .content-nav .nav-item .nav-arrow{width:16px;height:16px;background:url("https://p0.ssl.qhimg.com/t110b9a930184418c81bc7a586f.png") no-repeat 0 0 / 32px 16px}.main .content-section .content-nav .sub-nav-list.active{display:flex}.main .content-section .content-main .content-header .content-title{font-size:36px;font-weight:700;color:rgba(0,0,0,0.9)}.main .content-section .content-main .content-header .content-date{font-size:14px;color:rgba(0,0,0,0.6);font-weight:400}.main .title-section .title-left .header-breadcrumb a:hover{color:var(--ai-hover,#366ef4)}.main .title-section .title-left .header-breadcrumb a:active{color:var(--ai-click,#003cab)}.main .content-section .content-nav .sub-nav-item a:hover{background:var(--0-hover-6,rgba(0,0,0,0.06))}.main .content-section .content-nav .sub-nav-item.active a{color:var(--ai-normal,#0052d9);background:var(--ai-focus,#d9e1ff)}.main .content-section .content-nav .nav-item .nav-item-content:hover{background:var(--0-hover-6,rgba(0,0,0,0.06))}.main .content-section .content-nav .nav-item .nav-item-content:active{background:var(--0-active-6,rgba(0,0,0,0.1))}@media screen and (max-width: 1200px){.main .main-wrapper{width:100%;padding:0 48px}}