body { min-width: 1200px; font-family: Microsoft YaHei } /************* Reset CSS *************/ /* 清除内外边距 */ html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, iframe, lengend, label, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, 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; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img, button { border: none; } /* 注:optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } img, iframe, table, form { vertical-align: middle; } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 重置 hr */ hr { border: none; height: 1px; } /************* Reset CSS *************/ .clearfix { zoom: 1; } .clearfix:after, .clearfix:before { content: "\200B"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .fl { float: left; } .fr { float: right; } .color-red{ color: #ff0000!important; } .mt10 { margin-top: 10px!important; } .mt20 { margin-top: 20px!important; } .mt30 { margin-top: 30px!important; } .mb20 { margin-bottom: 20px!important; } [v-cloak] {display: none;} .over-line1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .over-line2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; } .over-line3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; } .over-line4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 4; -moz-box-orient: vertical; } .over-line5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 5; -moz-box-orient: vertical; }