epmet-work-mp/subpages/demandCheck/pages/dissatisfied/searchResi/searchResi.wxss

/* subpages/demandCheck/pages/dissatisfied/searchResi/searchResi.wxss */
page{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f7f7f7;
}
.white{
    color: white;
}
.header{
    min-height: 90rpx;
    display: flex;
    flex-direction: column;
    background-color: #ffff;
    padding: 0 20rpx;
    box-sizing: border-box;
    overflow: hidden;
}
.header .selectBar{
    display: flex;
    justify-content: space-around;
    position: relative;
    align-items: center;
}
.header .selectBarImg{
    position: absolute;
    bottom: -15rpx;
    left: 0;
    width: 140rpx;
    height: 14rpx;
    transition: left 0.5s ease;
}
.header .selectBar  .search-select{
    left: 6%;
    transition: left 0.5s ease;
    color: #3A80E7;
}
.header .selectBar  .filter-select{
    left: 38%;
    transition: left 0.5s ease;
    color: #3A80E7;
}
.header .selectBar  .card-select{
    left: 72%;
    transition: left 0.5s ease;
    color: #3A80E7;
}
.header  .inout_box {
    position: relative;
    margin: 40rpx 0 20rpx;
}
.header  .inout_box input{
    width: auto;
    background: #F5F5FA;
    border-radius: 47rpx;
    padding:0 100rpx 0 69rpx;
    height: 76rpx;
    font-size: 26rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header  .inout_box image{
    position: absolute;
    left: 21rpx;
    top: 24rpx;
    width: 30rpx;
    height: 30rpx;
}
.header  .inout_box .btn_box{
    width: 110rpx;
    height: 50rpx;
    position: absolute;
    top: 15rpx;
    right:-10rpx;
    display: flex;
    align-items: center;
}
.header  .inout_box .btn_box text{
    width: 80rpx;
    height: 30rpx;
    line-height: 30rpx;
    font-size: 28rpx;
    box-sizing: border-box;
    color:#3A80E7;
    padding-left: 15rpx;
    border-left:2rpx #3A80E7 solid ;
}
.scroll {
    height: calc(100vh - 250rpx);
    overflow-y: scroll;
    margin-top: 20rpx;
}
 .scroll .card{
    background-color: #fff;
    border-radius: 20rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
}
button{
    width: 360rpx;
    height: 76rpx;
    background: linear-gradient(87deg, #81B5FB 0%, #3E92FF 100%);
    border-radius: 76rpx !important;
    font-size: 32rpx;
    font-weight: 400 !important;
    font-family: PingFang SC;
    color: #FFFFFF;
    position: fixed;
    bottom: 63rpx;
    left: 50%;
    transform: translateX(-180rpx);
}
.fixed_btn{
    position: fixed;
    bottom: 30rpx;
    left: 50%;
    transform: translateX(-184rpx);
}

 .scroll .card{
    background-color: #fff;
    border-radius: 0 0 20rpx 20rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
}
 .card .list_card{
    display: flex;
    justify-content: space-around;
    padding: 30rpx 0;
    align-items: center;
    color: #333333;
    border-top: 1px solid #f7f7f7;
}
 .card .list_card .left{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 .card .list_card .left :nth-child(1),
 .card .list_card .left :nth-child(2){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;     
}
 .card .list_card .left .address{
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999999;
    margin-top: 29rpx;
}
.list_card .right image{
    width: 20rpx;
    height: 20rpx;
}
.loadVisible{
    color: #c1c1c1;
    font-size: 24rpx;
    width: 100%;
    text-align: center;
    margin-top: 20rpx;
}

.form_card {
    background-color: #fff;
    border-radius: 10rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
    height: auto;
}
.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-top: 1px solid #EAEAEA;
    height: 100rpx;
}
.form_card .form_house{
    height: 139rpx;
    display: flex;
    flex-direction: column;
}
.form_card .form_house .form_bottom{
    font-size: 24rpx;
    color:#C1C1C1;
    position: relative;
    top: -10rpx;
}

.form_card .form_item .label{
    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 .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;
}