.blog-listing-data .blog-list{display:flex;flex-wrap:wrap;gap:80px 60px;margin:0 auto;padding-bottom:64px;padding-left:calc(50% - 720px);padding-right:calc(50% - 720px);position:relative;width:100%}.blog-listing-data .blog-list-row{list-style:none;margin:0;position:relative;width:calc(33.33333% - 40px)}.blog-listing-data .blog-list-row>a{background-color:#fff;color:#17222b;display:block;text-decoration:none}.blog-listing-data .common-share{height:36px;left:18px;position:absolute;right:80px;top:232px;width:36px;z-index:50}.blog-listing-data .detail-share .common-share button.toggle{cursor:pointer;height:36px;left:0;position:absolute;top:0;width:36px}.blog-listing-data .detail-share .inner{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px hsla(0,0%,5%,.16);display:none;height:77px;left:0;left:auto;min-width:90px;padding:8px 16px 0;position:absolute;right:auto;top:46px;width:auto}.blog-listing-data .detail-share .inner .label{color:#c40736;font-size:12px;font-weight:700;height:17px;line-height:17px}.blog-listing-data .detail-share .inner .close{cursor:pointer;height:12px;position:absolute;right:16px;top:8px;width:12px}.blog-listing-data .detail-share .inner ul{display:flex;margin:8px 0 0}.blog-listing-data .detail-share .inner ul span{display:flex;gap:0 8px}.blog-listing-data .detail-share .inner ul span li{width:36px}.blog-listing-data .detail-share .inner ul li a{background:no-repeat 0 0/contain;display:block;font-size:0;height:36px;width:36px}.blog-listing-data .detail-share .inner ul a>span{border-radius:4px;height:32px;line-height:32px;opacity:1;width:32px}.blog-listing-data .blog-list-row>a .image{border-bottom:1px solid #dce3ec;height:248px;overflow:hidden;width:100%}.blog-listing-data .blog-list-row>a .meta{padding:32px 0 16px}.blog-listing-data .blog-list-row>a .title{font-size:18px;font-weight:700;line-height:28px;margin:0}.blog-listing-data .blog-list-row>a .image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;transform-origin:center;transition:transform .3s;width:100%}.blog-listing-data .blog-list-row>a .meta .date{display:flex;height:42px;margin:0;padding:5px 0}.blog-listing-data .blog-list-row>a .meta .date .day{border-right:1px solid #707070;font-size:30px;font-weight:700;line-height:32px;min-width:43px;padding:0 8px 0 0}.blog-listing-data .blog-list-row>a .meta .date .month{font-size:12px;font-weight:700;line-height:16px;opacity:.5;padding:0 0 0 8px;text-align:right}.blog-listing-data .blog-list-row>a .meta .common-tags{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 0}.blog-listing-data .blog-list-row>a .meta .common-tags li{align-items:center;border:1px solid #dce3ec;border-radius:32px;display:flex;flex-flow:row;font-size:16px;font-style:italic;font-weight:700;line-height:1.2;margin:0;min-height:30px;padding:2px 16px 2px 26px;position:relative;text-transform:capitalize}.blog-listing-data .blog-list-row>a .meta .common-tags li span{border-radius:9px;display:inline-block;height:18px;left:5px;position:absolute;top:50%;transform:translate3d(0,-50%,0);vertical-align:top;width:18px}.blog-listing-data .blog-list-row>a .meta .common-tags li span:before{border-bottom:3px solid #fff;border-left:3px solid #fff;content:"";display:block;height:7px;left:5px;position:absolute;top:4px;transform:rotate(-45deg);width:10px}.blog-listing-data .blog-list-row>a .external-link-icon:before{content:"";display:inline-block;height:24px;margin:0 12px 0 0;vertical-align:-4px;width:16px}.blog-listing-data .blog-list-row>a:hover .image img{transform:scale(110%)}.blog-listing-data .blog-list-row>a:hover .title{text-decoration:underline}@media (max-width:768px){.blog-listing-data .blog-list{gap:40px 0;padding-bottom:40px}.blog-listing-data .blog-list-row{width:100%}.blog-listing-data .blog-list-row>a .image{height:46.6666666667vw}.blog-listing-data .blog-list-row>a .meta{padding:24px 0 16px}.blog-listing-data .blog-list-row>a .meta .date{height:42px;padding:5px 0}.blog-listing-data .blog-list-row>a .meta .common-tags li{font-size:14px;min-height:18px;padding-left:24px;padding-right:12px}.blog-listing-data .blog-list-row>a .meta .common-tags li span{height:16px;left:3px;width:16px}.blog-listing-data .blog-list-row>a .title{line-height:29px}.blog-listing-data .common-share{left:-16px;top:18.4vw}}