@charset "utf-8"; /** 清除内外边距 **/ 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, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0;padding: 0; } /** 设置默认字体 **/ /* 宋体:\5B8B\4F53 新宋体:\65B0\5B8B\4F53 黑体:\9ED1\4F53 微软雅黑:\5FAE\8F6F\96C5\9ED1 楷体:\6977\4F53_utf-8 */ body,button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, \5FAE\8F6F\96C5\9ED1, sans-serif, Arial;} body {background:#fff;-webkit-text-size-adjust:100%;color: #333;font-family: \5FAE\8F6F\96C5\9ED1;} h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;overflow: visible;} address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */ em, strong, b {font-style:normal;font-weight:normal;} /** 重置列表元素 **/ ul, ol {list-style-type: none;margin: 0;padding: 0;} ul, ol ,li { list-style: none;} /** 重置文本格式元素 **/ a,a:active {color: inherit;text-decoration: none;cursor: pointer;border: 0;} sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */ sub { vertical-align: text-bottom; } /** 重置表单元素 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; border-radius: 0;} /* 使得表单元素在 ie 下能继承字体大小 */ button{border:0;background-color:none;outline:none;-webkit-appearance: none;} select {border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 14px; /*在选择框的最右侧中间显示小箭头图片*/ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; } textarea { resize:none; } /* 禁用了文本的拖拉,尤其在谷歌下 */ select, button, input,img {vertical-align: middle;} /* 注:optgroup 无法扶正 */ /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } /* 重置 HTML5 元素 */ article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video {display: block;margin: 0;padding: 0;} mark { background: #ff0; } /* 标签 */ input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;} input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */ /* input标签placeholder样式重设 */ :-moz-placeholder { color:#666; opacity:1; font-size: 14px;text-align: left;} ::-moz-placeholder { color:#666; opacity:1; font-size: 14px;text-align: left;} input:-ms-input-placeholder{ color:#666; opacity:1; font-size: 14px;text-align: left;} input::-webkit-input-placeholder{ color:#666; opacity:1; font-size: 14px;text-align: left;} /* 重绘元素边框盒 */ *{ box-sizing:border-box;} *::before, *::after{ box-sizing:border-box;} *:focus{ outline:none;} /* p{text-align:justify; text-justify:distribute;} 为了使文本段落左右两边对齐 */ /* =======================================winter==自定义=========================================== */ /* 禁止文本复制粘贴 */ .banSelect {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;} /* 引入字体 */ @font-face { font-family: 'XXX'; src: url('../fonts/XXX.OTF'), url('../fonts/xxx.eot'), url('../fonts/xxx.eot?#iefix') format('embedded-opentype'), url('../fonts/xxx.woff2') format('woff2'), url('../fonts/xxx.woff') format('woff'), url('../fonts/xxx.ttf') format('truetype'), url('../fonts/xxx.svg#svgFontName') format('svg'); } /* 清除浮动 */ .clearFix {*zoom:1} .clearFix:before, .clearFix:after {display:table;content:""} .clearFix:after {clear:both} /* 文字竖排 */ .rowWords {writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;} /* 文字限制行数 */ /* 限制一行 */ .lineLimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} /* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */ .lineLimits {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} /* 【不推荐】遮挡限制多行兼容 必须限高 */ .lineLimitFit {position:relative;overflow:hidden;height: auto;} .lineLimitFit:after {content:"...";letter-spacing: 3px;font-weight: bold;position:absolute;bottom:0;line-height: initial;right:0;padding-left:36px;background: -webkit-linear-gradient(left, transparent, #fff 55%);background: -o-linear-gradient(right, transparent, #fff 55%);background: -moz-linear-gradient(right, transparent, #fff 55%);background: linear-gradient(to right, transparent, #fff 55%);}