section.article-banner{padding:50px 0}section.article-banner .container{grid-column:var(--extra-grid)}section.article-banner .social-block{display:flex;align-items:center}section.article-banner .social-block .date{width:fit-content;font-size:2.5rem;font-weight:400;letter-spacing:.5px;background:linear-gradient(96deg,#0ef 32.45%,#1f0 101.81%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (max-width: 1200px){section.article-banner .social-block .date{font-size:2rem}}section.article-banner .social-block .share-box{margin-left:auto;display:flex;align-items:center}@media only screen and (min-width: 1201px){section.article-banner .social-block .share-box:hover .collapseTarget{grid-template-columns:1fr}}@media only screen and (max-width: 1200px){section.article-banner .social-block .share-box:active .collapseTarget{grid-template-columns:1fr}}section.article-banner .social-block .share-box .share-icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:#f3f5f8;border-radius:50%}section.article-banner .social-block .share-box .share-icon .icon-share{font-size:1rem}section.article-banner .social-block .share-box .collapseTarget{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--trans-l)}section.article-banner .social-block .share-box .collapseTarget>div{overflow:hidden}section.article-banner .social-block .share-box .collapseTarget .box{margin-left:20px;display:flex;align-items:center}section.article-banner .social-block .share-box .collapseTarget i{color:#363636;cursor:pointer;transition:color var(--trans-xs)}@media only screen and (min-width: 1201px){section.article-banner .social-block .share-box .collapseTarget i:hover{color:#41aeb2}}@media only screen and (max-width: 1200px){section.article-banner .social-block .share-box .collapseTarget i:active{color:#41aeb2}}section.article-banner .social-block .share-box .collapseTarget .icon-facebook{font-size:1.125rem}section.article-banner .social-block .share-box .collapseTarget .icon-line{font-size:1.25rem}section.article-banner .social-block .share-box .collapseTarget .icon-link{font-size:1.1875rem}section.article-banner .social-block .share-box .collapseTarget .icon-x{font-size:1rem}section.article-banner .social-block .share-box .collapseTarget .icon:not(:first-child) i{margin-left:34px;position:relative}section.article-banner .social-block .share-box .collapseTarget .icon:not(:first-child) i:after{display:block;position:absolute;top:50%;left:-19px;width:4px;height:4px;border-radius:50%;background:#363636;transform:translate3d(0,-50%,0);pointer-events:none;content:""}section.article-banner .title{margin-top:30px}section.article-banner .text{margin-top:15px;opacity:.5}section.article-banner .tags{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}section.article-banner .tags .tag{padding:8px 20px;display:block;border-radius:5px;background:#f3f5f8;transition:background var(--trans-xs),color var(--trans-xs)}@media only screen and (min-width: 1201px){section.article-banner .tags .tag:hover{background:#41aeb2;color:#fff}}@media only screen and (max-width: 1200px){section.article-banner .tags .tag:active{background:#41aeb2;color:#fff}}@media only screen and (max-width: 1200px){section.article-banner .social-block .share-box .collapseTarget{grid-template-columns:1fr}}@media only screen and (max-width: 575px){section.article-banner .social-block{flex-direction:column-reverse}section.article-banner .social-block .date{margin-top:30px;margin-right:auto}}section.article{padding:clamp(0px,-2.7574rem + 4.902vw,100px) 0 clamp(80px,3.8971rem + 1.9608vw,100px)}section.article .container{grid-column:var(--extra-grid)}section.other.single .container{display:flex;align-items:center}section.other.single .container>.title{flex:1;padding-right:20px}section.other.single .container .content{margin-left:auto;margin-top:unset;width:45%;min-width:500px}section.other.single .container .content .newsItem{width:100%}section.other .container{padding:clamp(80px,3.8971rem + 1.9608vw,100px) 0;position:relative;grid-column:var(--extra-grid);margin:0 auto;width:100%}section.other .container:before{display:block;position:absolute;top:-3px;left:0;width:100%;height:3px;background:#000;opacity:.2;content:""}section.other .content{margin-top:50px;display:flex;align-items:center;gap:6.25vw}section.other .content .newsItem{position:relative;display:flex;align-items:center;width:calc((100% - 6.25vw)/2)}@media only screen and (min-width: 1201px){section.other .content .newsItem:hover .pic{box-shadow:15px 15px 20px #0000001a;border:1px solid white}section.other .content .newsItem:hover .circle-arrow-btn{background:#41aeb2;color:#fff}}@media only screen and (max-width: 1200px){section.other .content .newsItem:active .pic{box-shadow:15px 15px 20px #0000001a;border:1px solid white}section.other .content .newsItem:active .circle-arrow-btn{background:#41aeb2;color:#fff}}section.other .content .newsItem .pic{display:block;width:38.8888888889%;border-radius:5px;overflow:hidden;transition:box-shadow var(--trans-normal),border var(--trans-normal);border:1px solid rgba(255,255,255,0);position:relative}section.other .content .newsItem .pic:before{display:block;width:100%;height:0;padding-bottom:97.619047619%;content:""}section.other .content .newsItem .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.other .content .newsItem .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.other .content .newsItem .text{margin-left:3.125vw;width:50%}section.other .content .newsItem .text .date{opacity:.5}section.other .content .newsItem .text .title{margin-top:10px;display:block}section.other .content .newsItem .text .title .itemTitle-w{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.other .content .newsItem .text .circle-arrow-btn{margin-top:30px;transition:background var(--trans-normal),color var(--trans-normal)}@media only screen and (max-width: 1200px){section.other .content{margin-top:30px}}@media only screen and (max-width: 1024px){section.other .content .circle-arrow-btn{background:#41aeb2;color:#fff}}@media only screen and (max-width: 900px){section.other.single .container{flex-direction:column}section.other.single .container>.title{padding-right:unset;width:100%}section.other.single .container .content{margin-top:30px;width:100%;min-width:unset}section.other .content{flex-direction:column;gap:50px}section.other .content .newsItem{width:100%}section.other .content .newsItem .text{width:unset;flex:1}}@media only screen and (max-width: 575px){section.other .content .newsItem{flex-direction:column}section.other .content .newsItem .pic{width:100%}section.other .content .newsItem .text{margin-left:unset;margin-top:20px}}
