.footer_container {
    position: relative;
    width: 100%;
    z-index: 999;
}

@media screen and (max-width:650px) {
    .footer_box {
        text-align: center;
        height: 155px !important;
        flex-direction: column;
    }

    .search_form {
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    .people_search_footer_title {
        margin-top: 0px !important;
        font-size: 27px !important;
    }

    .people_search_footer_subtitle {
        font-size: 15px !important;
        margin-bottom: 0px !important;
    }

    .search_form .search_button {
        width: 120px !important;
    }
}

@media screen and (max-width:500px) {
    .people_search_footer_title {
        margin-top: 0px !important;

    }

    .people_search_footer_subtitle {
        margin-bottom: 0px;
    }
}

.footer_box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 350px;
    height: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F8FB;
    border: 1px solid #D6D6D6;
    border-right: none;
    border-left: none;
    cursor: text;
    z-index: 999;
    border-bottom: none;
    animation: animation_up 1.5s ease-in-out forwards;
}

.search_control {
    position: absolute;
    left: -2px;
    top: -23px;
    width: 53px;
    height: 23px;
    background-color: #F5F8FB !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANlJREFUOE/N0j1IQlEUAODPxTFoCIKEhqCpoUlxCgxqtGbBsTYn99odXaJNcA3SJUrcDJoiZyFoqDZpco4H94E8nrxQAu967vnuPT85K57civnWB7jABx7/WNIpyriOS/jENs7Rz0CO8IQJDmKgjg5mOMHzAmQfA2yhgpf5JjbRwjSS8Z1ANsLLJZyhF8WTU4iACPrCTgK4RxWXuI1jaWPsooZ37IWLNyGxjcY8nAbk8RBqHGGIK4xxmOzNokUq4A7FkPCDzbTGZm3iMXbxirdlgMy9yvrB/wO/DlIhET0yZUQAAAAASUVORK5CYII=") no-repeat center center;
    border: 1px solid #D6D6D6;
    border-bottom: none;
    cursor: pointer;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
}

.sticky_up {
    position: fixed;
    bottom: -20px;
    left: -10px;
    z-index: 999;
}

.footer_up {
    display: none;
    position: absolute;
    left: 8px;
    top: -47px;
    width: 53px;
    height: 29px;
    background-color: #F5F8FB !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAUdJREFUOE/Nkr9Kw1AYxc+X0ggOTi6COLpEtKkmGS0OSsUkdNCloKMvUGcfoD6Aq6KTS/+IhRRcBCGkaYNSn8BRQVwkSu8nKbZUG6TQpXe95/fjnsshjHloTB4TLkjrdk6wmAMS94FXCuLqxlZYNrLzCZEsAVj9gd6YKR80yjd/JUMCRdmV5emwBmADwB0zbolwDOBVEmLT96+bg5IhQUqzLgjIA2i3vMpSFFZ18xRMhwAeO9LX9oNbe+5JfgnSmllkUGEQ7gVV3SqBYROTE37IZrt99Rnd9QUpzS4QuBgHR0HDyM6EnHSIYYBx3mpUDvoCVbf3wXwWwZLgjO9XX+J+fEXPLUrcqQNYIPBJ06sedV+gahZHMCTaa7nlp//WqWrmOkAOABkSKV1Bam0nM5XoNF239j7KtNO6vSWYZwOvcjnhUx6lzjf3NnHynyr2EgAAAABJRU5ErkJggg==") no-repeat center center;
    border: 1px solid #D6D6D6;
    border-bottom: none;
    cursor: pointer;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
}

.search_title {
    min-width: 328px;
}

.search_form {
    position: relative;
    min-width: 320px;
    margin-left: 16px;
    margin-top: 10px;
}

.search_title .title {
    font-size: 30px;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 600;
    color: #31354E;
    margin: 0px;
}

.search_title .subtitle {
    font-size: 16px;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 400;
    color: #31354E;
    margin-top: 0px;
}

.search_inputs {
    width: 200px;
    height: 52px;
    border: 2px solid #97A0B1;
    border-radius: 4px;
    font-size: 16px;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 400;
    color: #31354E;
    background-color: #F5F8FB;
    padding-left: 55px;
}

.search_inputs:focus {
    border-color: #67a4ff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.icon-flag {
    position: absolute;
    width: 50px;
    height: 100%;
    left: 12px;
    top: 14px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAAXNSR0IArs4c6QAACU5JREFUWEe1lwtwVOUZhp+z12yyJ7sJIVdCoBBE5GYhJNxiuEO11kvVgiDeitdqteM46ggWGYdhqhaxVQEZcVBTEBEQCmJIIhKIhFsA5RIFIdncr0v2vud0/n83m+K0DtOx38yZTfb8Z8/7v+/3vd/3K/yfQtf1PkABMBYYAQwE0gAL4AFqgeNAKbBVUZSggKL8nHh0Xe8HzAFuBKYBdvH7Ybcbf52LUHs7ejCEwWrFnJZK3ICcntdfAt4AXlV0XZ+sKMq+/xWYruspURB3AbMBY7izk47yfbTv+pzO0nK8Z88R1rzoIC/BgrgszlSS5swm68nHUfPzBIRjApBYsx34s6Ioh68GmK7r2cB04GZgBpAQ7nLTunU7jeveo71sLyHCWK0OHIUTcc6Yjv2Xo4nL6Y8hzkbI3YX39FkJ2LX6bQzmeApaajElJiIACe1MUSAVUU2FtkLjbsAMpEZzYDgwJnoZO/0hXDt2Y179Fq7d/ySIhmPQMDIefYi0hfMx9UmO7U8PhQg0NqIHAhhs8VjSRTpFQjBoyUjHqKpuAairrPyIWlJ6mHvmzyF3sEiD/x7namo5cep7tu86yNbD53ng0BaeyDCgPP0MmY8/giEuTj7sPlRFc/EmOvaU4Pn2NKFQ9xWSGQBrn0z63HIz/V96AWs/+d4IoA0f7VEXzHuO68aOYPCgLAb/IothQ3MIhTVMRgP1Da2cv9CAq6GVb0//wIVvv2NEwUhaGtt4acmDLFr4Kwmio6SUutdW0rJzKxoQ50jFMXkSjqJCEq4XkmVLwCLJPWfOSrCu1WsxKEbymy5hciRGABV/XKr+bc1WDAaFA5WnGD5sIEf3H2HwqKHU1NSSmppMktPOue/qmHfnNNraunA67VSeqePpWaOZd/EQx9eulSDUIcPJfPQh0h+8D0NCQoxqze8n1NyCFgzIPBIS9YT/wkWMyUmYEqOSbdpcqj63ZA0zZ+YTCARxuVrQdB3VbsNgMBAOh4mPF38rNDa1YYuz4nSqHGzycNMnb/NUlgn92efJfOxhUCJO0nWgkqb3P6CjZC/eczWE8V+RB2KVWe1D8q9vZMArS4nLkRYQYWjT5jL1xZffZVzeMLxeP/5ACB0dg6JgtVowGhU0TcfvD6DJ2tVxOOzsKzvM4qWLuH/uTPkyUTWXVrxKe+nnhAFbYl+c06bgnDEN+/WjsfbPRrFY0Lo9eM6KKttD3ao3MWAgP1JlUUBbytXFL68jP28Yl7u9kqWIZSrESUAGdF3D5wsSCoXl/w5HAgdO1/Jk4VDurj1M9fr1EoRzxBgyHn+EtPlzMcTHx1gJX3YTqG9ESGdMSMCak41iMMr7/ku1mJyO3irbuHmvumTZe+SPu47L3R7JkGDBZDJisZgjMug6Pl+AcFiLAHKqHGrycPOna3lqkA39T8+S8cjvYwA6y76k6aONdO4txVsjJAvIKusJaYz2PiTfOIecpYuxDcntlWzj5jJ18bJ15I8bhscjJAugaxFAZrNJ5pHciT+Azx+UIJMcCZTtrWLxske5/66p8n7rts9klbWVfyFfbkvNxjnlBnmJKrNmZ2GwWAl7PNJ72j//Atdb74A/EK0yR69kLy5dR97YoXR7fJKNQDAkk1ewYTQoMne63N1oYY20tGQJtuRIDU8VXcuC8wc5XlwsQThG5ZH1xGOkLlyAYoxsRESos5NgY1NMMks/AU70WeT3hnhbr2Sr392mLluxgdtuuUFWmNcfwOmw09l5mdS+SYQ1je5ur2RLRMXBUzicdk77FBYd+YQXhiTD8y9Kd+4J4TGN6zfQUVaOv+4imsywSGoKexCfJotK0szpDFzxCvHXDu2V7Eh1jbpw0XJOVp7EnORgWtH17Ks4waxpYzn5zXkSEmyIlnesoorsobmYTSaGXJPD7NtncO/cKTiiKJo+LMa18k06vt4v2YrPHEjy7Jk4phZhHzUSS2YGitmM5vPi++572vfspe6vbxB2X6aguRaTIyqZ8DPxm1sqz1K240uOVX2DFgpJA7Qn2LDEWUhLTyFv4mhyR17DpIIhsrmJ8G3fzpnXVtFWtkfuOmlCERmPPUzf392BEs09sU70sUB9A5rXK6SRFiCaqZSsuUU6uFG1R3KoddNmNVCyh4zXl4PNGaNdkBwpzH8LdyvhbTs5u2Y9jeUlkbwZnUe/p/9I6oJ5sYVtO3fR/EGxbCe+RiFZ79jRM4aYlDiS58ySxpgwamSvZF1f7VePTi4khIaalk1K4SScI67DnKgS9vvpvvAD7Uer6Tpajd/fKZlIHD1ONtP0B+6NgWja8CG1f3mdzuNV8jt7Tq40Ref0qdjHjMGakY5iMaN5fXiFZDt3UbtyFVrXZfIbfhBeFGGoRzLhHQ1r1+GuPETAVY/m86OYTHKMiBs0EMfECST/5iYSx4vJNBJt23ZwcfkK2g98GZFsYhFZT/6BlDtuu4JYIVfA5SLs9WFS7VgH5IickWvELIVBwWiPStZcvElt3b2LIW//XY6XPxWax0PzPz6m/p01dFR+JSVzjikg+/lnSbntltijrZ98SuP7H9D1VQX+VldsUhQLYpJhxVE0mYErlqPmiTEr2svcByvVo+MLCRLAntafxInjZRmK5BNW7794ie4Tp+iuPkHA1xFhYnyhTN7Uu+fGQAiQrjffouvk0Yhkg67FeUMh9rwx2HIHY05JiUkWqKvD/XUV9e+uI9zWSX7DBUxO55WSde2vkN7hrqjEX18vtTaYI5LZBg8icdJEkubM6tmNfGlz8UZqX11JR1WFBJpcOJ2+c+8kadYM4gYO+Em2e26KzYqBP1ZlzR9tVFt27iB31Ruyyf1UhFrbaNm8hfo162IgHGMnkH7fPaTc+VvMKeL0E4uTwBFAfH4v8AsHEBYFZAGitIqiRyXxUFAO+V37D3Bs8lSCuo94RyqJEwqIHzFc+oQm+tf583Qfr8Zz6huCmhcjBtS8AtLmzyPl9luxZGX2IBDVXQJ8BuxWFOXM1VCk67qokiXi1CIAVUcPcrR+uo3WrZ/hrvyaQEMjuj8QqbIkp6wytSBfglXH52NO7h3ggXJgowCiKMrFqwHxn9bouj5FABIN6hngCaB3rtR1tGAQxWiU149CeGYZsAPYebVMXA3Q2MlV13UbcCsgZglx9M0QE4Ro1GKyAMTORS4I1zugKIo4bf7s8S+KaDENu+GI+gAAAABJRU5ErkJggg==") no-repeat;
}

.search_button {
    width: 129px;
    height: 53px;
    border: 0;
    background: #61CA87 !important;
    border-radius: 4px !important;
    margin-left: 6px;
    font-size: 16px;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: 600 !important;
    color: white !important;
    cursor: pointer;
}

.search_button:hover {
    transition: all .3s linear;
    opacity: 0.8;
}

.emptys {
    position: relative;
    display: none;
}

.fault_tips {
    position: absolute;
    bottom: -37px;
    left: 0;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 400;
    color: #f87070;
}

.people_search_footer_title {
    font-size: 28px !important;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: 600 !important;
    color: #31354E !important;
    margin-top: 28px;
    margin-bottom: 0px !important;
}

.people_search_footer_subtitle {
    font-size: 16px !important;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: 400;
    color: #31354E;
    margin-top: 0px !important;
}

/* Edit Style */
.edit_people_search_footer_phone {
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 350px;
    height: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F8FB;
    border: 1px solid #D6D6D6;
    border: none;
    border-right: none;
    border-left: none;
    cursor: text;
    z-index: 999;
}

.edit_people_search_footer_title {
    font-size: 28px !important;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: 600 !important;
    color: #31354E !important;
    margin-top: 28px !important;
    margin-bottom: 0px !important;
}

.edit_people_search_footer_subtitle {
    font-size: 16px !important;
    font-family: Gilmer, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: 400;
    color: #31354E;
    margin-top: 0px !important;
}

.edit_search_form {
    position: relative;
    min-width: 320px;
    margin-left: 0px;
    margin-top: 10px;
}

.edit_search_control {
    position: absolute;
    left: 0px;
    top: -21px;
    width: 53px;
    height: 23px;
    background-color: #F5F8FB !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANlJREFUOE/N0j1IQlEUAODPxTFoCIKEhqCpoUlxCgxqtGbBsTYn99odXaJNcA3SJUrcDJoiZyFoqDZpco4H94E8nrxQAu967vnuPT85K57civnWB7jABx7/WNIpyriOS/jENs7Rz0CO8IQJDmKgjg5mOMHzAmQfA2yhgpf5JjbRwjSS8Z1ANsLLJZyhF8WTU4iACPrCTgK4RxWXuI1jaWPsooZ37IWLNyGxjcY8nAbk8RBqHGGIK4xxmOzNokUq4A7FkPCDzbTGZm3iMXbxirdlgMy9yvrB/wO/DlIhET0yZUQAAAAASUVORK5CYII=") no-repeat center center;
    border: 1px solid #D6D6D6;
    border-bottom: none;
    cursor: pointer;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    border: none;
}

.down_animation {
    animation: animation_down 1s ease-in-out forwards;
}

.up_animation {
    animation: animation_up 1s ease-in-out forwards;
}

@keyframes animation_down {
    100%{
        transform: translateY(200px);
    }
}

@keyframes animation_up {
    0% {
        transform: translateY(100%);
    }
}