.head-news{position:relative;display:flex;align-items:start;justify-content:center;gap:16px}.head-news .head-news-inner{display:flex;flex-direction:column;align-items:start;justify-content:center}.head-news .head-news-inner .title{font-size:20px;font-weight:700;line-height:28px;color:var(--black-color)}.head-news .head-news-inner .subtitle{font-size:14px;font-weight:400;line-height:19px;color:var(--black-color-70)}.news .btn-outline-light{padding:8px;background:var(--white-color);border-radius:16px;display:block;position:relative}.news .btn-outline-light span{font-size:14px;line-height:18px;font-weight:700;color:var(--black-color);text-align:center;display:block}.news .btn-outline-light .inner{width:100%;height:100%;border-radius:8px;border:1px solid var(--sec-color-10);display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-in-out;padding:4px 12px}.news .btn-outline-light:hover .inner{background:var(--sec-color-10)}.body-news{margin:10px 0;padding:16px 0;display:flex;justify-content:space-between;gap:24px}.body-news .news-item{width:calc(33.333333% - 16px);background:var(--white-color);padding:8px;border-radius:24px;display:flex;flex-wrap:wrap;align-items:start;gap:5px 8px;position:relative}.body-news .news-item img{width:77px;height:82px;object-fit:cover;border-radius:16px;transition:all .3s ease-in-out;filter:grayscale(1)}.body-news .news-item:hover img{filter:grayscale(0)}.body-news .news-item .title-box{width:calc(100% - 85px);height:82px;padding:10px 16px;border-radius:16px;background:linear-gradient(var(--white-color),var(--white-color)) padding-box,linear-gradient(270deg,var(--black-color-10) 0%,transparent 30%) border-box;border-top:1px solid #fff0;border-right:1px solid #fff0;border-bottom:1px solid #fff0;display:flex;flex-direction:column;justify-content:center}.body-news .news-item .title-box .title{font-size:16px;font-weight:700;line-height:24px;display:block}.body-news .news-item .title-box .subtitle{font-size:14px;font-weight:400;line-height:21px;display:block;color:var(--black-color-70)}.body-news .news-item .date-box{width:100%;display:flex;justify-content:space-between;align-items:center}.body-news .news-item .date-box .time{padding-right:16px;display:flex;align-items:center;gap:8px;position:relative}.body-news .news-item .date-box .time:before{content:"";border:10px solid var(--black-color-10);border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;position:absolute;right:-4px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.body-news .news-item .date-box .time svg{width:14px}.body-news .news-item .date-box .time svg path{fill:var(--main-color)}.body-news .news-item .date-box .time i{color:var(--main-color)}.body-news .news-item .date-box .time span{font-size:14px;font-weight:300;line-height:21px;display:block;color:var(--black-color)}.body-news .news-item .date-box .btn{min-width:123px;width:max-content;height:48px}.body-news .news-item span{font-family:BeautyShopFont}.body-news .news-item:nth-child(2):before{content:"";width:100px;height:calc(100% + 32px);background:var(--black-color-5);position:absolute;top:-16px;right:-62px;z-index:-1;border-radius:15px}.body-news .news-item:nth-child(2):after{content:"";width:100px;height:calc(100% + 32px);background:var(--black-color-5);position:absolute;top:-16px;left:-62px;z-index:-1;border-radius:15px}@media (max-width:1199px){.body-news .news-item .title-box .title{font-size:14px}}@media (max-width:991px){.body-news{flex-wrap:wrap}.body-news .news-item{width:100%}.body-news .news-item:nth-child(2):after,.body-news .news-item:nth-child(2):before{display:none}}@media (max-width:767px){.head-news .head-news-inner .title{font-size:16px}.body-news{padding-bottom:60px}.news .btn-outline-light{padding:4px;position:absolute;bottom:0;left:0}}