html, body { width: 100%; height: 100%; font-size: 100px; } * { margin: 0; padding: 0; } body {padding-bottom: 1rem; background: #fff; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; } .single1{ width: 0.2rem; height: 0.2rem; } .single1 img{ width: 100%; height: 100%; } .in { border: 1px solid #EBEBEB; margin-top: 6px; width: 5.42rem; height: 0.8rem; text-align: center; font-size: 0.32rem; border-radius: 0.04rem; } input {-webkit-appearance:none; /*去除input默认样式*/} .area { font-size: 14px; } header { padding-top: 0.1rem; justify-content: center; height: 1rem; display: flex; width: 100%; flex-direction: row; position: relative; margin-bottom: 0.1rem; } .xianshi_two img{ width: 100%; } .swiper-container-horizontal { height: 3.20rem; /*background: yellow;*/ } .pelpe { display: flex; align-items: center; font-size: 0.26rem; align-items: center; color: #54C0B4; } .showcang { margin-right: 0.1rem; } header .left { display: flex; flex-direction: row; align-items: center; } .nian { font-size: 0.26rem; } header .left i { display: block; margin-right: 0.05rem; } header .left { margin-right: 0.4rem; } header input { border-radius: 0.03rem; } header .left input { width: 5.42rem; } .sou { font-size: 0.32rem; position: absolute; left: 50%; top: 41%; z-index: 1118; display: block; } .pic { width: 100%; height: 3.2rem; } .pic img { width: 100%; height: 100%; } .list ul { list-style: none; width: 100%; display: flex; flex-wrap: wrap; margin-top: 0.2rem; } .icon-dizhi { color: #C8C8CD; } .area { color: #333; } .piclist { height: 1.2rem; padding: 0.5rem 0.3rem 0.5rem 0.3rem; } .list { padding-top: 0.25rem; width: 100%; height: 4rem; } .list li img { width: 1rem; height: 1rem; } header .fang { position: absolute; left: 3rem; top: 0.40rem; z-index: 1118; display: block; } .list span { font-size: 0.14rem; font-family: PingFang-SC-Medium; color: rgba(51, 51, 51, 1); } .list li { display: flex; flex-direction: column; align-items: center; width: 25%; margin-top: 0.2rem; } .rili span { font-size: 0.14rem; font-family: PingFang-SC-Medium; color: rgba(255, 255, 255, 1); } .riliout { margin-top: 0.9rem; justify-content: center; width: 100%; background: red; /*margin-top: 0.49rem;*/ display: flex; align-items: center; flex-direction: row; /*justify-content: center;*/ /*align-items: center;*/ margin-bottom: 0.8rem; height: 1.61rem; } .rili { width: 5.2rem; height: 0.88rem; background: #2C98CF; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 0.44rem; } .rili span { font-family: PingFang-SC-Medium; margin-left: 0.10rem; font: 0.4rem; } .icon-calendar { color: #fff; } .active { width: 100%; height: 0.7rem; background: rgba(245, 246, 250, 1); font-size: 0.13rem; text-align: center; position: relative; } .active span { left: 35%; position: absolute; font-size: 0.13rem; line-height: 0.7rem; font-family: PingFang-SC-Medium; color: #bbb; font-weight: bolder; } /*========最新活动========*/ .new_pic { height: 3.6rem; background: blue; width: 100%; } .new_pic img { width: 100%; } .newxia { width: 100%; height: 1.82rem; /*background: yellow;*/ } .newxia { padding-top: 0.10rem; display: flex; flex-direction: row; } /*.newxia span{ font-size: 14px; }*/ .newxia .left { padding-left: 0.15rem; display: flex; flex-direction: column; height: 1.8rem; padding-top: 0.1rem; /*background: blue;*/ /*line-height: 31px;*/ } .newxia .right { position: absolute; right: 0; height: 1.1rem; border-radius: 30px 0 0 30px; background: red; } .qing { /*margin-left: -0.35rem;*/ padding-top: 0.04rem; font-family: PingFang-SC-Medium; font-size: 0.31rem; /*font-family:PingFang-SC-Medium;*/ color: rgba(37, 39, 41, 1); font-weight: Medium; } .newxia .right span { font-size: 0.14rem; } .newxia .left .shoucang { font-size: 0.14rem; } /*.newxia .left span{ display: block; height: 0.78rem; }*/ .riqiout { display: flex; flex-direction: row; height: 0.4rem; width: 2rem; /*background: yellow;*/ } .nianout i, span { float: left; display: block; } .newxia .left .nianout .ji { width: 1.5rem; height: 1rem; margin-left: 1rem; /*background: yellow;*/ } .nianout { width: 100%; margin-top: 0.10rem; } .nianout .ji i { position: absolute; top: 0.1rem; left: 0.3rem; display: block; } .nianout .ji span { position: absolute; top: 0.2rem; left: 0.85rem; display: block; } */ .icon-Group- { color: #FFCC00; font-size: 0.45rem; } .newxia .right { width: 2rem; /*height:0.50rem;*/ } .right { padding-top: 0.10rem; position: relative; } .newxia .show { position: absolute; margin-right: -0.01rem; height: 0.15rem; left: 0.13rem; margin-top: 0.20rem; } .sheng { margin-left: 0.5rem; } .icon-calendar { color: #54C0B4; } .icon-rili1 { color: black; font-size: 0.36rem; } .nianout .showcang { font-size: 0.26rem; font-weight: Medium; /*margin-top: -0.01rem;*/ /*display: block;*/ color: #7E7E80; /*position:absolute;*/ /*top:0.2rem;*/ /*left: 4.4rem;*/ } .icon-calendar { display: block; font-size: 0.36rem; } .nian { justify-content: space-between; align-items: center; display: flex; /*position: relative;*/ /*width: 5rem;*/ height: 1rem; } .nianout .nian .shian { margin-right: 0.06rem; font-size: 0.3rem; font-weight: Medium; color: #54C0B4; } .icon-qian { position: absolute; font-size: 0.37rem; font-weight: Medium; /*top: 0.05rem;*/ display: block; color: #54C0B4; /*left: -0.41rem;*/ } .hui { height: 0.2rem; width: 100%; background: #ECECEC; } .qi { position: absolute; font-size: 0.27rem; font-weight: Medium; top: 0.17rem; display: block; color: #54C0B4; left: -0.1rem; } .icon-rili1 { color: #fff; font-size: 0.36rem; } .riliout .rili span { font-size: 0.3rem; margin-top: -0.03rem; font-weight: Medium; } /*=====底部========*/ .foot { width: 100%; height: 1rem; background: #3399FF; text-align: center; font-size: 0.34rem; line-height: 1rem; color: #fff; bottom: 0; left:0; position: fixed; } .piclist1 { position: relative; width: 100%; /*padding: 0.9rem;*/ } .dingjin { font-size: 0.27rem; font-weight: Medium; /*top: 0.47rem;*/ display: block; /*color: #54C0B4;*/ /*color: #3988E5;*/ width: 3rem; color: #252729; /*margin-top: 0.1rem;*/ } .newxia1 { position: relative; padding: 0.1rem; } .dis { /*width: 100%;*/ justify-content: space-between; padding: 0 0.35rem 0 0.35rem; align-items: center; display: flex; padding-right: 0.32rem; } .left { width: 100%; } .yu { display: flex; justify-content: flex-start; /*margin-bottom: 0.1rem;*/ /*position: absolute;*/ font-size: 0.28rem; font-weight: Medium; /*top: 0.27rem;*/ display: block; padding-top: 0.36rem; padding-left: 0.3rem; color: #3988E5; } .yishou { /*position: absolute;*/ font-size: 0.27rem; font-weight: Medium; top: 0rem; display: block; /*color: #54C0B4;*/ left: 4.6rem; /*color: #3988E5;*/ /*width: 3rem;*/ color: #252729; } .newxia2 { /*margin-top:1.8rem ;*/ display: flex; margin-top: 0.4rem; justify-content: space-between; flex-direction: row; align-items: center; font-size: 0.27rem; padding-left: 0.4rem; padding-right: 0.4rem; } .newxia2 span { color: #252729; font-size: 0.26rem; } #newxia2 .active1 { color: #FE0A01; } .yuan { display: block; width: 0.88rem; border-radius: 50%; background: #57A7FF; height: 0.88rem; position: relative; } .xianshi { width: 100%; height: 3rem; text-align: center; line-height: 3rem; font-size: 0.26rem; margin-top: 0.9rem; } .xianshi2{ width: 100%; height: 3rem; text-align: center; line-height: 3rem; font-size: 0.26rem; margin-top: 0.9rem; } .yuan i { position: absolute; left: 0.2rem; top: 0.1rem; font-size: 0.5rem; } .newxia .right { position: absolute; } .newxia .jia { height: 0.13rem; position: absolute; left: 0.6rem; top: 0.15rem; } .newxia .jia span { color: #fff; font-size: 0.35rem; font-weight: Medium; } .newxia .show .showspan { height: 0. 3rem; width: 0.9rem; position: absolute; left: 1.1rem; top: 0.4rem; } .newxia .show .sheng { height: 0. 3rem; width: 0.9rem; display: block; position: absolute; left: 0.1rem; top: 0.4rem; font-size: 14rem; color: #fff; } .ok:active { opacity: 0.7; } .xianshi1 { display: flex; align-items: center; justify-content: between; font-size: 0.26rem; margin-top: 0.2rem; line-height: 0.8rem; padding: 0 0.38rem 0 0.35rem; } .tu { border-radius: 50%; width: 0.8rem; display: block; height: 0.8rem; margin-right: 0.2rem; } .tu img { width: 100%; } .niu { font-size: 0.28rem; /* position: absolute; */ color: #252729; width: 0.8rem; display: block; height: 0.8rem; left: 1.2rem; top: -0.55rem; margin-right: 0.1rem; } .xing { width: 3rem; display: flex; height: 0.8rem; left: 1.4rem; font-size: 0.26rem; top: -0.58rem; } .xing .icon-wuxing { font-size: 0.31rem; width: 0.31rem; height: 0.31rem; color: #FFCC00; margin-right: 0.15rem; /* background: #FFCC00; */ } .xing .icon-wuxing { font-size: 0.31rem; color: #FFCC00; /* background: #FFCC00; */ } .pan { display: flex; justify-content: flex-start; padding-left: 0.32rem; font-size: 0.28rem; margin-top: 0.24rem; } .xianshi1 { display: flex; justify-content: space-between; } .xianshi_two { /*overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 0.26rem;*/ } .mold_out { position: fixed; top: 5.6rem; font-size: 0.28rem; width: 100%; height: 2.8rem; } .mold_center { border: 0.02rem solid #54C0B4; background: rgba(255, 255, 255, 1); z-index: 9; display: flex; justify-content: center; padding-top: 0.2rem; padding-bottom: 0.1rem; } .year_change { display: flex; align-items: center; } .money { display: flex; align-items: center; margin-bottom: 0.15rem; justify-content: space-between; } .bottom_button { display: block; width: 1.5rem; height: 0.5rem; border: none; background: #3399FF; border-radius: 1rem; margin-left: 1.6rem; color: #fff; outline: none; } .scroll { height: 3rem; overflow-x: hidden; overflow: auto; overflow-x: hidden; width: 5.17rem; } .scroll_out{ overflow: hidden; width: 5.0rem; } .price{color: #54C0B4;} /*单选*/ .single{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem; border: 0.03rem solid #B5B5B5; border-radius:50%; display: flex; align-items: center; justify-content: center; } .icon-yuandianxiao{ font-size: 0.5rem; color: #656565; display: block; margin-top: 0.06rem; margin-left: 0.03rem; }