.f00l {
    float: right;
}


.flex01-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.bor01 {
    border-radius: 8px;
    overflow: hidden;
}
.delay01 {
    transition: all .3s;
}
div {
    zoom: 1;
}


.nav-search {
    width: 40px;
    height: 40px;
    background: #f7f7f7;
    color: #1a1a1a;
    cursor: pointer;
    margin: -60px auto;
/*  padding: 28px 28px 28px0 28px0;*/
}



.nav-search i {
    font-size: 22px
}

.nav-search:hover {
    background-color: #eb6800;
    color: #fff
}



.search {
    display: none;
    max-width: 1360px;
    width: 100%;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    background-color: #f7f7f7;
    color: #666;
    z-index:3;
    margin: 0px 0px auto;
    
}

.search .search-title {
    margin-bottom: 5px;
    justify-content: space-between
}

.search .search-title i {
    font-size: 25px;
    cursor: pointer
}

.search .search-title i:hover {
    color: #eb6800
}

.search form {
    position: relative
}

.search form input {
    width: 100%;
    padding: 11px 120px 11px 25px;
    margin: 10px 0;
    border-radius: 28px;
    border: 1px solid #e5e5e5;
    font-size: 16px
}

.search form input:focus {
    border-color: #eb6800
}

.search form button {
    position: absolute;
    top: 15px;
    right: 5px;
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    background-color: #eb6800;
    color: #fff;
    transition: all .3s
}

.search form button i {
    font-size: 20px
}

.search form button:hover {
    background-color: #2c2d32
}