/*其他样式代码*/
.list li label{display:block;background:#4f7cff;margin:1rem;height:3.2rem;position:relative;border-radius:0.5rem;overflow:hidden;}
.list li label:before{content:"点击选中";position:absolute;left:0;top:0;width:100%;text-align:center;color:#fff;line-height:3.2rem;}
.list li label input,.list li label input+span{display:none;}
.list li label input:checked+span{background:#333;display:block;position:absolute;left:0;top:0;width:100%;z-index:2;color:#fff;line-height:3.2rem;text-align:center;}
/*注意:
利用:before伪类显示默认文字,如果出现中文乱码的情况将中文转Unicode,
点击选中的Unicode码为:\u70b9\u51fb\u9009\u4e2d再伪类中使用需要将u去掉,如下:
content:"点击选中"转为content:"\70b9\51fb\9009\4e2d"
*/
/*其他样式代码*/