html{ } *{ margin:0; padding:0; } #body{ background: #fff; display:flex; padding: 0.5rem 0 1.35rem 0; flex-direction: column; /* box-sizing: border-box;*/ } a { color: #646E78; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .niu{ display: flex; flex-direction: column; align-items: center; margin-left: 1.1rem; } .pic{ font-size:0.31rem; margin-top:0.1rem; color: #000000; font-weight: Medium; } .circle{ display: block; width: 1.6rem; height: 1.6rem; } .circle img{width: 100%;} .tu .icon-bianji{ font-size:0.44rem ; margin-left: 0.6rem; /*margin-top: -0.6rem;*/ } .tu{ /*padding-bottom: 1rem;*/ display: flex; margin-bottom:0.3rem; /*flex-direction: column;*/ /*align-items: center;*/ justify-content: center; } .wallet .our{ font-size:0.3rem; } .look span{ font-size:0.28rem; } .wallet .icon-yiwanchengdingdan{ font-size: 0.5rem; color:#3988E5; } .wallet{ line-height: 1.02rem; display: flex; justify-content:space-between; padding: 0 0.3rem 0 0.3rem; align-items: center; height: 1.02rem; border-bottom: 0.01rem solid #EBEBEB; } .wallet_main{ /*width:100%;*/ display: flex; align-items: center; } .wallet_main .icon-qianbao{ color:#005B7D; font-size: 0.5rem; } .look{ font-size: 0.28rem; color: #999; } .wall{ /*margin-top: -0.25rem;*/ border-bottom: none; } .sub li{ display: flex; justify-content:space-between; flex-direction: column; align-items: center; } .dai{ font-size:0.28rem; margin-top: -0.2rem; } .wallet_main i{ margin-right:0.19rem; font-size:0.5rem; color:#3988E5 ; } .sub .iconfont{ font-size: 0.62rem; color: #3988E5; } .main{ height:100%; display: flex; align-items: center; } .sub{ display: flex; align-items: center; justify-content: space-between; padding: 0 0.3rem; padding-bottom: 0.25rem; margin-top: -0.4rem; } .sub_out{ padding: 0 0.2rem; border-bottom: 0.01rem solid #EBEBEB; } /*=====底部========*/ .foot{ width:100%; position: fixed; bottom:0; left:0; background-color: #fff; } .foot ul{ 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.14rem; } .foot ul li .lis{ display: flex; flex-direction: column; align-items: center; } .yuan{ display: block; width: 0.88rem; border-radius:50%; background: #57A7FF; height:0.88rem; position: relative; } .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; } .icon-rili3{ color: #fff; } /*=====底部========*/ .foot{ /*border-top:1px solid #eee;*/ width:100%; position: fixed; bottom:0; left:0; background-color: #fff; } .foot ul{ padding-left: 1.42rem; display: flex; flex-direction: row; padding-right: 1.42rem; align-items: center; flex-wrap: wrap; justify-content: space-between; list-style: none; } .foot ul li span{ font-size: 0.14rem; } .foot ul li .lis{ display: flex; flex-direction: column; align-items: center; } .yuan{ display: block; width: 0.88rem; border-radius:50%; background: #57A7FF; height:0.88rem; position: relative; } .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; } body{ padding:1rem 0 0 0; box-sizing: border-box; overflow-x: hidden; } .foot{ background: #fff; z-index: 10; } .zhou_txt{ font-size:0.26rem; color:#333; margin:0.2rem 0 0 0; } .li_imgbox{ width:1rem; height: 1rem; } .li_imgbox img{ display: block; width: 100%; } .activity_li .zhou_txt{ font-size:0.3rem; font-weight: bold; } .foot ul { padding-left: 1.42rem; display: flex; flex-direction: row; padding-right: 1.42rem; align-items: center; flex-wrap: wrap; justify-content: space-between; list-style: none; } .sub a:visited { color: #000; } a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .foot .active1 i { color: #57A7FF; } .foot .active1 span { color: #57A7FF; } .foot ul li span { font-size: 0.2rem; } a .yuan .icon-rili { font-size: 0.6rem; } .lis .iconfont { /* color: #999999; */ font-size: 0.5rem; } .yuan i { position: absolute; left: 0.15rem; top: -0.01rem; font-size: 1rem; } a { color: #646E78; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .yuan { display: block; width: 0.88rem; border-radius: 50%; background: #57A7FF; height: 0.88rem; position: relative; color: #fff; } .lis .yuan .icon-rili{ color: #fff; } a { color: #000; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } #bianji{ display: block; height: 0.5rem; margin-top:-0.2rem ; } .foot .linx i{ color: #999; } .foot .linx span{ color: #999; } .travel{ color: #999; } .act{ display: flex; align-self: center; } /*=====底部========*/ .foot{ /*border-top:1px solid #eee;*/ width:100%; height: 1.45rem; position: fixed; bottom:0; left:0; /*position: relative;*/ /*background-color: #fff;*/ } .show{ margin-top: -0.1rem; } .foot ul{ position: absolute; box-sizing: border-box; top:0.3rem; 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{ display: block; width: 0.88rem; border-radius:50%; background: #57A7FF; height:0.88rem; position: relative; color: #fff; } .foot span {color: #646E78;} .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.11rem; } /*=====底部========*/ .foot{ width:100%; position: fixed; bottom:0; left:0; background-color: #fff; } .foot ul{ padding-left: 1.42rem; display: flex; flex-direction: row; padding-right: 1.42rem; align-items: center; flex-wrap: wrap; justify-content: space-between; list-style: none; } .foot ul li span{ font-size: 0.14rem; } .foot ul li .lis{ display: flex; flex-direction: column; align-items: center; } .yuan{ display: block; width: 0.88rem; border-radius:50%; background: #57A7FF; height:0.88rem; position: relative; } .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; } body{ padding:1rem 0 0 0; box-sizing: border-box; overflow-x: hidden; } .foot{ background: #fff; z-index: 10; } .zhou_txt{ font-size:0.26rem; color:#333; margin:0.2rem 0 0 0; } .li_imgbox{ width:1rem; height: 1rem; } .li_imgbox img{ display: block; width: 100%; } .activity_li .zhou_txt{ font-size:0.3rem; font-weight: bold; } .foot ul { padding-left: 1.42rem; display: flex; flex-direction: row; padding-right: 1.42rem; align-items: center; flex-wrap: wrap; justify-content: space-between; list-style: none; } /*a:visited { color: #c8c8cd; }*/ a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .foot .active1 i { color: #57A7FF; } .foot .active1 span { color: #57A7FF; } .foot ul li span { font-size: 0.2rem; } a .yuan .icon-rili { font-size: 0.6rem; } .lis .iconfont { /* color: #999999; */ font-size: 0.5rem; } .yuan i { position: absolute; left: 0.13rem; top: -0.01rem; font-size: 1rem; } a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .yuan { display: block; width: 0.88rem; border-radius: 50%; background: #57A7FF; height: 0.88rem; position: relative; color: #fff; } .lis .yuan .icon-rili{ color: #fff; } /*=====底部========*/ .foot{ /*border-top:1px solid #eee;*/ width:100%; height: 1.45rem; position: fixed; bottom:0; left:0; /*position: relative;*/ /*background-color: #fff;*/ }.foot span {color: #646E78;} .show{ margin-top: -0.1rem; } .foot ul{ position: absolute; box-sizing: border-box; top:0.3rem; 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{ 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.11rem; } /*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; } .checked_active{color:#57A7FF} .first { width: 0.40rem; height: 0.45rem; }