.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #bbbbbb;
     color: #666;
     top: 5px;
     height:20px;
     width:20px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
/*.form-radio:checked::before
{
     position: absolute;
     font: 12px/1 'Open Sans', sans-serif;
     left: 8px;
     top: 3px;
     content: '\02143';
     transform: rotate(40deg);
}*/

input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: .4em;
    border-radius: 50%;
    background-color: #bbbbbb;
    color: #666;
    line-height: 1; 
}
input[type="radio"]:checked + label::after {
     content: '';
	  background-image: url(radio_icon.png);
     position: absolute;
     left:4px;
     top:5px;
	 height:11px;
	 width:11px;
    /* transform: rotate(40deg);
    background-color: #01cd78;
    background-clip: content-box;
    padding: .2em;*/
}
input[type="radio"] + label{
     position: relative;
     font-size: 12px;
    line-height: 1.4;
}
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.form-radio:hover
{
     background-color: #b1b1b1;
}
.form-radio:checked
{
     background-color: #bbbbbb;
}
label{
     position: relative;
     font: 300 16px/1.7 'Open Sans', sans-serif;
     color: #666;
     cursor: pointer;
}

.form-checkbox
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #bbbbbb;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 10px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-checkbox:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-checkbox:hover
{
     background-color: #b1b1b1;
}
.form-checkbox:checked
{
     background-color: #bbbbbb;
}