*{ 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; } .tu{ display: flex; flex-direction: column; align-items: center; } .pic{ font-size:0.31rem; margin-top:0.1rem; color: #000000; font-weight: Medium; } input {-webkit-appearance:none; /*去除input默认样式*/} .ok:active{ opacity: 0.7; } input:hover { outline: none; } input:hover { outline: none; } input { text-align:right; border: none; outline: none; background: none; } #man{ width: 0.32rem; height: 0.32rem; } #woman{ width: 0.32rem; height: 0.32rem; } .se{ margin-right: 1.5rem; } .sexs{ display: flex; align-items: center; } .sex{ display: flex; align-items: center; } .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; } .circle_inner_left,.circle_inner_right{ width:0.32rem; height:0.32rem; display: flex; justify-content: center; align-items: center; border: 0.02rem solid #B5B5B5; border-radius: 50%; /*margin-right: 0.1rem;*/ } .circle_left{ margin-right: 0.3rem; } .woman{font-size: 0.32rem; color:#000000; margin-left: 0.1rem; } .man{ font-size: 0.32rem;color:#000000; margin-left: 0.14rem; } .circle_black{ border: 0.01rem solid #656565; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #656565; } .circle_right .circle_black{ background: #fff; opacity: 0; } .circle_left{display: flex;align-items: center;justify-content: center;} .circle_right{ display: flex;align-items: center; justify-content: center;margin-left: 0.68rem;} } .selected{ background: #000; } .checked{ background: red; } .check{ width: 20px; height: 20px; position: relative; border-radius: 50%; font-size: 20px; } .icon-radio{ font-size: 24px; color: #999; } .active .iconfont{ color: #000 } .check input{ position: absolute; top: 0; left: 0px; width: 100%; height: 100%; /*opacity: 0;*/ } /*单选*/ .single{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem; border: 0.03rem solid #B5B5B5; border-radius:50%; display: flex; align-items: center; justify-content: center; } .icon-yuandianxiao{ font-size: 0.5rem; color: #656565; display: block; margin-top: 0.06rem; margin-left: 0.03rem; }