/*------reset.css start------*/ /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; color:#666; } /* 设置默认字体 */ body, button, input, select, textarea { /* for ie */ font: 14px/1 "Microsoft YaHei", "微软雅黑"; /* font: 14px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;用 ascii 字符表示,使得在任何编码下都无问题 */ } h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ /* 重置列表元素 */ ul, ol { list-style: none; } /* 重置文本格式元素 */ a { text-decoration:none; color:#666} a:hover { text-decoration: none;color:#cc0000 } abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */ /* 注:optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } /*使手机站滚轮更流畅*/ html { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } /*clear*/ .clear{ clear: both; float: none; } .container:before,.clearfix:before{display: table;content: " ";} .container:after,.clearfix:after{content: "";display: block;height: 0;clear: both;float: none;margin: 0;} .trans{ transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; /* IE 9 */ -moz-transition:all 0.6s ease 0s; /* Firefox */ -webkit-transition:all 0.6s ease 0s; /* Safari 和 Chrome */ -o-transition:all 0.6s ease 0s; /* Opera */ } .ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .box-sizing{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } .img{ display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; display:-ms-flex; -ms-align-items:center; } .img img{ max-width:100%; max-height:100%; margin:auto; } .im img{ width:100%; height:100%; display:block; } /*------reset.css end------*/