body {margin:0;padding:0;font-family:"微软雅黑","宋体";font-size:12px;color:#999999;background-color:#FDFDFD;} input {font-family:"微软雅黑","宋体";font-size:14px;} ul,li {margin:0;padding:0;list-style:none;} hr {border-left:0;} input[type='radio'] { -webkit-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); -webkit-appearance: none; -webkit-margin-start: 0; -webkit-margin-end: 3px; -webkit-transition: border 500ms; background: -webkit-linear-gradient(#fafafa, #dcdcdc); border-radius: 100%; border: 1px solid #a0a0a0; display: inline-block; height: 15px; margin-bottom: 0; position: relative; top: 3px; vertical-align: baseline; width: 15px; } input[type='radio']:not(:disabled):not(:active):hover { background: -webkit-linear-gradient(#fff, #e6e6e6); text-shadow: 0 1px 0 rgba(255, 255, 255, 1); } input[type='radio']:not(:disabled):active { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); background: -webkit-linear-gradient(#f0f0f0, #bebebe); border: 1px solid #808080; text-shadow: 0 1px 0 rgba(255, 255, 255, .25); } input[type='radio']:checked::before { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5); -webkit-margin-start: 4px; background: #56abdd; border-radius: 10px; content: ''; display: inline-block; font-size: 13px; font-weight: 400; height: 5px; left: 0; margin-top: 4px; opacity: 1; position: absolute; top: 0; vertical-align: top; width: 5px; } input[type='checkbox'] { -webkit-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); -webkit-appearance: none; -webkit-margin-start: 0; -webkit-margin-end: 3px; -webkit-transition: border 500ms; background: -webkit-linear-gradient(#fafafa, #dcdcdc); border-radius: 3px; border: 1px solid #a0a0a0; display: inline-block; height: 16px; margin-bottom: 0; position: relative; top: 3px; vertical-align: baseline; width: 16px; } input[type='checkbox']:not(:disabled):not(:active):hover { background: -webkit-linear-gradient(#fff, #e6e6e6); text-shadow: 0 1px 0 rgba(255, 255, 255, 1); } input[type='checkbox']:not(:disabled):active { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); background: -webkit-linear-gradient(#f0f0f0, #bebebe); border: 1px solid #808080; text-shadow: 0 1px 0 rgba(255, 255, 255, .25); color: #ffffff; } input[type='checkbox']:checked::before { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5); -webkit-margin-start: 4px; color: #56abdd; content: '√'; display: inline-block; font-size: 14px; font-weight: 900; height: 5px; left: -2px; margin-top: 4px; position: absolute; top: -6px; vertical-align: top; width: 5px; } input[type='button'] { display: inline-block; vertical-align: baseline; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% 微软雅黑, 宋体; box-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 2px; }