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

/* 复选框-基础 */
.checkbox{ position:relative; display:inline-block; width:14px; height:14px;border-radius:2px;background: rgba(255, 255, 255, 0.2);
    border:1px solid rgba(0, 0, 0, 0.3);vertical-align:-2px; margin-right:8px;cursor: pointer;}
.checkbox:hover{border:1px solid rgba(0, 0, 0, 0.8);transition: border .2s linear  }
.checkbox:focus{outline:none;}
.checkbox:after { content:""; box-sizing:border-box; position:absolute; left:0; top:0; z-index: 0;
  width:100%;height:100%; opacity:0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAZ0lEQVQYlYXKoQ6CUABA0cMbBBPJz2AUZjOxsUHwcw1OCoUP4DNMVi2W5/b2xvSWW07RNq0fHXHFO/xBMzpUASsW1DuowYYp4IUzbhHnqMejxCWiU/whR1DiiSHBcvSFEnxHgTFF8AGmWRejkgrSAwAAAABJRU5ErkJggg==") no-repeat 1px 3px;}
.checkbox[type="checkbox"]:checked,.checkbox[type="checkbox"]:focus{outline:none;}
.checkbox[type="checkbox"]:checked:after { opacity:1;}


.checkbox[type="checkbox"]:disabled{ background: rgba(0, 0, 0, 0.4); cursor: default;}
.checkbox[type="checkbox"]:disabled:hover{border:1px solid rgba(0, 0, 0, 0.6);}
/*disabled*/
label[for^="checkbox"]{color: #3c3c3c}
label[for^="checkbox"].disabled{ color: rgba(60, 60, 60, 0.4)}
.disabled .checkbox{opacity:.3; cursor: default;background: rgba(0, 0, 0, 0.4);border:1px solid rgba(0, 0, 0, 0.6);  }
.disabled .checkbox:hover{border:1px solid rgba(0, 0, 0, 0.6);}