.my-select{
    position: relative;
}
.my-select .input{
    height: 30px;
    line-height: 30px;
    background: #eff0f4;
    border:0;
    border-radius: 72px;
    margin-top:4px;
    padding:0 16px;
    font-size: 14px;
    color: #626675;
    width: 172px !important;
    cursor: pointer;
    position: relative;
}
.my-select .input img{
    position: absolute;
    width:8px;
    height:5px;
    right:20px;
    top:12px;
}
.my-select .my-option{
    position: absolute;
    width: 200px;
    max-height: 200px;
    overflow-y:scroll;
    background: #fff;
    border-radius: 8px;
    padding:10px 0;
    box-shadow: 0 0 2px 0 #ccc;
    top:50px;
}
.my-select .my-option li{
    height: 30px;
    line-height: 30px;
    padding:0 0 0 20px ;
    cursor: pointer;
    color: #606266;
}
.my-select .my-option:before{
    content:'';
    width:0;
    height:0;
    border-width:0 8px 8px;
    border-style:solid;
    border-color:transparent transparent #e2e2e2;/*透明 透明  灰*/
    position:absolute;
    left:20px;
    top:-9px;
}
.my-select .my-option:after{
    content:'';
    width:0;
    height:0;
    border-width:0 8px 8px;
    border-style:solid;
    border-color:transparent transparent #fff;/*透明 透明  灰*/
    position:absolute;
    left:20px;
    top:-8px;
}
.my-select .my-option li:hover{
    background: #eff0f4;
}