.c_autocomplete {


    display: none;


    position: absolute;


    width: 480px;


    border: 1px solid rgba(0, 0, 0, .2);


    border-top: 1px solid #ccc;


    padding: 10px 0 10px;


    background: #ffffff;


    max-height: 350px;


    overflow: auto;


    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);


}





.c_autocomplete_list {





}





.c_autocomplete_list li, .grabble_down > ul > li {


    padding-left: 10px;


    cursor: pointer;


    overflow: hidden;


    height: 30px;


}





.c_autocomplete_list > li > div, .grabble_down > ul > li > div {


    float: left;


    line-height: 30px;


    font-size: 12px;


}





.c_autocomplete_list > li > .c_index, .grabble_down > ul > li > .c_index {


    width: 30px;


    height: 30px;


}





.c_autocomplete_list > li > .c_index > div, .grabble_down > ul > li > .c_index > div {


    width: 15px;


    height: 15px;


    background-color: #a5bdd0;


    text-align: center;


    margin: 7px auto;


    line-height: 16px;


    font-size: 12px;


    border-radius: 2px;


    color: #fff;


}





.c_autocomplete_list > li:nth-child(1) > .c_index > div, .grabble_down li:nth-child(1) > .c_index > div {


    background: #F54645;


}





.c_autocomplete_list > li:nth-child(2) > .c_index > div, .grabble_down li:nth-child(2) > .c_index > div {


    background: #FF8548;


}





.c_autocomplete_list > li:nth-child(3) > .c_index > div, .grabble_down li:nth-child(3) > .c_index > div {


    background: #FFAC39;


}








.c_autocomplete_list li:hover, .grabble_down li:hover {


    background-color: #f5f7fa;


}