.topbanner{height:418px;color:var(--color-white-lighter);background:url(https://images.imyfone.com/chatartwebtw/assets/article/author/author_bg.svg) no-repeat center bottom}.topbanner .crumbs{display:flex;justify-content:flex-start;align-items:center;padding:20px 0 40px}.topbanner .crumbs *{margin-left:6px}.topbanner .crumbs a:hover{color:var(--color-white-lighter);text-decoration:underline}.topbanner .personal{display:flex;flex-direction:column;align-items:center}.topbanner .personal .avatar{width:125px;height:125px;border-radius:50%;overflow:hidden}.topbanner .personal .avatar img{width:100%}.topbanner .personal h1{margin:8px 0 12px;font-size:24px;line-height:1.4}.topbanner .personal h3{margin:8px 0 12px}.topbanner .personal .sub{margin-bottom:20px;display:flex;align-items:center}.topbanner .line{height:15px;display:block;width:1px;background:#E3E5E9;margin:0 20px;display:none}.topbanner .twitter-icon{margin-right:6px}.topbanner .facebook-icon{margin-right:6px}.topbanner .sub a{display:flex;align-items:center;display:none}.topbanner .sub a:hover{color:var(--color-white-lighter)}.topbanner .sub a:hover span{text-decoration:underline}.pages-container{margin-top:30px}#pages button{width:64px;height:30px;background:var(--color-primary);border-radius:4px}#pages button:hover{background:var(--color-primary)}#pages a.curr{color:var(--color-primary-dark)}.author-content{padding:10px 0 30px;background:var(--color-white-lighter)}.author-content .base-maxwidth{min-height:580px}.author-content .base-maxwidth::after{display:table;content:'';clear:both}.authors-left{width:100%;float:left}.authors-right{float:right;width:300px}.authors-right.current{position:fixed;top:30px;z-index:1}.hot-Tips{background:var(--color-white-lighter);box-shadow:0 7px 20px 0 rgba(0,0,0,.09);border-radius:10px;padding:20px}.hot-Tips .hot-title{display:flex;align-items:center}.hot-Tips .hot-title .flag-icon{display:block;margin-right:6px}.hot-title{font-size:20px;font-weight:700;color:#0E3569;line-height:20px;padding-bottom:10px;border-bottom:1px solid #EEE}.hot-list li{margin-top:12px}.hot-list li a{color:#666}.hot-list li a:hover{text-decoration:underline;color:var(--color-primary)}.article-item{display:flex;padding:40px 0 40px;border-bottom:2px solid #EAECEF}.article-item .article-left{width:260px;height:170px;margin-right:20px;overflow:hidden;flex-shrink:0}.article-item .article-left img{object-fit:contain}.article-info{display:flex;flex-direction:column}.article-info .title{font-size:20px;line-height:24px;color:#000}.article-info .title:hover{color:var(--color-primary);text-decoration:underline}.article-info .desc{padding:8px 10px 8px 0;flex-grow:1;color:#666}.article-info .time{display:flex;align-items:center;color:#999}.article-info .time-icon{margin-right:6px}div[id*="pagediv"]{display:flex;justify-content:center}.article-show-more{color:var(--color-primary);text-align:center;padding:11px 66px;display:block;border-radius:10px;border:2px solid var(--color-primary);margin-top:30px;user-select:none;font-size:16px;line-height:22px}.article-show-more:hover{color:var(--color-white-lighter);background:var(--color-primary)}.review-pagination{justify-content:center;align-items:center;margin-top:30px;display:none}.review-pagination .page-numbers{padding:10px}.review-pagination .page-numbers.current{color:var(--color-primary);font-weight:700}.review-pagination .page-numbers.next,.review-pagination .page-numbers.prev{width:75px;height:24px;background-color:var(--color-primary);border-radius:4px;color:var(--color-white-lighter);line-height:24px;text-align:center;padding:0;margin:10px}.review-pagination .page-numbers.next:hover,.review-pagination .page-numbers.prev:hover{background:var(--color-primary)}.review-box .cont{color:#666;word-wrap:break-word}.authors-popups{padding:5px 10px;border-radius:5px;color:var(--color-white-lighter);background:rgba(0,0,0,.7);position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}@media (max-width:1024px){.authors-left{width:100%;float:unset}.authors-right{float:unset;width:100%;margin-top:60px}}@media (max-width:768px){.topbanner{height:auto;padding-bottom:50px;background:var(--color-primary)}.article-item .article-left{width:208px;height:136px}.article-item .article-left img{padding-top:0}.authors-right{margin-top:50px}.author-content{padding:10px 0 60px}}@media (max-width:500px){.article-item{flex-direction:column}.article-item .article-left{margin:0 0 12px 0}.article-info .desc{padding:12px 10px 12px 0}}