/*-------重置格式化 CSS------*/ @charset "utf-8"; /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; font-size: 14px; color: #666666; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif; } /* 设置盒子模型为IE模型 */ * { box-sizing: border-box; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } /*去掉列表默认样式*/ ol, ul { list-style: none; } /*去掉input和button的边框*/ input, button, textarea { border: none; outline: none; } /*去掉button按钮的焦点样式*/ button:focus{ outline:none; } img { border: none; } /*定义链接、已访问过的链接、鼠标停在上方时、点下鼠标时的样式。*/ a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: none; border: none; } /*弹性盒子样式兼容*/ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { /* 触发 hasLayout */ zoom: 1; } /*右浮动*/ .fr { float: right; } /*左浮动*/ .fl { float: left; } /*强制一行*/ .nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }