.form-input-box{
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid $border-color;
    margin-bottom: 40px;
    &::after{
        display: none;
    }
}
.form-mobile-box{
    &.tel{
        :deep(.van-field__body){
            flex-direction: row-reverse;
        }
        
    }
    .area-filed{
        width:110px;
        text-align: left;
    }
    .pic-filed{
        width:180px;
        height: 60px;
        box-sizing: border-box;
        padding: 0 15px;
        background-color:#D9D9D9;
        img{
            width:100%;
            height: 100%;
        }
    }
    .btn-text{
        color: #0052D9;
        &.disabled{
            color:#999999;
        }
    }
}
@media screen and (min-width:$media-width) {
    .form-input-box{
        padding-left: 0;
        padding-right: 0;
        border: 1px solid $border-color;
        border-radius: 4px;
        padding: 12px 20px;
        margin-bottom: 40px;
        &::after{
            display: none;
        }
    }
    .form-mobile-box{
        &.tel{
            :deep(.van-field__body){
                flex-direction: row-reverse;
            }
            
        }
        .area-filed{
            width:110px;
            text-align: left;
        }
        .pic-filed{
            width:80px;
            height: 24px;
            box-sizing: border-box;
            padding: 0 15px;
            background-color:#D9D9D9;
            img{
                width:100%;
                height: 100%;
            }
        }
        .btn-text{
            color: #0052D9;
            &.disabled{
                color:#999999;
            }
        }
    }
}