/* icon light*/
.active_icon{
    width: 16px;
    height: 16px;
    background-color: #005680;
    border-radius:50%;
    top: -23px;
    /*box-shadow: 1px 3px 5px 1px #fff;*/
}

.active_icon:before { /*三角*/
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid #005680;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -6px;
    position:absolute;
    left: 0px;
}

.active_icon:after { /*陰影*/
    content: '';
    width: 6px;
    height: 1px;
    bottom: -7px;
    background-color: #666;
    box-shadow: 0 0 1px 1px #666;
    border-radius: 50%;
    position:absolute;
    left: 4px;
}

.inactive_icon{
    width: 16px;
    height: 16px;
    background-color: #888;
    border-radius:50%;
    top: -23px;
    /*box-shadow: 0px 2px 5px 3px #fff;*/
}

.inactive_icon:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid #888;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -6px;
    position:absolute;
    left: 0px;
}

.inactive_icon:after {
    content: '';
    width: 6px;
    height: 1px;
    bottom: -7px;
    background-color: #666;
    box-shadow: 0 0 1px 1px #666;
    border-radius: 50%;
    position:absolute;
    left: 4px;
}

.select_icon_light{
    cursor: pointer;
}

.select_icon_light:before {
    content: '';
    width: 16px;
    height: 6px;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    top: -23px;
    left: -3px;
    background-color: #fd7070;
    position: absolute;
    box-shadow: -1px -1px 2px #222  inset;
}