#author{width:1280px;margin:0 auto;padding-top:40px;margin-bottom:60px}#author .middle-line{width:100%;height:1px;margin:40px 0;border-top:solid 1px #eee}#author #blog-list{display:flex;flex-wrap:wrap;margin:0 auto;width:100%;row-gap:24px;column-gap:20px}.title_bar{display:flex;align-items:baseline;margin-bottom:16px}.title_bar h2{margin:0 12px 0 0;font-size:40px;font-weight:600;line-height:48px;color:#222}.title_bar i{width:16px;height:16px;object-fit:contain;border-radius:1.6px;display:inline-block;background:no-repeat center/contain;vertical-align:middle;background-image:url("/assets/newafs/s/images/blog/bar2.svg")}@media screen and (max-width: 768px){.title_bar{display:flex;align-items:baseline;margin-bottom:6px}.title_bar h2{margin:0 8px 0 0;font-size:19px;line-height:26px}.title_bar i{width:10px;height:10px;border-radius:1px}}#top{width:100%;display:flex;justify-content:flex-end;position:relative}#top img{width:160px;height:160px;border-radius:6px;position:absolute;left:0;top:-20px;object-fit:cover}#top .right{display:flex;flex-direction:column;justify-content:center;width:1260px;min-height:164px;padding:20px 20px 20px 160px;border-radius:8px;background-color:#f8f8f8}#top .right h4{margin:0 0 8px 0;font-size:20px;font-weight:600;line-height:28px;color:#333}#top .right p{font-size:14px;font-weight:normal;line-height:22px;color:#999;margin:0}@media screen and (max-width: 768px){#top{min-height:auto;padding:100px 0 0;margin:0 15px 20px;width:auto}#top img{width:140px;height:140px;left:0;top:0}#top .right{width:auto;padding:50px 15px 15px 15px;margin-left:12px}#top .right h4{margin:0 0 6px 0;font-size:16px;line-height:24px}#top .right p{font-size:13px;line-height:20px;margin:0}}._blog_box{width:342px;height:354px;border-radius:8px;background-color:#202020;display:flex;flex-direction:column}._blog_box .cover{position:relative;width:342px;height:193px;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}._blog_box .cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}._blog_box .cover .tag{position:absolute;top:12px;right:16px;height:32px;padding:0 20px 0;border-radius:21px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.6);font-size:15px;font-weight:500;line-height:32px;text-align:center;color:#222;z-index:2;text-transform:capitalize}._blog_box .cover:hover img{transform:scale(1.2);transition:transform .3s}._blog_box .bottom{padding:12px 16px 24px;flex:1;display:flex;flex-direction:column;justify-content:space-between}._blog_box .bottom .title{width:310px;margin:0 0 23px;font-size:18px;font-weight:500;line-height:26px;color:#f6f6f6}._blog_box .bottom .author_and_date{height:24px;font-size:15px;font-weight:normal;line-height:24px;color:#999;display:flex}._blog_box .bottom .author_and_date span:first-child{margin-right:5px}._banner_blog_box{width:1074px;height:354px;border-radius:10px;position:relative;overflow:hidden;display:inline-block}._banner_blog_box img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform .3s ease}._banner_blog_box:hover img{transform:scale(1.2);transition:transform .3s}._banner_blog_box .tag{position:absolute;top:20px;right:20px;height:32px;padding:0 20px 0;border-radius:21px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#f4522b;font-size:15px;font-weight:500;line-height:32px;text-align:center;color:#fff;z-index:2;text-transform:uppercase}._banner_blog_box .bottom{position:absolute;bottom:0;left:0;right:0;padding:0 24px 24px;z-index:2;height:140px;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);display:flex;flex-direction:column;justify-content:flex-end;border-bottom-left-radius:10px;border-bottom-right-radius:10px}._banner_blog_box .bottom .title{width:100%;margin:0 0 6px;font-size:20px;font-weight:600;line-height:28px;color:#fff}._banner_blog_box .bottom .author_and_date{height:24px;font-size:15px;font-weight:normal;line-height:24px;color:#fff;display:flex}._banner_blog_box .bottom .author_and_date span:first-child{margin-right:5px}._banner_blog_box.middle{width:708px;height:354px}@media screen and (max-width: 768px){._blog_box{width:100%;height:auto;border-radius:6px;background-color:#202020;padding:10px;flex-direction:row}._blog_box .cover{position:relative;width:142px;height:80px;min-width:142px;min-height:80px;border-radius:6px;overflow:hidden}._blog_box .cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}._blog_box .cover:hover img{transform:scale(1.2);transition:transform .3s}._blog_box .bottom{padding:0;margin-left:10px}._blog_box .bottom .mob_tag{margin:0 0 4px 0;font-size:12px;font-weight:500;line-height:12px;color:#f4522b;text-transform:capitalize}._blog_box .bottom .title{width:auto;margin:0 0 10px;font-size:14px;font-weight:500;line-height:20px;color:#f6f6f6}._blog_box .bottom .author_and_date{height:12px;font-size:12px;font-weight:normal;line-height:12px;color:#999}._banner_blog_box{width:100%;height:210px;border-radius:10px;position:relative;overflow:hidden;display:inline-block}._banner_blog_box img{width:100%;height:calc(100% - 16px);object-fit:cover;border-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;transition:transform .3s ease}._banner_blog_box:hover img{transform:scale(1.2);transition:transform .3s}._banner_blog_box .tag{position:absolute;top:12px;right:12px;height:28px;padding:0 15px 0;border-radius:21px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#f4522b;font-size:13px;font-weight:500;line-height:28px;text-align:center;color:#fff;z-index:2;text-transform:uppercase}._banner_blog_box .bottom{position:absolute;padding:0 15px 35px;z-index:2}._banner_blog_box .bottom .title{width:100%;margin:0 0 0;font-size:16px;font-weight:600;line-height:24px;color:#fff}._banner_blog_box .bottom .author_and_date{height:22px;font-size:14px;font-weight:normal;line-height:22px;color:#fff}._banner_blog_box .bottom .author_and_date span:first-child{margin-right:6px}._banner_blog_box.middle{width:100%;height:210px}._banner_blog_box.middle .bottom{padding:0 15px 15px;height:100px}}._blog_box.common_blog{width:305px;height:auto;border-radius:8px;background-color:#fff;cursor:pointer;box-shadow:0 2px 40px -12px rgba(0,0,0,.12);transition:transform .3s ease;display:flex;flex-direction:column}._blog_box.common_blog:hover{transform:translateY(-4px);transition:transform .3s ease}._blog_box.common_blog:hover img{transform:scale(1)}._blog_box.common_blog .cover{position:relative;width:100%;height:172px;border-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}._blog_box.common_blog .cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}._blog_box.common_blog .cover .tag{position:absolute;top:12px;right:12px;height:30px;padding:0 16px 0;border-radius:21px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.6);font-size:14px;font-weight:500;line-height:30px;text-align:center;color:#222;z-index:2}._blog_box.common_blog .bottom{padding:12px 16px 20px;display:flex;flex-direction:column;justify-content:space-between;flex:1}._blog_box.common_blog .bottom .title{width:273px;font-size:15px;font-weight:500;line-height:24px;color:#333;margin-bottom:16px}._blog_box.common_blog .bottom .author_and_date{height:22px;font-size:14px;font-weight:normal;line-height:22px;color:#999;display:flex}._blog_box.common_blog .bottom .author_and_date span:first-child{margin-right:5px}@media screen and (max-width: 768px){._blog_box.common_blog{width:100%;height:102px;display:flex;padding:10px;flex-direction:row}._blog_box.common_blog .cover{width:146px;height:82px;min-width:146px;min-height:82px;border-radius:4px}._blog_box.common_blog .cover img{width:100%;height:100%}._blog_box.common_blog .bottom{margin-left:10px;padding:0;justify-content:normal;height:auto}._blog_box.common_blog .bottom .title{width:auto;font-size:14px;line-height:20px;margin-bottom:2px}._blog_box.common_blog .bottom .author_and_date{height:20px;font-size:12px;line-height:20px}}.title_bar h2{font-size:34px;line-height:42px}.title_bar{margin-bottom:50px}@media screen and (max-width: 768px){#author{padding:15px 0 30px;margin-bottom:0;width:100%}#author .middle-line{margin:20px 0}#author #blog-list{padding:0 15px;row-gap:20px;column-gap:0}.title_bar{margin:0 15px 15px}.author_blog._blog_box{background-color:#fff;padding:0}.author_blog._blog_box .bottom .title{color:#222}.author_blog._blog_box .bottom .author_and_date{color:#999}}/*# sourceMappingURL=author.css.map */