/***********************
模块名：radio
作者：v_xuhdeng（邓旭辉）
************************/

/* 单选按钮 */
.radio{ position:relative; display:inline-block; width:14px; height:14px;border-radius:50%;border:1px solid rgba(0, 0, 0, 0.3);
    vertical-align:-2px; margin-right:8px;cursor: pointer; background: rgba(255, 255, 255, 0.2); }
.radio:hover{border:1px solid rgba(0, 0, 0, 0.8); transition: border .2s linear}
.radio:focus{outline:none;}
.radio:after { content:""; box-sizing:border-box; position:absolute; left:3px; top:3px; width:6px;height:6px;border-radius:50%; background:#2f2d2f; opacity:0;}
.radio[type="radio"]:checked,
.radio[type="radio"]:focus{ outline:none;}
.radio[type="radio"]:checked:after{ opacity:1;}
.radio[type="radio"]:disabled{ background: rgba(0, 0, 0, 0.4); cursor: default;}
.radio[type="radio"]:disabled:hover{border:1px solid rgba(0, 0, 0, 0.6);}
/*disabled*/
label[for^="radio"]{color: #333}
label[for^="radio"].disabled{ color: rgba(60, 60, 60, 0.4)}
.disabled .radio{opacity:.3; cursor: default;background: rgba(0, 0, 0, 0.4);border:1px solid rgba(0, 0, 0, 0.6); }
.disabled .radio:hover{border:1px solid rgba(0, 0, 0, 0.6);}