.card-icon{--card-main-padding:24px 32px}@media (max-width:1200px){.card-icon{--card-main-padding:24px}}@media (max-width:600px){.card-icon{--card-main-padding:16px}}.card-icon-wrap{display:flex;flex:1}.card-icon-icon{margin-right:16px}@media (min-width:601px) and (max-width:1200px){.card-icon-icon{margin-right:12px}}.card-icon-title{--font-size:22px;--line-height:30px;color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height);margin-top:8px}@media (min-width:1201px) and (max-width:1440px){.card-icon-title{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.card-icon-title{--font-size:16px;--line-height:24px}}@media (min-width:601px) and (max-width:840px){.card-icon-title{--font-size:16px;--line-height:24px}}@media (max-width:600px){.card-icon-title{--font-size:14px;--line-height:22px}}.card-icon-detail{margin-top:12px;--font-size:16px;--line-height:24px;color:var(--o-color-info2);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1201px) and (max-width:1440px){.card-icon-detail{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.card-icon-detail{--font-size:14px;--line-height:22px}}@media (min-width:601px) and (max-width:840px){.card-icon-detail{--font-size:14px;--line-height:22px}}@media (max-width:600px){.card-icon-detail{--font-size:12px;--line-height:18px}}.card-icon-content{display:flex;flex-direction:column;justify-content:space-between}.card-icon .o-card-main{height:100%}