html,body { width:100%; height:100%; font-size:100px; } *{ margin:0; padding:0; } body{background: #fff; display:flex; flex-direction: column; } .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; } .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; } .swiper-container-horizontal{ height: 3.20rem; /*background: yellow;*/ } header .left{ display: flex; flex-direction:row; align-items: center; } 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; } .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.33rem ; 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-weight:bold; 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 { 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{ position:absolute; top:0.15rem; left: 0.2rem; display: block; font-size: 0.36rem; } .nian{ position: relative; width: 5rem; height: 1rem; } .nianout .nian .shian{ position:absolute; font-size: 0.3rem; font-weight: Medium; top: 0.15rem; display: block; color:#54C0B4; left: 4rem; } .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; position: absolute; } .piclist1{ position:relative; /*padding: 0.9rem;*/ } .dingjin{ position: absolute; font-size: 0.27rem; font-weight: Medium; top: 0.47rem; display: block; /*color: #54C0B4;*/ left: 0rem; /*color: #3988E5;*/ width: 3rem; color: #252729; } .newxia1{ position:relative; padding: 0.1rem; } .yu{ position: absolute; font-size: 0.27rem; font-weight: Medium; top: 0.27rem; display: block; color: #54C0B4; left: 0.5rem; color: #3988E5; } .yishou{ position: absolute; font-size: 0.27rem; font-weight: Medium; top: 0rem; display: block; /*color: #54C0B4;*/ left: 4rem; /*color: #3988E5;*/ width: 3rem; color: #252729; } .newxia2{ margin-top:1.8rem ; display: flex; 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; } .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; }