html {height:100%;overflow-y:auto;font-size:100px} /* 1rem=100px,解决设置字体不能小于12px */ body{height:100%;color:#333;font-family:'Microsoft YaHei',Geneva,Arial,Helvetica,sans-serif;font-size:16px;font-size:.16rem} /* 字体大小兼容 */ article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{margin:0;padding:0} /* 初始化标签在所有浏览器中的margin、padding值 */ address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal} /* 重置样式标签的样式 */ h1,h2,h3,h4,h5,h6,strong,th{font-size:100%;font-weight:bold} input,button,select,textarea{font-size:100%;vertical-align:middle;outline:none;font-family:'Microsoft YaHei',Geneva,Arial,Helvetica,sans-serif} input[type='button'],input[type='submit'],button{border:0;background-color:transparent;cursor:pointer} /* 重置表单button按钮效果 */ textarea{resize:none} /*文本框禁止拖拉*/ table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #ddd;/*table-layout:fixed*/} /* 重置table属性,单元格按照规定大小分配:(table-layout:fixed) */ td,th{border:1px solid #ddd} iframe,fieldset,img{border:0} /* 重置fieldset（表单分组）、图片的边框为0 */ dl,ul,ol,menu{list-style:none} /* 重置类表前导符号为none,menu在HTML5中有效,li会继承 */ hr{clear:both} a{color:#333;cursor:pointer} a,a:active,a:hover{text-decoration:none} /* 重置链接a标签的鼠标滑动效果 */ a,a:focus{outline:0} /* 取消a标签的虚线框 */ video,img{vertical-align:top} /* 图片在当前行内的垂直位置 */ /* 统一上标和下标 */ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */ /* ::-moz-selection{color:#fff;background-color:#4C6E78} ::selection{color:#fff;background-color:#4C6E78} */ /* 滚动条,最好只针对PC */ /* ::-webkit-scrollbar{width:7px;height:7px} ::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:transparent} ::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(55,155,155)} */ /* 设置表单提示文字颜色 */ ::-webkit-input-placeholder{color:#ccc} :-moz-placeholder{color:#ccc} ::-moz-placeholder{color:#ccc} :-ms-input-placeholder{color:#ccc} /* 移动端 */ a,img{-webkit-touch-callout:none} /* 禁止ios长按时触发系统的菜单 */ input[type='button'],input[type='submit'],button{-webkit-appearance:none} /* 禁用IOS上的默认按钮 */ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)} /* 去除被点击时产生的边框 */ /* 自定义样式 */ .fl-l{float:left} .fl-r{float:right} .clear:after{content:'.';display:block;height:0;clear:both;visibility:hidden} .clear{*zoom:1} /* 兼容 IE6、IE7 */ .center{margin-left:auto;margin-right:auto} .ellipsis{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} /* 单行省略号 */ .ellipsis-2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* 多行省略,数值代表显示几行 */ .box-b{-webkit-box-sizing:border-box;box-sizing:border-box} /* IE8+ 盒模型 默认:content-box */ .noSelect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} /* 不能选中 */ /* 消除transition闪屏 */ .noFlashing{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden} /* 开启硬件加速 */ .translate3d{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} /* 过渡 */ .transition{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}