/* 基础样式 */ body { background-color: #2F2F2F; color: #EAEAEA; } table { width: 76%; border-collapse: collapse; margin: 20px auto; } th, td { padding: 12px; text-align: left; border-bottom: 1px solid #3A3A3A; } th { font-family: 'Montserrat-Regular', sans-serif; color: #F1F1F1; padding-bottom: 24px; } td { font-family: 'Opensans-Regular', sans-serif; vertical-align: top; color: #EAEAEA; } td:first-child { width: 200px; white-space: nowrap; } @media (min-width: 768px) { th { font-size: 41px; } td { font-size: 16px; } } @media (max-width: 767px) { table { width: 90%; } th, td { font-size: 14px; } th { padding-bottom: 16px; } td:first-child { width: 150px; } }