*{ margin:0; padding:0; } body{ background: #fff; display:flex; /*padding: 0.5rem 0 0 0;*/ flex-direction: column; } .sex { font-size: 0.32rem; color: #000000; } input{ outline:none; border:none; text-align:right; } .tu{ display: flex; flex-direction: column; align-items: center; } .pic{ font-size:0.31rem; margin-top:0.1rem; color: #000000; font-weight: Medium; } .se{ margin-right:1rem; } .ok:active{ opacity: 0.7; } .sex input{ width: 0.32rem; height: 0.32rem; display: inline-block; } .circle{ display: block; width: 1.6rem; height: 1.6rem; } .circle img{width: 100%;} .name{ display:flex; justify-content: space-between; font-size:0.31rem; } .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: 1.02rem; border-bottom: 1px solid #EBEBEB; line-height: 1rem; } .real{ font-size:0.32rem ; color: #000; } .add{ font-size:0.3rem ; color:#999999; } .foot{ 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; } 1