@charset "utf-8"; /* CSS Document */ /* css 初始化 */ /* 1.清除浏览器默认样式 */ body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, button, textarea, select, img, table, div { margin: 0; padding: 0; } /* 2.针对性处理 */ table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; } ol, ul { list-style: none; } textarea { resize: none; } img { border: none; display: inline-block; /*img底部空白*/ } input, area { outline: none; } /* 谷歌浏览器表单元素外框 */ /* 3.设置全局样式 */ body { font-family: "Microsoft YaHei", "微软雅黑", Arial; } a { text-decoration: none; color: #000; } a:hover { text-decoration: none; } a:focus { text-decoration: none; } /* 4.定义常用类 */ .w1200 { width: 1200px; margin: 0 auto; position: relative; } /*版心*/ .w1170 { width: 1170px; margin: 0 auto; } /*版心*/ /*.w1400 { width: 1400px; margin: 0 auto; } */ /*版心*/ /*闭合浮动*/ .clearfix:after, .clearfix:before { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .cl { clear: both; } .clearFloat{ clear: both; overflow: hidden; } /*浮动*/ .bil-left { float: left; } .bil-right { float: right; } /*文字排版方向*/ .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } /*响应式图片*/ .img-responsive { width: 100%; height: auto; } .lr-tb { -webkit-writing-mode: horizontal-tb; writing-mode: lr-tb; writing-mode: horizontal-tb; } .tb-rl { -webkit-writing-mode: vertical-rl; writing-mode: tb-rl; writing-mode: vertical-rl; } .tb-lr { -webkit-writing-mode: vertical-lr; writing-mode: tb-rl; writing-mode: vertical-lr; } /*-------------------------------*/ /* 第一步:使用font-face声明字体 */ @font-face { font-family: 'taobao'; /* 给设置的字体起别名 */ src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('../fonts/icon-mooc.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } /*第二步:定义使用iconfont的样式*/ .iconfont { font-family: "taobao" !important; /* font-size:12px; */ font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { /* max-width: 100%; */ height: auto; } /* 浏览器更新提示 CSS -------------------------------------------------- */ .g-browser-update { text-align: center; color: #da222c; line-height: 24px; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; position: relative; background-image: none; background-attachment: scroll; background-color: #fbec88; } .g-browser-update a { color: #da222c; font-weight: bold; } .d1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .d2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .d3 { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .d4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .d5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .d6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .d7 { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 7; display: -webkit-box; -webkit-box-orient:vertical; } .d8 { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 8; display: -webkit-box; -webkit-box-orient: vertical; } .d9 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; } .hid{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .clear{ clear: both; } /*shisan*/ * { padding: 0px; margin: 0px; text-decoration: none; list-style: none; }