.container{padding:16px 0}.top-banner{display:block;width:100%;height:318px;overflow:hidden;margin:0 0 24px;position:relative;border-radius:4px;color:#fff}.top-banner>*{z-index:1}.top-banner-background{object-position:center;object-fit:cover}.top-banner-content{position:absolute;left:0;right:0;bottom:0;display:block;padding:44px 24px 20px;min-height:168px;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(26%,hsla(0,0%,74.1%,.26)),to(#000));background-image:-moz-linear-gradient(top,hsla(0,0%,100%,0) 0,hsla(0,0%,74.1%,.26) 26%,#000 100%);background-image:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,74.1%,.26) 26%,#000);border-radius:0 0 4px 4px}.top-banner-tag{background:#155bd4;border-radius:2px;font-size:14px;height:24px;line-height:24px;display:inline-block;padding:0 4px}.top-banner-tag:before{content:"专题";display:inline-block;border-right:1px solid #fff;height:16px;line-height:16px;margin-right:6px;padding-right:6px}.top-banner-title{font-size:34px;line-height:44px;font-weight:600;margin-top:8px}.top-banner-description{font-size:16px;color:#c8c9cc;line-height:24px;margin-top:4px}.layout-content{margin-bottom:40px}.component-service-account{margin-top:32px}@media only screen and (max-width:980px){.top-banner{height:unset}.top-banner-content{padding:12px;min-height:unset}.top-banner-title{font-size:24px;line-height:34px}.top-banner-description{font-size:14px;line-height:20px}}.component-article{margin-bottom:40px}.component-article-item{margin-bottom:24px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.component-article-item-media{width:170px;height:128px;border-radius:4px;cursor:pointer;overflow:hidden}.component-article-item-media,.component-article-item-media-image{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.component-article-item-media-image{object-fit:cover;object-position:center;width:100%;height:100%}.component-article-item-media-image:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.component-article-item>.component-article-item-media{width:170px;height:128px}.component-article-item>.component-article-item-detail{margin-left:24px;position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.component-article-item-title{font-weight:500;font-size:22px;line-height:28px;cursor:default;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.component-article-item-detail .component-article-item-title{cursor:pointer}.component-article-item-detail .component-article-item-title:hover{color:#155bd4}.component-article-item-extra{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px;color:#969799;line-height:14px}.component-article-item-extra>*{margin-right:16px}.component-article-item-extra>.right{margin-right:0;float:right;margin-left:16px}.component-article-item-extra a:hover{color:#155bd4}.component-article-item-column{width:100%;height:335px;position:relative;display:block}.component-article-item-column-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:32px;position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-article-item-column-title>*{display:inline-block;float:left}.component-article-item-column-title>.component-article-item-title{max-width:566px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-article-item-column-title-extra{float:right}.component-article-item-column-title-extra>*{background:#f7f8fa;border-radius:2px;height:32px;margin-left:16px;position:relative;display:inline-block;text-align:center;width:32px;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;float:left;font-size:14px;line-height:32px;font-weight:500;color:#dcdee0}.component-article-item-column-title-extra>.active,.component-article-item-column-title-extra>:hover{background:#155bd4;color:#fff}.component-article-item-column-title-more{width:80px;color:#155bd4;font-weight:500}.component-article-item-column-title-next:after,.component-article-item-column-title-prev:after{font-family:swiper-icons}.component-article-item-column-title-prev:after{content:"prev"}.component-article-item-column-title-next:after{content:"next"}.component-article-item-column-title .component-article-item-media{width:100%;height:128px}.component-article-item-column-content-list{margin-top:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:auto}.component-article-item-column .component-article-item{width:250px;margin-bottom:0;margin-right:16px;float:left;display:block;background-color:#f7f8fa;border-radius:4px;overflow:hidden}.component-article-item-column .component-article-item:last-of-type{margin-right:0}.component-article-item-column .component-article-item>*{display:block;float:unset;width:100%}.component-article-item-column .component-article-item-media{height:190px;border-radius:0}.component-article-item-column .component-article-item-detail{margin-left:0;padding:8px 12px 16px;height:auto}.component-article-item-column .component-article-item-detail>.component-article-item-title{font-size:16px;line-height:24px;height:48px;display:block;display:-webkit-box}.component-article-item-column .component-article-item-detail>.component-article-item-extra{position:relative;margin-top:8px}@media only screen and (max-width:600px){.component-article-item{margin-bottom:16px}.component-article-item>.component-article-item-detail{margin-left:16px}.component-article-item-title{font-size:14px;line-height:18px}.component-article-item-extra{font-size:12px}.component-article-item-media,.component-article-item>.component-article-item-media{width:86px;height:64px}.component-article-item-column{height:274px}.component-article-item-column-title-next,.component-article-item-column-title-prev{display:none}.component-article-item-column .component-article-item-media{width:100%;height:128px}.component-article-item-column .component-article-item-detail{margin-left:0}}.component-pagination{font-size:0}.component-pagination-type-load{text-align:center;display:none}.component-pagination-type-load.visible{display:block}.component-pagination-type-page{display:block;height:32px;line-height:32px;text-align:right}.component-pagination-type-page>*{display:inline-block}.component-pagination-type-page button{width:32px;height:32px;font-size:14px;padding:0;display:inline-block;margin-left:4px}.side-nav{width:100px;background-color:#fff}.side-nav .side-nav-list{padding-bottom:24px}.side-nav .side-nav-list>li{display:block;width:100%;height:36px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;text-align:center;font-weight:500;border-radius:4px;margin-bottom:8px;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.side-nav .side-nav-list>li:active,.side-nav .side-nav-list>li:hover{background-color:#f2f3f5}.side-nav .side-nav-list>li.active{color:#fff;background-color:#155bd4}.side-nav .side-nav-list>li>a{display:block;width:100%;height:100%;font:inherit}.side-nav .side-qrcode{padding:16px 0;border-top:1px solid #dcdee0;border-bottom:1px solid #dcdee0;position:relative;text-align:center}.side-nav .side-qrcode .trigger{cursor:pointer;display:inline-block;padding-top:56px;background-image:url(https://img.yzcdn.cn/upload_files/2021/01/12/Fpj4J0zQhgKrxXNnPWVNkeXLX7qF.png);background-repeat:no-repeat;background-position:top;background-size:56px}.side-nav .side-qrcode .trigger>*{cursor:pointer}.side-nav .side-qrcode .trigger strong{font-weight:500;font-size:12px;color:#323233;text-align:center;line-height:14px;display:block;margin-top:8px}.side-nav .side-qrcode .trigger p{font-size:12px;zoom:.8;color:#969799;line-height:18px;margin-top:2px}.side-nav .side-qrcode .popup{display:none;width:255px;height:268px;position:absolute;left:100%;top:16px;z-index:9;cursor:default}.side-nav .side-qrcode:hover .popup{display:block}.component-side-user{display:block;height:184px;margin-bottom:16px;width:100%;text-align:center;padding:24px 0;border:1px solid #dcdee0;border-radius:4px}.component-side-user-avatar{margin:0 auto 8px;width:48px;height:48px;border-radius:100%;background-repeat:no-repeat;background-size:48px;background-position:50%}.component-side-user-name{font-weight:600;font-size:18px;margin-bottom:22px}.component-side-user-block-unauth{display:block}.component-side-user-block-unauth .btn{width:160px}.component-side-user-block-authed{display:none}.component-side-user-block-authed .count{font-size:18px;line-height:18px;font-weight:500}.component-side-user-block-authed .name{font-size:14px;color:#969799;line-height:14px;margin-top:4px}.component-side-user-block-authed>*{display:inline-block;margin-right:50px;cursor:pointer}.component-side-user-block-authed>:active>*,.component-side-user-block-authed>:hover>*{color:#155bd4}.component-side-user-block-authed>:last-of-type{margin-right:0}.component-side-user-block-authed>*>*{display:block}.component-service-account.hidden{display:none}.component-service-account-title{font-size:18px;line-height:26px;margin-bottom:16px;font-weight:500}.component-service-account-list{display:block}.component-service-account-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:72px;width:100%;padding:12px 0;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.component-service-account-item>*{display:inline-block;float:left}.component-service-account-avatar{width:40px;height:40px;background-repeat:no-repeat;background-position:50%;background-size:40px;margin-top:4px;border-radius:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.component-service-account-info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-service-account-info>*{display:block}.component-service-account-subscribe{width:50px;text-align:center;border:1px solid #155bd4;border-radius:2px;font-size:14px;color:#155bd4;cursor:pointer;padding:0;height:24px;line-height:22px;white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.component-service-account-subscribe>span{display:block;height:100%;speak:none;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;font-variant:normal;text-rendering:auto;text-decoration:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}.component-service-account-subscribe>span:before{font-family:zenticon;content:"";font-size:12px}.component-service-account-name{font-size:16px;line-height:24px;font-weight:500;display:block;height:24px}.component-service-account-description{font-size:14px;margin-top:4px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-service-account-inline .component-service-account-item{height:auto;padding:0}.component-service-account-inline .component-service-account-avatar{width:32px;height:32px;background-size:32px;margin-top:0}.component-service-account-inline .component-service-account-info{-webkit-box-flex:unset;-webkit-flex:unset;-moz-box-flex:unset;-ms-flex:unset;flex:unset;width:auto;max-width:576px;margin-right:16px}.component-service-account-inline .component-service-account-info>*{display:inline;margin:0;float:unset}.component-service-account-inline .component-service-account-description{margin-left:8px}@media only screen and (max-width:600px){.component-service-account-subscribe{display:none}.component-service-account-inline .component-service-account-info>*{display:block}.component-service-account-inline .component-service-account-info .component-service-account-description{margin-left:0;margin-top:4px}}