epmet-work-mp/subpages/addResi/pages/addResi/addResi.wxss

/* subpages/addResi/pages/addResi/addResi.wxss */
page {
    width: 100%;
    min-height: 100vh;
    overflow-y: auto;
    background-color: #f7f7f7;
  }
.gray{
    color: #C1C1C1;
}
.m-top20{
    margin-top: 20rpx;
}
.steps{
    height: 140rpx;
}

.content{
    width: 100%;
    padding: 0 20rpx;
    box-sizing: border-box;
    height:calc(100vh - 120rpx ) ;
    overflow-y: scroll;


}
.form_card {
    background-color: #fff;
    border-radius: 10rpx;
    padding: 0 30rpx;
    margin-bottom: 20rpx;
    box-sizing: border-box;
   
}
/* .form_height{
    height:calc(100vh - 120rpx - 140rpx) ;
    margin-top: 20rpx;
    overflow-y: scroll;
} */
.house_box{
    height:calc(100% - 120rpx ) ;
}
.house_box  .house_btn{
    height: 80rpx;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: start;
}
.house_box  .house_btn button{
        margin: 0  30rpx 0 0;
        width: 40rpx;
        height: 40rpx;
        border-radius: 50%;
        text-align: center;
        line-height: 40rpx;
        color: #fff;
        /* font-size: 50rpx; */
        padding: 0;
}
.house_box  .house_btn :nth-child(2){
    background-color:#f56c6c;
}
.house_box  .house_btn :nth-child(1){
    background-color:#3974f6;
}
.form_card > .title{
    height: 90rpx;
    line-height: 90rpx;
    font-size: 34rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.form_card  .title .tag{
    width: 10rpx;
    height: 28rpx;
    background: #3A80E7;
    border-radius: 4rpx;
    position: absolute;
    left: -30rpx;
    top: 50%;
    transform: translateY(-14rpx);
}
.form_card .form_item{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EAEAEA;
    height: 100rpx;
}
.form_card .form_item .label{
    min-width: 130rpx;
    height: 100%;
    line-height: 100rpx;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
    position: relative;
}
.form_card .form_item .label .must{
    font-size: 32rpx;
    font-weight: 500;
    color: #FF2A00;
    position: absolute;
    left: -18rpx;
    top: 50%;
    transform: translateY(-50rpx);
}
.form_card .form_item .input{
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 51rpx;
    overflow: hidden;

}
.form_card .form_item .input .residentCategorySty{
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form_card .form_item .input picker,
.form_card .form_item .input input{
    flex: 1;
}
.form_card .form_item .input image{
    height: 22rpx;
    width: 22rpx;
}
.form_card .form_item .input .radio_group{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.bot_btn{
    display: flex;
    background-color: #fff;
    width: 100%;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 12rpx 90rpx;
    box-sizing: border-box;
}
.bot_btn .bottom_btn{
    width: 240rpx;
    height: 76rpx;
    border-radius: 43rpx;
    text-align: center;
    line-height: 76rpx;
    font-size: 32rpx;
}
.text-right {
    text-align: right!important;
    justify-content: flex-end!important;
}
.bot_btn .btn_bule{
    background:#3974F6;
    color: #fff;
}
.bottom_btn_close{
    border-color:#999999 !important;
}
radio .wx-radio-input {
    border-radius: 50%;
    width: 24px;
    height: 24px;
  }
  radio .wx-radio-input {
    border-color: #87858a;
  }
  radio .wx-radio-input.wx-radio-input-checked {
    border-color: #0073ff !important;
    background: #ebf3fe !important;
  }
  radio .wx-radio-input.wx-radio-input-checked::before {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    content: "√";
    color: #3974f6;
    text-align: center;
    font-size: 40rpx;
  }