input[type="radio"][img], input[type="radio"][btn], input[type="radio"][tab] {
    display:none;
}
input[type="radio"][img] + label > span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url("/img_work/radio_off.png") left top no-repeat;
    cursor:pointer;
}
input[type="radio"][img]:checked + label > span {
    background:url("/img_work/radio_on.png") left top no-repeat;
}

input[type="radio"][btn] + label > span {
    position:relative;display:inline-block;width:90%;height:34px;line-height:34px;text-align:center;padding:0 3px;font-size:15px;letter-spacing:-1px;font-weight:normal;color:#000;background:#fff;border:#d5d5d5 1px solid;cursor:pointer;overflow: hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
input[type="radio"][btn]:checked + label > span {
    position:relative;display:inline-block;width:90%;height:34px;line-height:34px;text-align:center;padding:0 3px;font-size:15px;letter-spacing:-1px;font-weight:normal;color:#fff;background:#ef7c00;border:#ef7c00 1px solid;cursor:pointer;overflow: hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

input[type="radio"][tab] + label { display: flex; align-content: center; align-items: stretch; cursor: pointer; color: #848484; }
input[type="radio"][tab] + label > span { display: flex; justify-content: center; align-items: center; }
input[type="radio"][tab]:checked + label > span { background: #ef7c00; color: #fff; font-weight: bold; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; }