/* 6p */ @media all and (min-width: 376px) { .mui-slider { height: 210px; } .mui-slider-item { height: 210px; } .mui-slider .mui-slider-item img { height: 210px; width: 100%; } .con { } .cnxh_block img { max-width: 188px; max-height: 188px; width: 95%; } .cnxh_block_info { background: white; max-width: 188px; width: 95%; margin: -5px auto 0; } } /* 6 */ @media all and (min-width: 321px) and (max-width: 375px) { .mui-slider { height: 190px; } .mui-slider-item { height: 190px; } .mui-slider .mui-slider-item img { height: 190px; width: 100%; } .cnxh_block img { max-width: 168px; max-height: 168px; width: 95%; } .cnxh_block_info { background: white; max-width: 168px; width: 95%; margin: -5px auto 0; } } /* 5 */ @media all and (max-width: 320px) { .mui-slider { height: 162.5; } .mui-slider-item { height: 162.5; } .mui-slider .mui-slider-item img { height: 162.5; width: 100%; } .cnxh_block img { max-width: 144px; width: 95%; max-height: 144px; } .cnxh_block_info { background: white; max-width: 144px; width: 95%; margin: -5px auto 0; } } .label { padding: 6px 0; } .l_block { width: 25%; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: white; text-align: center; height: 36px; line-height: 36px; color: #525252; font-size: 12px; float: left; } .lbrr { border-right: none; } .cnxh_con{ padding: 2%; } .cnxh_block { width: 50%; text-align: center; float: left; background: #EFEFEF; border-bottom: 6px solid #efefef; } .s_name { font-size: 13.2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; } .s_name o { font-size: 10.8px; background: #f02e45; color: white; padding: 2px; border-radius: 3px; margin-left: 2px; } .cnxh_block_info { text-align: left; padding: 2px; height: 115px; } .cost { margin: 0; margin-top: 5px; font-size: 13.2px; color: #f45549; } .cost del { color: #8d8d8d; font-size: 10.8px; } .cost o{ color: white; font-size: 10.8px; background: #E5132C; border-radius: 3px; line-height: 10.8px; padding-top: 1px; } .cost_info{ color: #E51329; font-size: 9.6px; background: #dfc4c4; line-height: 10px; padding: 4px 3px 1px; display: inline-block; } .recommend_title{ padding: 0; margin:4.8px; } .time { width: 100%; margin-top: 3px; background: white; border-radius: 5px; overflow: hidden; } .t_title { width: 100%; height: 50px; position: relative; } .time_icon { position: absolute; width: 80.5px; height: 32.5px; top: 6px; left: 1.5%; } .timer { border: 1px solid #f5394e; border-radius: 3px; width: 97.5px; height: 15px; line-height: 13px; font-size: 12px; text-align: center; position: absolute; left: 28%; top: 18px; font-family: "微软雅黑"; } .timer_left { float: left; background: #f5394e; color: white; width: 45px; } .timer_right { float: left; color: #f5394e; } .timer_more { position: absolute; right: 0; width: 50px; height: 20px; top: 15px; } .timer_more span { color: #f5364c; font-size: 12px; position: absolute; line-height: 20px; height: 20px; left: 0; right: 0; } .timer_more img { width: 15px; height: 15px; position: absolute; right: 20%; top: 2px; } .t_con { width: 100%; } #top_banner .swiper-slide img { width: 100%; height: 100%; } #top_banner .swiper-pagination-bullet-active { background: white; } #top_banner .swiper-pagination-bullet { background: #eee; } #timer_swiper { width: 100%; } #timer_swiper .swiper-wrapper .swiper-slide img{ padding: 3px; border-radius: 7px; } .t_con .swiper-container { width: 800px; } .t_con .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #timer_swiper .swiper-slide { position: relative; } #timer_swiper .swiper-slide img { width: 100%; display: block; } #timer_swiper .swiper-slide p { position: absolute; } #timer_swiper .swiper-slide del { text-align: center; position: absolute; bottom: 5px; font-size: 12px; color: #808080; width: 100%; height: 21px; } .home_yhj{ position: relative; } .home_yhj p{ color: #fff; } .home_yhj .p1{ position: absolute; top: 30%; left: 6%; font-size: 12px; } .home_yhj .p2{ position: absolute; top: 58%; left: 6%; font-size: 12px; } .home_yhj .p3{ position: absolute; top: 38%; right: 5%; left: 45%; text-align: center; font-size: 50px; letter-spacing:-4px; }