.diy-content-section{overflow:hidden;padding-top:160px}.diy-content-section .diy-content-container{display:flex;flex-direction:column;max-width:1150px;margin:0 auto;padding:0 15px;gap:48px}.diy-content-section .diy-content-container .diy-content-section-header{display:flex;flex-direction:column;align-items:center}.diy-content-section .diy-content-section-header .title{margin-bottom:8px;color:#e35d14;text-align:center;font-family:Helvetica Neue ForEco Md;font-size:16px;font-style:normal;font-weight:500;line-height:120%}.diy-content-section .diy-content-section-header .subtitle{margin-bottom:16px;color:#03060b;text-align:center;font-family:Helvetica Neue ForEco Md;font-size:40px;font-style:normal;font-weight:500;line-height:110%}.diy-content-section .diy-content-section-header .description{color:#666;text-align:center;font-family:Helvetica Neue ForEco Md;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.diy-content-section .diy-content-section-bottom .content-comment-item{max-width:360px;padding:20px;border-radius:16px;background:#f5f5f5;height:100%;display:flex;flex-direction:column}.diy-content-section .diy-content-section-bottom .header{padding-bottom:16px;margin-bottom:34px;border-bottom:1px solid #D3D3D3}.diy-content-section .diy-content-section-bottom .header .header_text{color:#000;font-size:19px;font-style:normal;font-weight:700;line-height:normal}.diy-content-section .diy-content-section-bottom .main{margin-bottom:30px}.diy-content-section .diy-content-section-bottom .main .after_icon_box{width:100%;display:flex;justify-content:end}.diy-content-section .diy-content-section-bottom .main .before_icon,.diy-content-section .diy-content-section-bottom .main .after_icon{width:16px;height:15px}.diy-content-section .diy-content-section-bottom .main .before_icon img,.diy-content-section .diy-content-section-bottom .main .after_icon img{width:100%;height:100%}.diy-content-section .diy-content-section-bottom .main .main-comment{margin:8px 0;color:#5a5a5a;font-size:17px;font-style:normal;font-weight:600;line-height:158.824%}.diy-content-section .diy-content-section-bottom .footer{margin-top:auto;display:inline-flex;max-height:80px;max-width:150px;justify-content:flex-start;align-items:flex-start}.diy-content-section .diy-content-section-bottom .footer img{width:fit-content;height:100%;object-fit:contain}.diy-content-section .content-comment-list-swiper .swiper-wrapper{display:grid!important;grid-auto-flow:column;align-items:stretch}.diy-content-section .diy-content-container .swiper-control{width:100%;display:flex;justify-content:space-between;align-items:center}.diy-content-section .diy-content-container .swiper-control .swiper-scrollbar{position:relative;width:60px;height:6px;flex-shrink:0;left:0;top:0}.diy-content-section .swiper-control .button-control{display:flex;justify-content:center;align-items:center;gap:16px;-webkit-tap-highlight-color:transparent}.diy-content-section .swiper-control .button-control .left,.diy-content-section .swiper-control .button-control .right{display:flex;cursor:pointer}.diy-content-section .swiper-control .button-control .left.swiper-button-disabled,.diy-content-section .swiper-control .button-control .right.swiper-button-disabled{opacity:.5}@media (max-width:768px){.diy-content-section{padding-top:80px}.diy-content-section .diy-content-section-header .title{font-size:14px}.diy-content-section .diy-content-section-header .subtitle{font-size:24px;margin-bottom:8px}.diy-content-section .diy-content-section-header .description{font-size:16px}.diy-content-section .diy-content-container{gap:28px;padding:0 24px}.diy-content-section .content-comment-list-swiper .swiper-wrapper{display:flex!important;flex-direction:column;gap:8px}.diy-content-section .diy-content-section-bottom .content-comment-item{padding:20px;border-radius:4px}.diy-content-section .diy-content-section-bottom .header{padding-bottom:12px;margin-bottom:21px}.diy-content-section .diy-content-section-bottom .main .main-comment{margin:12px 0;font-size:16px}.diy-content-section .diy-content-section-bottom .main{margin-bottom:10px}.diy-content-section .diy-content-section-bottom .footer{display:none;height:25px;max-width:100px}.diy-content-section .diy-content-container .swiper-control{display:none}}
/*# sourceMappingURL=/cdn/shop/t/870/assets/diy-content-section.css.map */