/* pages/memberDetail/memberDetail.wxss */ .progess{ display: flex; align-items: center; } .progess .line{ height: 2rpx; width: 186rpx; background: #C5C5C5; } .progess .line.active{ background: #3CC7C0; } .progess .circle{ width: 48rpx; height: 48rpx; font-size: 32rpx; display: flex; justify-content: center; align-items: center; font-weight: 400; color: #C5C5C5; background: #FFFFFF; border: 1rpx solid #C5C5C5; border-radius: 50%; } .progess .circle.active{ background: #3CC7C0; border: 1rpx solid #3CC7C0; color:#fff; } .progess .circle.finished{ background: #fff; color:#3CC7C0; } .progess .circle .img{ width:48rpx; height:48rpx; } .page{ overflow: hidden; } .progressbox{ margin-top: 172rpx; padding: 20rpx 0 12rpx; display: flex; flex-direction: column; background-color: #fff; align-items: center; } .textbox{ margin-top: 16rpx; font-size: 28rpx; font-weight: 600; color: #BDBDBD; width:600rpx; display: flex; justify-content: space-between; } .textbox .active{ color: #3CC7C0; } .cellbox{ overflow: hidden; margin-bottom: 120rpx; margin-top: 20rpx; flex:1; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .step1,.step2{ overflow: hidden; } .cellbox.active{ margin-bottom: 0rpx; } .page{ display: flex; flex-direction: column; } .cellbox .cell{ background-color: #fff; align-items: center; display: flex; padding:0 32rpx; } .cellrow{ height:105rpx; width:100%; justify-content: space-between; align-items: center; display: flex; border-bottom:1rpx solid #E3E4E5; } .cell:last-child .cellrow{ border-bottom: none; } .iptbox{ display: flex; flex:1; justify-content: flex-end; } .righticon{ width:24rpx; height: 48rpx; } .name{ display: flex; align-items: center; } .name .red{ margin-top: 20rpx; color:#E34D59; } .placeholder{ text-align: right; font-size: 28rpx; font-weight: 400; color: #C5C8CB; } .ipt{ width:100%; text-align: right; color: #666666; font-size: 28rpx; } .next{ position: absolute; bottom:20rpx; left:32rpx; right:32rpx; display: flex; justify-content: center; align-items: center; color:#fff; height: 80rpx; background: #3CC7C0; border-radius: 8rpx; } .next.complete{ background: #D3D3D3; } .sickHis{ background-color: #fff; /* margin-top: 20rpx; */ padding:1rpx 52rpx 40rpx; } .list .qa{ display: flex; margin-top: 30rpx; border-bottom:1rpx solid #E3E4E5; } .titlebox{ flex:1; } textarea{ position: relative; z-index:1; width:100%; color:#333; height:132rpx; } .radio{ margin: 30rpx 0rpx 30rpx 0; } .group .van-radio--horizontal{ margin-right: 11rpx; } .singlegroup .van-radio--horizontal{ margin-right:44rpx; } .singlegroup .van-radio--horizontal:nth-child(2n){ margin-right: 0rpx; } .group .van-radio--horizontal:nth-child(3n){ margin-right: 0; } .radiotip{ position: relative; padding:24rpx 20rpx; justify-content: center; margin-top: 20rpx; line-height: 42rpx; background: #F2F2F2; border-radius: 10rpx; font-size: 28rpx; color:#999; margin-bottom: 20rpx; } .radiotip .textbox{ top:20rpx; left:20rpx; margin-top: 0; width:auto; height: 100rpx; font-weight: normal; z-index: 0; position: absolute; right:20rpx; } .radiotip text{ white-space: nowrap; color:#333; } .van-radio__label{ padding-right:40rpx!important; } /* .van-radio__label:nth-child(3){ padding-right:0rpx!important; } */ .van-radio{ margin-bottom: 10rpx!important; }