radio美化appearance: none

.scoreList input[type=radio]{
margin:0 .1rem; 
appearance: none; 
cursor: pointer;    
width:.4rem;
height: .4rem;
border-radius: 50%; 
border:2px solid #cad2de; 
outline: none;  
position: relative;
}

.scoreList input[type=radio]:after{
position: absolute; 
right:0; top:.07rem;bottom:0;left:0;    
margin:0 auto;  content: ''; 
width:.18rem;height:.18rem;
border-radius: 50%; 
transition: background-color 80ms;
background-color: transparent;

}

.scoreList input[type=radio]:checked:after{
background-color: #2763bd;
}