.f-apply{
    width: 100%;
    min-height: 166px;
    background: linear-gradient(90deg, #3B77FD 50%, #2056FC 100%);
    position: fixed;
    left: 0;
    bottom: 0;
    opacity: .98;
    transition: all .3s;
    z-index: 50;
}
.f-apply.static{
    position: relative;
}
.f-apply .close{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.f-apply-fill{
    height: 166px;
}
.f-apply .bg{
    width: 100%;
    min-height: 166px;
    background: url('../image/bg3.png') no-repeat center;
    background-size: 1920px 166px;
    padding: 30px 0;
}
.f-apply .tip{
    font-size: 16px;
    color: #fff;
}
.f-apply .from{
    width: 100%;
    margin-top: 30px;
}
.f-apply .from .input{
    width: 210px;
    height: 35px;
    border-radius: 5px;
    background: #FFFFFF;
    padding: 0 10px;
}
.f-apply .from .input input{
    font-size: 14px;
    color: #2B2B2B;
    width: 100%;
    height: 100%;
}
.f-apply .from .btn{
    width: 92px;
    height: 35px;
    border-radius: 5px;
    background: linear-gradient(90deg, #FD6D2D 0%, #FF9273 100%);
    border: 1px solid #4581FB;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .f-apply{
        position: static;
    }
    .f-apply-fill{
        height: 0;
    }
    .f-apply .bg{
        background:transparent;
    }
    .f-apply .from{
        margin-top: 16px;
    }
    .f-apply .bg{
        padding: 18px 0;
    }
}