html,body { width:100%; height:100%; font-size:100px; } *{ margin:0; padding:0; } body{background: #fff; padding:0rem 0 3rem 0; box-sizing: border-box; overflow-x: hidden; } a { color: #646E78; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .icon-wuxing{ color: #FFCC00; margin-right: 0.1rem; } /*图标*/ .list li { width: 25%; display: flex; /*margin: 0 0 0.36rem 0;*/ justify-content: center; align-items: center; flex-direction: column; } .list ul { list-style: none; width: 100%; display: flex; flex-wrap: wrap; /*margin-top: 0.2rem;*/ overflow: auto; } .li_imgbox img { display: block; width: 100%; } .list li a { display: block; } a img { border: 0; } .li_imgbox { width: 1rem; height: 1rem; } .li_imgbox { width: 1.2rem; height: 1.2rem; justify-content: center; align-items: center; display: flex; } .activity_li .zhou_txt { font-size: 0.26rem; /*font-weight: bold;*/ } .zhou_txt { font-size: 0.26rem; color: #333;text-align: center; margin: 0.2rem 0 0 0; } .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: fixed; top:0; left:0; margin-bottom: 0.1rem; background-color: #fff; } .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; } .list{ padding-top: 0.25rem; width: 100%; /*height: 4rem;*/ } .list li img{ width: 1rem; height: 1rem; } header .fang{ position: absolute; left: 2rem; 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.36rem; } .rili span{ font-size: 0.14rem; font-family:PingFang-SC-Medium; color:rgba(255,255,255,1); } .riliout{ margin-top: 0.69rem; 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.36rem; /*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{ font-size:0.24rem; 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%; } .icon-shoucang{ margin-right: 0.1rem; font-size: 16px; color:#646E78; } .newxia{ padding-bottom: 0.36rem; padding-top: 0.36rem; display:flex; flex-direction:row; } /*.newxia span{ font-size: 14px; }*/ .newxia .left{ width:67.5%; padding-left:0.33rem ; display:flex; flex-direction:column; } .newxia .right{ display: flex; height: 1.2rem; flex-direction: column; border-radius: 30px 0 0 30px; background: red; align-items: center; justify-content: center; } .qing{ font-family: PingFang SC; justify-content: center; font-size:0.32rem; /*font-family:PingFang-SC-Medium;*/ color:rgba(37,39,41,1); font-weight:Medium ; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 94%; text-align: justify; } .jia{ display: flex; } .show span{ font-size: 0.26rem; color: #fff; margin-right: 0.1rem; } .newxia .left .shoucang{ font-size:0.26rem; } .newxia { justify-content: space-between; } .riqiout{ display:flex; flex-direction:row; height: 0.4rem; width:2rem; /*background: yellow;*/ } .newxia .left span{ font-size: 0.26rem; } .nianout i,span{ font-size: 0.28rem; } .nian{ display: flex; justify-content: space-between; align-items: center; } .icon-calendar{ margin-right: 0.1rem; } .newxia .left .nianout .ji{ display: flex; justify-content: space-between; } .nianout { margin-top: 0.20rem; display: flex;justify-content: space-between; } .nianout { display: flex; justify-content: space-between; width: 3.6rem; } .newxia .right{ width: 2rem; /*height:0.50rem;*/ } .right{ justify-content: center; /*padding-top: 0.10rem;*/ position: relative; } .icon-wuxing{ color: #FFCC00; } .show { display: flex; } .sheng{ } .icon-calendar{ color: #54C0B4; } .icon-rili1{ color:#fff; font-size:0.36rem; } .nianout .ji .showcang{ font-size: 0.26rem; font-weight: Medium; color:#7E7E80; } .ji{ display: flex; justify-content: space-between; align-items: center; } .piclist .active_year{ font-size: 0.26rem; } .nianout .nian span{ font-size: 0.26rem; } .icon-rili1{ color: #fff; font-size: 0.36rem; } .riliout .rili span{ font-size: 0.3rem; margin-top: -0.03rem; font-weight: Medium; } /*=====底部========*/ .foot{ /*border-top:1px solid #eee;*/ width:100%; height: 1.45rem; position: fixed; bottom:0; left:0; } .show{ margin-top: -0.1rem; } .foot ul{ position: absolute; box-sizing: border-box; top:0.23rem; left:0; z-index:10; width:100%; padding-left: 1.42rem; display: flex; flex-direction: row; padding-right: 1.42rem; align-items: center; justify-content: space-between; list-style: none; } .foot ul li span{ font-size: 0.2rem; } a .yuan .icon-rili{ font-size: 0.6rem; } .foot ul li .lis{ display: flex; flex-direction: column; align-items: center; } .foot .active1 span{ color:#57A7FF; } .foot .active1 i{ color:#57A7FF; } .yuan{ margin-top: -0.01rem; display: block; width: 0.88rem; border-radius:50%; background: #57A7FF; height:0.88rem; position: relative; color: #fff; } .yuan i{ position: absolute; left: 0.13rem; font-size: 1rem; } .newxia .jia span{ color:#fff; font-size: 0.35rem; font-weight:Medium; } display: flex; justify-content: space-between; } .newxia .show .sheng{ height: 0. 3rem; width: 0.9rem; display: block; position: absolute; left: 0.1rem; top:0.4rem; font-size:14rem; color:#fff; } .icon-rili{ color:#fff; font-size: 0.5rem; } button:hover { outline: none; } .foot_img{ height: 100%; width:100%; } .foot_img img{ display: block; width:100%; height: 100%; } .travellis{ /*margin-top: -0.12rem;*/ } /*=====底部========*/ .foot{ /*border-top:1px solid #eee;*/ width:100%; height: 1.45rem; position: fixed; bottom:0; left:0; /*background-color: #fff;*/ } .show{ margin-top: -0.1rem; } .foot ul{ position: absolute; box-sizing: border-box; left:0; z-index:10; width:100%; padding-left: 1.42rem; display: flex; flex-direction: row; padding-right: 1.42rem; align-items: center; justify-content: space-between; list-style: none; } .foot ul li span{ font-size: 0.2rem; } a .yuan .icon-rili{ font-size: 0.6rem; } .foot ul li .lis{ margin-top: 0.06rem; display: flex; flex-direction: column; align-items: center; } .foot .active1 span{ color:#57A7FF; } .foot .active1 i{ color:#57A7FF; margin-bottom: 0.006rem; vertical-align: 0.1rem; } .yuan{ display: block; width: 0.88rem; border-radius:50%; background: #57A7FF; height:0.88rem; position: relative; color: #fff; } .yuan i{ position: absolute; left: 0.13rem; top:-0.01rem; font-size: 1rem; } .newxia .jia span{ color:#fff; font-size: 0.35rem; font-weight:Medium; } display: flex; justify-content: space-between; } .newxia .show .sheng{ height: 0. 3rem; width: 0.9rem; display: block; position: absolute; left: 0.1rem; top:0.4rem; font-size:14rem; color:#fff; } .icon-rili{ color:#fff; font-size: 0.5rem; } button:hover { outline: none; } .foot_img{ height: 100%; width:100%; } .foot_img img{ display: block; width:100%; height: 100%; } .travellis{ margin-top: -0.1rem; } .yuan i{top:-0.02 height: 1.45rem; } .yuan i { position: absolute; font-size: 1rem; } /*.iconfont{ font-size: 0.rem; }*/ .icon-Group-{color:#CCCCCC; /*font-size: 0.4rem;*/ /*margin-top: -0.05rem; margin-left: -0.1rem;*/ } /*base*/ .base{ height: 1.35rem; width:100%; position: fixed; bottom: 0; background: url("images/bei.png") no-repeat left bottom; background-size: 100%; } .base_circle{ display: block; width: 0.88rem; height: 0.88rem; background: #57A7FF; border-radius:50% ; position: relative; } .baselist{ position: absolute; width: 100%; box-sizing: border-box; bottom: 0; padding: 0 1.43rem; z-index: 10; display: flex; align-items: flex-end; justify-content: space-between; } .baselis{ display: flex; flex-direction:column; align-items: center; } .base_rili{ position: absolute; left: 0.2rem; top: 0.09rem; z-index: 100; color: #fff; font-size: 0.48rem; } .common{ color:#646E78; font-size: 0.26rem; } .mark{color:#fff;} .grey{ color:#999999; font-size: 0.34rem; } .base_rili{font-size: 0.48rem;} .checked_active{color:#57A7FF;} .nianout .nianout .active_year { font-size: 0.26rem; } /*.nianout.icon-calendar{font-size: 0.3rem;}*/ /*底部修改*/ .first{ width: 0.40rem; height: 0.45rem; } .person{ position: static; width: 0.4rem; height: 0.45rem; overflow: hidden; }