/* 6p */ @media all and (min-width: 376px) { .row_con .swiper-container { height: 125px; width: 100%; margin-left: 12px; } .row_con .swiper-slide img { width: 100%; height: 99px; } } /* 6 */ @media all and (min-width: 321px) and (max-width: 375px) { .row_con .swiper-container { height: 115px; width: 100%; margin-left: 12px; } .row_con .swiper-slide img { width: 100%; height: 89px; } } /* 5 */ @media all and (max-width: 320px) { .row_con .swiper-container { height: 101px; width: 100%; margin-left: 12px; } .row_con .swiper-slide img { width: 100%; height: 75.5px; } } .row { border-bottom: 1px solid #e6e6e6; } .row_title { width: 100%; height: 85.2px; background: white; position: relative; } .row_title .img { position: absolute; width: 45px; height: 45px; top: 21px; left: 14.4px; } .row_title .s_t { font-size: 13.2px; color: black; width: calc(100% - 200px); position: absolute; left: 72px; line-height: 85.2px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .row_title .num { position: absolute; text-align: center; width: 48px; color: #909090; font-size: 21.6px; margin: 0; right: 36px; top: 24px; } .row_title .p1 { position: absolute; text-align: center; width: 48px; color: #909090; font-size: 13.2px; margin: 0; right: 36px; top: 45px; } .row_title .img_btn { position: absolute; width: 36.8px; height: 30.2px; top: 29px; right: 8px; padding: 10px; } .swiper-container { margin-top: 12px; margin-bottom: 12px; } .swiper-slide { text-align: center; background: white; } .swiper-slide p { font-size: 13.2px; color: #E61329; } .row_con { overflow: hidden; } .qxsc { position: absolute; right: 15px; padding: 3px 6px; top: 30px; }