@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;
  /* 图片不能有蓝底 */
  -webkit-tap-highlight-color: transparent;
  /* 解决底部空隙 */
  display: inline-block;
  /* 图片不可拖动 */
  -webkit-user-drag: none;
  /*img底部空白*/
  vertical-align: bottom;}
input,
area {
  outline: none;}
/* 谷歌浏览器表单元素外框 */
/* 3.设置全局样式 */
body {
  font-family: "Microsoft YaHei", "微软雅黑", Arial;
  line-height: 1;}
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;
  -ms-writing-mode: lr-tb;
      writing-mode: lr-tb;
  -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;}
.tb-rl {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
      writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;}
.tb-lr {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-rl;
      writing-mode: tb-rl;
  -ms-writing-mode: tb-lr;
      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");}
/*第二步：定义使用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;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
.d2 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.d3 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
.d4 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
.d5 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;}
.d6 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;}
.d7 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
.d8 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 8;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
.d9 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;}
.hid {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;}
.clear {
  clear: both;}
/*shisan*/
* {
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  list-style: none;}