.frame-card { padding: 70px 0 100px 0; } .frame-card ul { display: flex; gap: 20px; } .frame-card ul li { width: 23%; padding-top: 30px; padding-right: 24px; padding-bottom: 30px; padding-left: 24px; gap: 20px; border-radius: 8px; box-shadow: 0px 20px 40px 0px rgba(16, 24, 40, 0.08); text-align: center; } .frame-card ul li .title { padding-top: 20px; font-family: 'Rubik Regular'; font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; } .main-remark { margin-top: 20px !important; padding-bottom: 70px !important; } .main-remark .footer-remark{ font-family: Rubik Regular; font-weight: 400; font-size: 16px; } @media (max-width: 953px) { .feature-frame-card-list-title { min-height: 88px !important; } .main-remark { padding-bottom: 20px !important; } .main-remark .footer-remark{ font-size: 16px; } .third-title{ font-size: 14px !important; margin-bottom: 8px !important; } .frame-card ul { display: flex; flex-direction: column; } .frame-card ul li { width: 100%; display: flex; justify-content: flex-start; gap: 0; align-items: center; } .frame-card ul li img { width: 36px; height: 36px; } .frame-card.banxin ul li .title { text-align: left; padding-left: 18px; padding-top: 0; display: flex; align-items: center; } }