/* 6p */ @media all and (min-width: 376px) and (max-width: 414px) { .time { width: 100%; height: 182px; background: white; } .time_con { width: 100%; height: 150px; overflow: hidden; margin-top: -5px; } .time_con .swiper-container { height: 140px; width: 100%; margin-left: 12px; } .time_con .swiper-slide img { width: 100%; height: 99px; } .banner, .banner1 { width: 100%; height: 120px; margin-top: 6px; } } /* 6 */ @media all and (min-width: 321px) and (max-width: 375px) { .time { width: 100%; height: 172px; background: white; } .time_con { width: 100%; height: 140px; overflow: hidden; margin-top: -5px; } .time_con .swiper-container { height: 130px; width: 100%; margin-left: 12px; } .time_con .swiper-slide img { width: 100%; height: 89px; } .banner, .banner1 { width: 100%; height: 120px; margin-top: 6px; } } /* 5 */ @media all and (max-width: 320px) { .time { width: 100%; height: 178px; background: white; } .time_con { width: 100%; height: 140px; overflow: hidden; margin-top: -5px; } .time_con .swiper-container { height: 130px; width: 100%; margin-left: 12px; } .time_con .swiper-slide img { width: 100%; height: 89px; } .banner, .banner1 { width: 100%; height: 98px; margin-top: 6px; } } .ac_center { float: left; width: 30%; border-right: 1px solid #efefef; background: #fff; } .youhaohuo { width: 100%; height: 100px; border-bottom: 1px solid #efefef; background: #fff; } .youhaohuo .img { width: 86.4px; margin-top: 6px; margin-left: 9px; } .aiguangjie { width: 100%; height: 105px; background: #fff; } .aiguangjie .img { width: 80.4px; margin-top: 6px; margin-left: 9px; } .ac_right { float: left; width: 35%; background: #fff; } .kongbai { width: 100%; height: 100px; border-bottom: 1px solid #efefef; background: #fff; } .bimaiqingdan { width: 100%; height: 105px; background: #fff; } .bimaiqingdan .img { width: 85.5px; margin-top: 6px; margin-left: 9px; } .activity-lxy { width: 100%; height: 213px; background: #fff; border-bottom: 6px solid #efefef; } .ac1_left-lxy { width: 40%; float: left; height: 213px; border-right: 1px solid #efefef; } .ac1_left-lxy .img-lxy { width: 123px; margin-top: 12px; margin-left: 12px; } .ac1_left-lxy .img-lxy1 { width: 100%; height: 170px; } .ac_right-lxy { width: calc(50% - 1px); float: left; height: 213px; } .ac_r-lxy { width: 120%; height: 106px; border-bottom: 1px solid #EFEFEF; text-align: center; position: relative; } .ac_r-lxy .img-lxy { width: 54px; margin-top: 3px; display: inline-block; } .ac_right_img1 { width: 50%; height: 85px; position: absolute; top: 20px; } .ac_right_img1 img { width: 100%; height: 85px; } .ac_right_img2 { width: 50%; height: 85px; position: absolute; top: 20px; right: 0; } .ac_right_img2 img { width: 100%; height: 85px; } .sw_l { width: 40%; height: 105px; } .sw_l .img { width: 39.6px; margin-top: 6px; margin-left: 6px; } .sw_r { width: 60%; height: 105px; background: #c1c1c1; } .sw_r img { width: 100%; height: 105px; } .xianshitehui { background: white url(../img/xianshitehui.png) no-repeat left top; background-size: 175.2px 108px; width: 100%; height: 108px; border-bottom: 6px solid #efefef; } .xsth_con { width: calc(100% - 114px); height: 87px; margin-top: 8px; float: right; background: #c1c1c1; } .xsth_con img { width: 100%; height: 87px; } .search1 { width: 70%; position: fixed; left: 11.5%; top: 0; z-index: 100; } .wst-in-search1 input { float: left; width: 120%; height: 26px; font-size: .181rem; margin-top: 9px; outline: 0; border: 0; position: relative; left: -13px; background: #fff; opacity: 0.8; font-size: 10px; text-indent: 50px; z-index: 10; } .wst-in-search1 p { float: left; width: 100%; border: none; } .wst-in-search1 .ui-icon-search { position: absolute; top: 2px; left: 1px; font-size: .35rem; color: #fff } .wst-in-actives1 input { float: left; width: 120%; height: 26px; margin-top: 9px; outline: 0; border: 0; position: relative; background: #fff; opacity: 0.8; font-size: 10px; color: #000 } .msg { width: calc(100% - 24); height: 31.2px; background: white; margin: 6px 6px; border-radius: 12px; line-height: 31.2px; } .msg img { width: 61.2px; margin: 6px 2%; float: left; } .msg p { float: left; color: #e51329; line-height: 30px; margin: 0; font-size: 12xp; } .msg marquee { width: 50%; height: 31.2px; line-height: 31.2px; font-size: 12px; margin-left: 2%; float: left; } .msg .msg_more { float: left; color: black; margin-left: 2%; font-size: 12px; } .time_title { width: 100%; height: 33px; line-height: 38px; } .time_title img { float: left; width: 95.4px; margin-left: 4px; margin-top: -3px; } .time_title p { float: left; font-size: 13.2px; color: black; margin: 0; margin-left: 1.5%; } .count { margin-left: 1%; float: left; } .count div { line-height: 15px; float: left; font-size: 10.8px; color: #fefefe; background: black; margin-top: 6px; padding: 3px 2px; border-radius: 2px; } .count o { float: left; font-size: 10.8px; line-height: 33px; } .jxyh { float: right; font-size: 13.2px; color: #e51329; margin-right: 12px; } .time_title .jxyh img { float: right; width: 13.8px; margin-top: 11px; } .time_con .swiper-slide p { margin: 0; text-align: center; color: #e51329; font-size: 15.6px; } .time_con .swiper-slide del { display: block; text-align: center; color: #909090; font-size: 12px; } .box { width: 100%; height: 350px; background: white; } .box .img { height: 15.6px; } .box p { margin: 0; font-size: 12px; overflow: hidden; height: 21px; } .box_1 { width: 42%; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 9px 12px; float: left; } .box .box2 { border-right: none; } .boxcon img { float: left; width: 66px; height: 66px; margin: 0 calc((100% - 132px)/4); } /*.banner, .banner1 { width: 100%; height: 120px; margin-top: 6px; }*/ .banner .swiper-container, .banner1 .swiper-container { padding: 0 12px; } .banner .swiper-container .swiper-wrapper .swiper-slide img, .banner1 .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; } .pzss_title { margin: 0; margin-top: -9px; } .pzss_title img { width: 100%; margin: 0; } .pzss { margin: 0; /*margin-top: -7px;*/ width: 100%; height: 345px; background: white; } .pzss1 { width: 49%; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; float: left; } .pzss1 .p1, .pzss3 .p1 { margin: 0; margin-top: 6px; margin-left: 9px; color: #525252; font-size: 15.6px; overflow: hidden; height: 21px; } .pzss1 .p2, .pzss3 .p2 { margin: 0; font-size: 12px; overflow: hidden; height: 21px; color: #ee5be2; margin-left: 9px; } .pzss .pzss2 { border-right: none; } .pzss3 { width: 24.4%; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; float: left; } .pzss .pzss4 { border-right: none; } .pzss3 img { width: 66px; height: 66px; margin: 0 calc(50% - 33px); }