.content{ padding-top: 90px; .container{ max-width: 990px; } .mbx{ border-radius: 10px; background: var(--g-9, #F6F8FA); display: flex; align-items: center; margin-top: 10px; padding: 12px 15px; .arrow{ svg{ display: block; } } .linkBtn{ color: var(--g-3, #515356); font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; } } .backButton{ width: 66px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 39px; background: rgba(0, 160, 233, 0.1); margin-top: 10px; &:hover{ text-decoration: none; } .txt{ color: var(--unnamed, #00A0E9); font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 5px; } } .newsInfo{ margin-top: 40px; .title{ color: var(--b, #000); font-size: 34px; font-style: normal; font-weight: 700; line-height: normal; } .cellBox{ display: flex; align-items: center; margin-top: 20px; .label{ color: var(--unnamed, #00A0E9); font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; padding: 0; margin-right: 20px; } .time{ color: var(--g-4, #727476); font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; /* 160% */ } } .infoBox{ margin-top: 30px; .text{ color: var(--g-3, #515356); font-size: 15px; font-style: normal; font-weight: 300; line-height: 28px; /* 186.667% */ margin-bottom: 28px; } .pic{ width: 100%; display: block; margin-bottom: 30px; } .smllTitle{ color: var(--g-2, #333436); font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 10px; } .imgTip{ color: var(--g-4, #727476); font-size: 13px; font-style: normal; font-weight: 300; line-height: 26px; /* 200% */ margin-bottom: 30px; margin-top: -20px; } } } } @media (max-width: 767px) { .content{ padding-top: 56px; .newsInfo{ margin-top: 10px; .title{ font-size: 26px; line-height: 36px; /* 138.462% */ } .cellBox{ margin-top: 15px; .label{ color: var(--unnamed, #00A0E9); font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; padding: 0; margin-right: 20px; } .time{ color: var(--g-4, #727476); font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; /* 160% */ } } .infoBox{ margin-top: 20px; } } } }