.content { width: 100%; position: relative; background-color: white; } .content .box { width: 73%; margin: 0 auto; padding-top: 0.7rem; margin-top: -1px; padding-bottom: 0.7rem; } .content .box .title { font-size: 0.315rem; line-height: 0.315rem; font-weight: bold; text-align: center; } .content .box .text { width: 100%; margin-top: 0.5rem; } .content .box .text p { font-size: 0.135rem; line-height: 2; color: #666; width: 100%; text-align: justify; } .content .box .text img { max-width: 100%; margin: 0.1rem auto; } @media screen and (max-width: 1020px) { .content { width: 100%; position: relative; background-color: white; } .content .box { width: 90%; margin: 0 auto; padding-top: 0.7rem; margin-top: -1px; padding-bottom: 0.7rem; } .content .box .title { font-size: 0.42rem; line-height: 0.42rem; text-align: center; } .content .box .text { width: 100%; margin-top: 0.5rem; } .content .box .text p { font-size: 0.3rem; line-height: 1.8; color: #666; width: 100%; text-align: justify; } .content .box .text img { max-width: 100%; margin: 0.1rem auto; } }