page { height: 100%; background: #f4f4f4; } .add-idCard { background: #fff; } .add-idCard .add-form { background: #fff; width: 100%; height: auto; overflow: hidden; } .add-idCard .form-item { height: 116rpx; padding-left: 31.25rpx; border-bottom: 1px solid #d9d9d9; display: flex; align-items: center; padding-right: 31.25rpx; } .add-idCard .form-item .location{ height: 60rpx; width: 60rpx; } .add-idCard label { width: 160rpx; font-weight: bold; } .add-idCard .input { flex: 1; height: 44rpx; line-height: 44rpx; overflow: hidden; } .add-idCard .form-default { border-bottom: 1px solid #d9d9d9; height: 96rpx; background: #fafafa; padding-top: 28rpx; font-size: 28rpx; } .default-input { margin: 0 auto; display: block; width: 240rpx; height: 40rpx; padding-left: 50rpx; line-height: 40rpx; background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr3NeAQgp_AAAJkFQSrpc594.png) 1rpx -448rpx no-repeat; background-size: 38rpx 486rpx; font-size: 28rpx; } .default-input.selected { background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr3NeAQgp_AAAJkFQSrpc594.png) 0 -192rpx no-repeat; background-size: 38rpx 486rpx; } .add-idCard .btns { /* position: fixed; bottom: 0; left: 0; */ overflow: hidden; display: flex; height: 100rpx; width: 100%; margin-top: 60rpx; } .add-idCard .cannel, .add-idCard .save { /* flex: 1; */ height: 100rpx; text-align: center; line-height: 100rpx; font-size: 28rpx; color: #fff; border: none; border-radius: 0; width: 90vw; } .add-idCard .cannel { background: #333; } .add-idCard .save { background: #b4282d; } .region-select { width: 100%; height: 600rpx; background: #fff; position: fixed; z-index: 10; left: 0; bottom: 0; } .region-select .hd { height: 108rpx; width: 100%; border-bottom: 1px solid #f4f4f4; padding: 46rpx 30rpx 0 30rpx; } .region-select .region-selected { float: left; height: 60rpx; display: flex; } .region-select .region-selected .item { max-width: 140rpx; margin-right: 30rpx; text-align: left; line-height: 60rpx; height: 100%; color: #333; font-size: 28rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .region-select .region-selected .item.disabled { color: #999; } .region-select .region-selected .item.selected { color: #b4282d; } .region-select .done { float: right; height: 60rpx; width: 60rpx; border: none; background: #fff; line-height: 60rpx; text-align: center; color: #333; font-size: 28rpx; } .region-select .done.disabled { color: #999; } .region-select .bd { height: 492rpx; width: 100%; padding: 0 30rpx; } .region-select .region-list { height: auto; overflow: scroll; } .region-select .region-list .item { width: 100%; height: 104rpx; line-height: 104rpx; text-align: left; color: #333; font-size: 28rpx; } .region-select .region-list .item.selected { color: #b4282d; } .bg-mask { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 8; } .id-card-txt{ font-size:22rpx; margin-left: 20rpx; color: #a5a3a3; text-align: center; margin-bottom: 30rpx; width: 96vw; } .id-card-title{ font-size: 40rpx; width: 100vw; margin: 5rpx auto 20rpx auto; color: #555454; text-align: center; font-weight: bold; } .clear-icon{ position: absolute; top:709rpx; right:30rpx; width:32rpx; height:32rpx; z-index:9999; } .idcard-img{ width: 238rpx; height: 215rpx; margin: 10rpx auto 30rpx auto; display: flex; } .radio-class{ width: 43vw; border-right: 1px solid #ccc; font-weight: bold; } .radio2-class{ border-right: 0px solid #ccc; margin-left: 40rpx; } .id-card-txt2 { font-size: 26rpx; color: #686666; width: 86vw; float: right; } .id-card-agree-view{ margin-top: 63rpx; margin-left: 30rpx; } .info-{ margin: 0px auto; text-align: center; color: #ccc; font-weight: bold }