*{ margin:0; padding:0; } body{ background: #fff; display:flex; flex-direction: column; /*padding: 0 5%;*/ height: 100%; } html{ background: #fff;} .ordinary{ color:#FE0A01; font-size:0.28rem; border-bottom: 0.05rem solid #FE0A01; width: 1.3rem; height:0.6rem ; line-height:0.6rem ; text-align: center; } .activie{ display: flex; justify-content: space-between; padding: 0 1.33rem; } .activity{ color:#252729; font-size:0.28rem; width: 1.3rem; height:0.6rem ; line-height:0.6rem ; text-align: center; } .pay{ color:#3988E5; font-size:0.32rem; } .btn{ width: 40%; height: 0.88rem; line-height: 0.88rem; padding:0 0rem; margin: 0.5rem 0 0.3rem 0; border: 0.02rem solid #3399FF; border-radius:0.05rem ; background: #fff; margin-bottom: -0.1rem; font-size:0.36rem; color: #333333; text-align: center; } .btns{ padding: 0.3rem 0.3rem 0 0.3rem; } .btnlist{ display: flex; box-sizing:border-box; flex-wrap: wrap; justify-content: space-between; align-items: center; /*height: 1rem;*/ width: 100%; } /*.one{margin-right:10% ;}*/ .active{ background:#3399FF ; color: #fff; } .listbtn{ margin-top: -0.3rem; } .footer{ background: #3988E5; width: 100%; height: 1rem; line-height: 1rem; color: #fff; font-size:0.36rem; text-align: center; position: fixed; bottom:0 ; } .ok:active{ opacity: 0.7; }