#searchDoc{
    right: 10px;
    top: 40%;
    position: fixed;
    z-index: 999;
}
#searchDoc .searchBtn{
    width: 56px;
    padding: 12px 13px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 17px;
    height: 111px;
    background: #409eff;
    border: 1px solid #409eff;
    letter-spacing: 1px;
}
#searchBody{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
#searchBody input{
    width: 296px;
    height: 40px;
    background: #f2f3fd;
    border: 1px solid #e9eaf6;
    padding: 0 10px;
    color: #abadcd;
    font-size: 14px;
}
#searchBody input::-webkit-input-placeholder{
    color: #abadcd;
}
#searchBody input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #abadcd;
}
#searchBody input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #abadcd;
}
#searchBody input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color: #abadcd;
}
#searchBody .search{
    width: 142px;
    height: 40px;
    background: #409eff;
    text-align: center;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}
#searchBody .search:hover{
    opacity: .7;
}