
/**
 *  手太欠
 *  物业小程序
 */

 .site-form {
    background: white;
    display: block;
}

.site-input{
    padding: 0 30rpx 0 200rpx;
    position: relative;
    line-height: 100rpx;
    min-height: 100rpx;
}

.site-input label{
    width: 220rpx;
    position: absolute;
    left: 30rpx;
    top: 0;
    display: flex;
}

.site-input image {
    width: 28rpx;
    height: 28rpx;
    position: absolute;
    right: 20rpx;
    top: calc(50% - 14rpx);
}

.site-input input,
.site-input picker{
    padding-left: 60rpx;
    height: 100rpx;
}

.site-switch switch {
    position: absolute;
    right: 20rpx;
    top: 0;
}

.site-input::before{
    position: absolute;
    bottom: 0;
    left: 30rpx;
    right: 0;
    height: 1rpx;
    content: "";
    background: #e4e6f2;
}

.site-input:last-child::before{
    display: none;
}

.tui-picker-detail{
    width: 33%;
}

.siteTag {
    display: flex;
    margin: 50rpx 30rpx;
}

.siteTag-title {
    margin-right: 20rpx;
}

.siteTag-label  {
    display: flex;
}

.siteTag-label text {
    display: inline-block;
    background-color: #eeeeee;
    border-radius: 50rpx;
    font-size: 26rpx;
    padding: 6rpx 25rpx;
    margin-left: 30rpx;
}

.siteTag-label text.active {
    background-color: #224bf6;
    color: #fff;
}

/* footer */

.address-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 30rpx;
    padding-right: 30rpx;
    background: white;
    border-top: 2rpx solid #eeeeee;
    z-index: 9;
    height: 130rpx;
}

.address-footer button[size="mini"]{
    width: 100%;
    line-height: 90rpx;
    height: 90rpx;
    margin: 20rpx 0;
    text-align: center;
    background: #224bf6;
    font-size: 30rpx;
    color: white;
    border-radius: 60rpx;
}

/* pickerView */

.pickerView-back{
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.pickerView-back.active{
    display: block;
}

.pickerView-layer{
    position: fixed;
    bottom: -571rpx;
    left: 0;
    width: 100%;
    background: white;
    transition: all .3s;
}

.pickerView-layer.active{
    bottom: 0;
}

.pickerView-btn{
    line-height: 90rpx;
    font-size: 30rpx;
    padding: 0 30rpx;
    display: flex;
    justify-content:space-between;
}

.pickerView{
    height: 480rpx;
    padding: 0 10rpx;
}

.pickerView-name{
    line-height: 80rpx;
    padding: 0 20rpx;
    text-align: center;
}

.pickerView-mask{
    border-top: solid 1rpx #e4e6f2;
}

.pickerView-indicator{
    height: 80rpx;
}

.pickerView-determine{
    color: #3ec28e;
}

.pickerView-cancel{
    color: #747788;
}
