*{ margin:0; padding:0; } body{ background: #fff; display:flex; padding: 0.5rem 0 0 0; flex-direction: column; } .tu{ display: flex; flex-direction: column; align-items: center; } .pic{ font-size:0.31rem; margin-top:0.1rem; color: #000000; font-weight: Medium; } .show{ } .ok:active{ opacity: 0.7; } .circle{ display: block; width: 1.6rem; height: 1.6rem; } .circle img{width: 100%;} .name{ display:flex; justify-content: space-between; font-size:0.31rem; padding: 0 0.33rem; margin-top: 0.4rem; } .information{ height: 1rem; color:#FE0A01 ; font-size: 0.28rem; text-align: center; line-height:1rem; background: #F5F5F5; margin-top: 0.2rem; } .list li{ display:flex; align-items: center; justify-content: space-between; padding-left:0.33rem; padding-right:0.36rem; height: 1rem; border-bottom: 1px solid #EBEBEB; line-height: 1rem; } .real{ font-size:0.32rem ; color: #000; } .add{ text-align: right; border: none; outline: none; font-size:0.3rem ; color:#999999; } .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; }