.topbanner{min-height:260px;color:#fff;background:url(https://images.clevguard.com/de/assets/authors/authors_bg.png) no-repeat center bottom;background-size:cover}.topbanner .author{padding:17px 0 43px}.topbanner .crumbs{text-align:left}.topbanner .crumbs a{color:#FFF}.topbanner .crumbs a img{margin-top:-6px}.topbanner .personal{display:flex;margin-top:36px}.topbanner .personal .avatar{width:140px;height:140px;margin-right:23px}.topbanner .personal .avatar img{border-radius:50%}.topbanner .personal h1{font-size:32px;font-weight:700;color:#FFF}.topbanner .personal h1 span{display:none}.topbanner .personal .personal-desc{margin:10px 0;font-size:16px;color:#FFF;max-width:690px;word-wrap:break-word}.topbanner .personal .personal-icon svg{width:24px;height:24px}.article-list .article-list-content{display:flex;margin:50px auto 100px}.article-list .article-list-left{width:calc(100% - 358px);margin-right:58px}.article-list .article-item{display:flex;padding:37px 0 32px;border-bottom:1px solid #DFE7EA}.article-list .article-item:hover{text-decoration:none}.article-list .article-item:nth-child(1){padding-top:0}.article-list .article-item .article-left{width:300px;max-height:170px;margin-right:24px;overflow:hidden;flex-shrink:0;display:none}.article-list .article-item .article-left img{object-fit:contain}.article-list .article-item .title{font-size:22px;font-weight:600;color:#2E2E2E}.article-list .article-item .title:hover{text-decoration:underline;color:#1bc1e3}.article-list .article-item .desc{margin:16px 0 24px;font-size:16px;color:#2E2E2E;text-align:left}.article-list .article-item .article-desc{display:flex;font-size:16px;color:#2E2E2E;align-items:center}.article-list .article-item .author-img{margin:0 10px}.article-list .article-item .author-img img{border-radius:50%}.article-list .article-item .time{position:relative;margin-left:30px;color:#999}.article-list .article-item .time-icon{display:none}.article-list .article-item .time::before{content:'|';position:absolute;top:-1px;left:-15px}.article-list .review-pagination{text-align:center;margin-top:44px}.article-list .review-pagination .page-numbers{margin:0 10px;color:#000}.article-list .review-pagination .current{color:#00BDE3}.article-list .review-pagination .next,.article-list .review-pagination .prev{display:inline-block;width:65px;height:30px;line-height:30px;background:#00BDE3;color:#FFF;border-radius:15px}.article-list .article-right{width:300px;height:max-content;background:#FFF;box-shadow:0 6px 24px 0 rgba(22,25,45,.1);border-radius:10px}.article-list .article-right.current{position:fixed;top:30px;margin-top:0;z-index:1}.article-list .article-right h3{background:url(https://images.clevguard.com/de/assets/authors/hot_bj.png) no-repeat center;font-size:20px;font-weight:600;color:#FFF;border-radius:10px 10px 0 0;padding:16px 20px}.article-list .article-right h3 img{margin-right:8px;margin-top:-5px}.article-list .article-right .hot-article{margin:16px 20px}.article-list .hot-article li{display:inline-block;margin:8px 0;border-radius:10px}.article-list .hot-article li a{font-size:16px;color:#333}.article-list .hot-article li:hover a{color:#00BDE3}.article-right-btn{display:none}@media (max-width:1200px){.article-list .article-list-left{margin:0}.article-list .article-right{position:relative;z-index:2}.article-list .article-right h3{padding:12px 20px;font-size:18px;height:52px}.article-list .article-list-content{justify-content:center;margin:50px 20px 100px}.article-list .article-list-left{width:100%}.article-list .article-right .hot-article{margin:12px 20px}.article-list .hot-article li a{font-size:15px}.article-list .article-right{position:fixed;width:284px;top:150px;left:-284px;transition:all ease-in .3s}.article-right.open{left:0}.article-right-btn{display:flex;justify-content:center;align-items:center;background-color:#12a5e0;border-radius:10px 0 0 10px;width:40px;height:40px;position:absolute;top:7px;right:-40px;transform:rotate(180deg)}.article-right.open .article-right-btn{background:border-box;transform:rotate(0deg);right:5px}}@media (max-width:768px){.topbanner .author{padding:12px 20px}.topbanner .crumbs{display:none}.topbanner .personal{flex-direction:column;position:relative}.topbanner .personal .avatar{width:70px;height:70px;position:absolute}.topbanner .personal h1{font-size:22px;margin-left:82px;height:70px}.topbanner .personal-icon{position:absolute;top:38px;left:82px}.topbanner .personal .personal-desc{margin-top:16px;font-size:14px}.article-list .article-list-content{margin:60px 20px}.article-list .article-item{flex-direction:column}.article-list .article-item .article-left{width:260px;max-height:147px}.article-list .article-item .title{margin-top:18px;font-size:18px}.article-list .article-item .desc{margin:12px 0 16px}}@media (max-width:450px){.article-list .review-pagination{display:flex;align-items:center;justify-content:center}.article-list .review-pagination .page-numbers{margin:0 6px}}@media (max-width:375px){.article-list .review-pagination .page-numbers{margin:0 2px}}