.container{flex-direction:column;margin-bottom:12px}.container>.banner{margin-bottom:12px;width:956px;overflow:hidden;border-radius:10px;position:relative}.container>.banner>.swiper-wrapper>.swiper-slide>a>img{width:956px;height:320px;object-fit:cover}.container>.banner>.swiper-wrapper>.swiper-slide>.title{position:absolute;max-width:577px;height:61px;background:rgba(51,51,51,0.75);box-shadow:0 0 4px rgba(153,153,153,0.25);font-size:32px;font-weight:500;line-height:61px;color:#fff;padding:0 16px;bottom:92px;left:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container>.banner>.swiper-wrapper>.swiper-slide>.synopsis{position:absolute;max-width:790px;height:36px;background:rgba(51,51,51,0.75);box-shadow:0 0 4px rgba(153,153,153,0.25);bottom:48px;left:48px;font-size:14px;font-weight:500;line-height:36px;color:#fff;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container>.banner>.swiper-pagination{bottom:16px}.container>.banner>.swiper-pagination>.swiper-pagination-bullet{width:36px;height:4px;background:#fff;box-shadow:0 0 4px rgba(153,153,153,0.25);opacity:.5;border-radius:unset}.container>.banner>.swiper-pagination>.swiper-pagination-bullet-active{opacity:1}.container>.main-container{display:flex;width:956px}.container>.main-container>.left{display:flex;flex-direction:column;width:624px}.container>.main-container>.left>.tab-bar{width:576px;height:60px;background:#fff;border-radius:10px;display:flex;padding:0 24px;align-items:flex-end}.container>.main-container>.left>.tab-bar>.item{padding:15px;font-size:16px;font-weight:500;color:#333;cursor:pointer;position:relative}.container>.main-container>.left>.tab-bar>.item.active{padding:15px 15px 11px 15px;border-bottom:4px solid #49a8fc}.container>.main-container>.left>.tab-bar>.item>.dot{position:absolute;right:0;top:22px;width:8px;height:8px;background:#db496a;border-radius:50%}.container>.main-container>.left>.list-container{width:576px;background:#fff;border-radius:10px;padding:24px;margin-top:12px}.container>.main-container>.left>.list-container>.list-item{position:relative;display:flex;flex-direction:column;margin-top:-24px}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item{display:flex;padding:24px 0;border-bottom:2px solid #f2f4fa;align-items:center;justify-content:center}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.index{font-size:20px;font-weight:bold;color:#999}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.index.active{color:#49a8fc}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content{display:flex;flex-direction:column;flex:1;margin-left:32px}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content>.name{width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content>.name>a{font-size:16px;font-weight:bold;color:#333}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content>.tags{display:flex;flex-wrap:wrap;align-items:center;margin-top:16px}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content>.tags>.tag-hot{background-image:url("/style/img/common/hot_red.png");background-repeat:no-repeat;background-size:12px 12px;background-position:left;padding-left:16px;font-size:12px;font-weight:500;color:#999;margin-right:20px}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content>.tags>.tag-post{background-image:url("/style/img/common/comment.png");background-repeat:no-repeat;background-size:12px 12px;background-position:left;padding-left:16px;font-size:12px;font-weight:500;color:#999;margin-right:20px}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content>.tags>.tag{background:#f2f4fa;border:1px solid #f2f4fa;border-radius:20px;font-size:12px;font-weight:500;color:#999;padding:4px 8px;display:flex;align-items:center}.container>.main-container>.left>.list-container>.list-item[data-target=topic]>.list>.item>.content>.tags>.tag>i{width:12px;height:12px;background-size:12px 12px;background-repeat:no-repeat;background-image:url("/style/img/common/circle_active.png");margin-right:4px}.container>.main-container>.left>.list-container>.top-loading{position:relative;padding:24px 0}.container>.main-container>.left>.list-container>.bottom-loading{position:relative;margin-bottom:24px}.container>.main-container>.right{display:flex;flex-direction:column;width:320px;margin-left:12px}.container>.main-container>.right>.user-info{padding:24px;display:flex;flex-direction:column;margin-bottom:12px}.container>.main-container>.right>.user-info>.author-container{display:flex}.container>.main-container>.right>.user-info>.author-container .avatar{width:50px;height:50px;border-radius:50%}.container>.main-container>.right>.user-info>.author-container .author-base{display:flex;flex-direction:column;margin-left:16px}.container>.main-container>.right>.user-info>.author-container .author-base>.author-nickname{width:206px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.container>.main-container>.right>.user-info>.author-container .author-base>.author-nickname>a{height:22px;text-decoration:none;color:#333;opacity:1;font-size:16px;font-weight:bold;line-height:21px}.container>.main-container>.right>.user-info>.author-container .author-base>.author-point{display:flex;margin-top:4px}.container>.main-container>.right>.user-info>.author-container .author-base>.author-point>img{width:12px;height:12px;margin-right:2px}.container>.main-container>.right>.user-info>.author-relation-container{display:flex;padding:0 16px;margin-top:24px}.container>.main-container>.right>.user-info>.author-relation-container>.info-block{width:80px;text-align:center}.container>.main-container>.right>.user-info>.author-relation-container>.info-block>.number{height:31px;font-size:24px;font-weight:bold;line-height:31px;color:#333}.container>.main-container>.right>.user-info>.author-relation-container>.info-block>.label{height:17px;font-size:12px;font-weight:500;line-height:21px;color:#999;opacity:1;margin-top:4px}.container>.main-container>.right>.custom-ad-container{width:320px;height:350px;text-align:center;overflow:hidden}.pagination-block{margin-top:24px;padding-top:24px}.pagination-container{display:flex;align-items:center;float:left}.pagination-container>.pagination{display:flex;align-items:center;font-family:'dinpro light',"PingFang SC","寰蒋闆呴粦","Helvetica Neue","Helvetica","STHeiTi","Arial","sans-serif"}.pagination-container>.pagination>.prev{background:url("/style/img/common/pagination_prev.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>.prev.active{background:url("/style/img/common/pagination_prev_active.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>.next{background:url("/style/img/common/pagination_next.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>.next.active{background:url("/style/img/common/pagination_next_active.png");width:15px;height:15px;background-size:15px 15px;display:inline-block;margin-right:16px;cursor:pointer}.pagination-container>.pagination>div{width:15px;height:15px;text-align:center;display:inline-table;margin-right:16px;cursor:pointer;color:#999;opacity:1;font-size:12px;font-weight:500}.pagination-container>.pagination>div.active{color:#49a8fc;opacity:1}.pagination-container>.pagination-jump{display:flex;margin-left:8px;align-items:center}.pagination-container>.pagination-jump>input{width:30px;height:17px;background:#fff;border:1px solid #f2f4fa;opacity:1;border-radius:5px;text-align:center;display:inline-table;color:#999;font-size:12px;font-weight:500}.pagination-container>.pagination-jump>.split{height:17px;border-left:1px solid #f2f4fa;margin-left:16px}.pagination-container>.pagination-jump>.total-page{font-size:12px;font-weight:500;color:#999;opacity:1;margin-left:16px}.share-menu{position:absolute;top:0;left:0;padding-top:10px;z-index:9999}.share-menu>ul{display:flex;flex-direction:column;background:#fff;box-shadow:0 0 4px rgba(153,153,153,0.25);border-radius:5px;font-size:12px;font-weight:500;color:rgba(153,153,153,1);padding:6px 12px}.share-menu>ul>li{display:flex;align-items:center;width:80px;padding:6px 0;cursor:pointer}.share-menu>ul>li:hover{color:#49a8fc}