*{ margin:0; padding:0; } body{ background: #fff; display:flex; flex-direction: column; } .out{ margin: 0.37rem 0.32rem 0.31rem; } .youhui{ display:flex; align-items: center; padding: 0.1rem 0; justify-content: center; } .use{ display: flex; justify-content: space-between; padding: 0 0.75rem; } .active{ color: red; } .wai{ padding-top: 0.2rem; } .use span{ font-size:0.32rem ; } .quan{ /*background-image: url('../images/f2.png');*/ overflow: hidden; background-position: center; background-repeat: no-repeat; position: relative; width: 6.1rem; height:1.8rem; } .quan img{ width:100%; height: 100%; } .circle{ position: relative; width:0.44rem; height: 0.44rem; border:0.02rem solid #FE0A01; border-radius: 50%; margin: 0 0.3rem 0 0; } .cir{ border:0.02rem solid #999; } .circle .iconfont{ position: absolute; left: -0.02rem; top:-0.13rem; color:#FE0A01; font-size:0.5rem; } .dai{ position: absolute; top:0.4rem; left:0.52rem; display:flex; justify-content:space-between; align-items: center; } .you{ margin-top: 0.1rem; } .date span{ font-size: 0.26rem; color:#252729 ; } .date span:nth-child(1){ padding:0 0 0.3rem 0; font-size: 0.32rem; } .date span:nth-child(2){ font-size: 0.26rem; } .money{ font-size: 0.6rem; color:#FE0A01; margin: 0 0.2rem 0 0; } .date{ display:flex; flex-direction: column; justify-content: center; text-align: center; color:#252729; } .ok{ font-size: 0.36rem; width: 100%; height: 1rem; background:#3399FF; color:#FFFFFF ; text-align: center; line-height: 1rem; position:fixed; bottom: 0; left: 0; } .ok:active{ opacity: 0.7; }