/* 6p */ @media all and (min-width: 376px) { .bc_img,.b_con img { height: 125px; } .mui-slider { height: 168px; } .mui-slider-item { height: 168px; } .mui-slider .mui-slider-item img { height: 168px; width: 100%; } } /* 6 */ @media all and (min-width: 321px) and (max-width: 375px) { .bc_img,.b_con img { height: 113px; } .mui-slider { height: 152px; } .mui-slider-item { height: 152px; } .mui-slider .mui-slider-item img { height: 152px; width: 100%; } } /* 5 */ @media all and (max-width: 320px) { .bc_img,.b_con img { height: 94.5px; } .mui-slider { height: 130px; } .mui-slider-item { height: 130px; } .mui-slider .mui-slider-item img { height: 130px; width: 100%; } } .con{ width: 100%; overflow: hidden; } .block { width: 100%; margin-bottom: 6px ; background: white; } .b_title { width: 100%; position: relative; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .b_title .b_img { width: 48px; height: 48px; position: absolute; bottom: 0; left: 15px; } .storename { position: absolute; width: calc(100% - 140px); color: black; left: 69px; top: 15px; font-size: 16.8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .time { position: absolute; width: calc(100% - 140px); left: 69px; color: #909090; font-size: 13.2px; top: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .btn_menu { width: 38px; height: 38px; padding: 10px; position: absolute; right: 0; top: 5px; } .b_con { width: 100%; padding: 7.5px 13.5px; font-size: 14.4px; color: #525252; } .b_footer { width: 100%; height: 36px; position: relative; } .num { position: absolute; width: 90px; top: 7.5px; left: 15px; } .num img { width: 18px; float: left; } .nun p { float: left; } .zan { padding: 0 9px 0 12px; height: 20px; border: 1px solid #909090; position: absolute; background: url(../img/zan1.png) no-repeat 7px center; background-size: 18px; border-radius: 9px; min-width: 45px; line-height: 18px; font-size: 14.4px; color: #909090; text-indent: 15px; right: 18px; bottom: 8px; } .zanon { padding: 0 9px 0 12px; height: 20px; border: 1px solid #e51329; position: absolute; background: url(../img/zan2.png) no-repeat 7px center; background-size: 18px; border-radius: 9px; min-width: 45px; line-height: 18px; font-size: 14.4px; color: #e51329; text-indent: 15px; right: 18px; bottom: 8px; } .b_con img { width: calc(33.33333333333% - 3px); margin: 1.5px; float: left; } .btn_gz{ height: 24px; text-align: center; border: 1px solid #e91b34; line-height: 24px; color: #e91b31; border-radius: 15px; padding: 0 9px; position: absolute; right: 18px; font-size: 12px; top: 25px; } .btn_gz1{ height: 24px; text-align: center; border: 1px solid #909090; line-height: 24px; color: #909090; border-radius: 15px; padding: 0 9px; position: absolute; right: 18px; font-size: 12px; top: 25px; } .bc_img{ position: relative; width: calc(33.33333333333% - 3px); float: left; margin: 1.5px; } .b_con .bc_img img{ width: 100%; margin: 0; } .bc_img p{ position: absolute; text-align: center; width: 100%; background: rgba(0,0,0,0.1); color: white; bottom: 0; }