.popular-materials[data-v-3e8a6b95]{background:#eaf1f8;border-block:1px solid #d6e2ee}.popular-materials__title[data-v-3e8a6b95]{color:#0e2442}.popular-materials__subtitle[data-v-3e8a6b95]{color:#536b87;font-size:18px;line-height:1.6}.popular-materials__item[data-v-3e8a6b95]{background:#fff;border-color:#c7d6e5!important;box-shadow:0 6px 18px #0e244214}.shadowbox[data-v-3e8a6b95]{background:transparent linear-gradient(180deg,transparent 50%,#000) 0 0 no-repeat padding-box;border-radius:6px;bottom:0;height:140px;left:0;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease-in-out;width:100%}.imgbox-s[data-v-3e8a6b95]{height:200px;position:relative}.imgbox-b[data-v-3e8a6b95]{height:320px;position:relative}@media (max-width:1024px){.imgbox-s[data-v-3e8a6b95]{height:37.33333vw;width:42.93333vw}.imgbox-b[data-v-3e8a6b95]{height:52vw;width:42.93333vw}}.boxShow_bg[data-v-3e8a6b95]{display:none}.btnbox[data-v-3e8a6b95]{background:#fffffff0!important;border:1px solid hsla(0,0%,100%,.7);bottom:20px;box-sizing:border-box;color:#0e2442!important;opacity:0;transform:translate(-50%,72px);transition:opacity .18s ease,transform .18s ease;z-index:3}@media (max-width:640px){.btnbox[data-v-3e8a6b95]{transform:translate(-50%)}.btnbox[data-v-3e8a6b95],.shadowbox[data-v-3e8a6b95]{opacity:1}}.imgbox-s:hover .btnbox[data-v-3e8a6b95]{opacity:1;transform:translate(-50%)}.imgbox-s:hover .shadowbox[data-v-3e8a6b95]{opacity:1}.imgbox-b:hover .btnbox[data-v-3e8a6b95]{opacity:1;transform:translate(-50%)}.imgbox-b:hover .shadowbox[data-v-3e8a6b95]{opacity:1}