html,body{ margin: 0; padding: 0; border: 0; font-size: 62.5%; font-family:"Microsoft YaHei",微软雅黑; vertical-align: baseline; word-wrap:break-word } a{ list-style: none; text-decoration: none; color:#000; } .background{ background-color: #ffce3d; max-width:1920px; margin:0 auto; } .full-content{ border-radius: 5px; max-width:950px; background-color: #fff; margin:25px auto; padding: 40px 25px 26px 25px; } header{ background-color: #fff; line-height: 75px; height: 75px; width: 100%; text-align: center; } header img{ vertical-align: middle; } h1 { text-align: center; font-size: 2rem; color: #000; font-weight: bold; } h2 { font-size: 1.6rem; color: #000; line-height: 25px; margin: 15px 0; } p { font-size: 1.4rem; color: #000; line-height: 25px; text-indent: 2rem; } ul{ padding-inline-start: 25px; } li { font-size: 1.4rem; color: #000; line-height: 25px; } footer { background-color: #f0f0f0; width:100%; text-align: center; font-size:1.4rem; height: 160px; font-weight: 500; } footer p{ padding-top:72px; } @media(max-width:1024px){ .full-content{ margin:20px; } } @media(max-width:768px){ .full-content{ max-width: 88%; margin:22px; } footer { height: 140px; } footer p{ padding-top:62px; } } @media(max-width:425px){ header img{ width: 80%; } .full-content{ max-width: 82%; margin:12px; padding: 20px 26px 14px 26px; } footer { height: 100px; } footer p{ padding-top:44px; } ul{ padding-inline-start: 20px; } }