.picture_list_107 { background: url(../images/bg6.png) center center no-repeat; background-size: cover; padding-bottom: 1.3rem; } .picture_list_107 .main-content { margin-top: 0.8rem; } .picture_list_107 .main-content .data-list { overflow: hidden; margin-top: 0.7rem; } .picture_list_107 .main-content .data-list li { width: 3.2rem; height: 2.32rem; padding-top: 0.3rem; float: left; text-align: center; margin-right: 1.2rem; background: url(../images/bg3.png) center center no-repeat; background-size: 100% 100%; } @media screen and (max-width: 1024px) { .picture_list_107 .main-content .data-list li { width: 100%; height: 3.6rem; } } .picture_list_107 .main-content .data-list li div { width: 100%; text-align: center; } .picture_list_107 .main-content .data-list li div img { display: inline-block; } .picture_list_107 .main-content .data-list li span { display: block; text-align: center; font-size: 0.16rem; color: #333; margin: 0.2rem 0; font-weight: bold; } @media screen and (max-width: 1024px) { .picture_list_107 .main-content .data-list li span { font-size: 0.3rem; } } .picture_list_107 .main-content .data-list li p { font-size: 0.16rem; text-align: center; color: #333; } @media screen and (max-width: 1024px) { .picture_list_107 .main-content .data-list li p { font-size: 0.28rem; } } .picture_list_107 .main-content .data-list li:last-child { margin-right: 0; }