html, body {
  background-color: #f2f2f2 !important;
}

h1, h2, h3, p, ul, ol, li {
  margin: 0;
  padding: 0;
}

.clearfix::after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
}

/* ================ 详情页通用结构 */
/* #region */
/* ======== iconfont  */
@font-face {
  font-family: 'detailIcon';  /* project id 546806 */
  src: url('//at.alicdn.com/t/font_546806_0i3hyu27zwxnipb9.eot');
  src: url('//at.alicdn.com/t/font_546806_0i3hyu27zwxnipb9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_546806_0i3hyu27zwxnipb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_546806_0i3hyu27zwxnipb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_546806_0i3hyu27zwxnipb9.svg#iconfont') format('svg');
}
.detail-icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: detailIcon;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: relative;
}
.detail-icon__lock::before { content: "\e61a"; }
.detail-icon__excel::before { content: "\e688"; }
.detail-icon__word::before { content: "\e7ba"; }
.detail-icon__pdf::before { content: "\e608"; }
.detail-icon__text::before { content: "\e66f"; }
.detail-icon__image::before { content: "\e678"; }
.detail-icon__zip::before { content: "\e609"; }
.detail-icon__other::before { content: "\e65c"; }
.detail-icon--xs { font-size: 12px; }
.detail-icon--small { font-size: 14px; }
.detail-icon--medium { font-size: 20px; }
.detail-icon--large { font-size: 24px; }
.detail-icon--xl { font-size: 32px; }
.detail-icon--xxl { font-size: 48px; }
.detail-icon--xxxl { font-size: 64px; }
.detail-icon--orange {
  color: #ff6000;
}
.detail-icon--dark {
  color: #222;
}
.detail-icon--gray {
  color: #888;
}
.detail-icon--light {
  color: #aaa;
}
/* 为方便 vm 输出单独准备 icon class */
.detail-icon__xls::before { content: "\e688"; }
.detail-icon__xlsx::before { content: "\e688"; }
.detail-icon__doc::before { content: "\e7ba"; }
.detail-icon__docx::before { content: "\e7ba"; }
.detail-icon__pdf::before { content: "\e608"; }
.detail-icon__rtf::before { content: "\e66f"; }
.detail-icon__jpg::before { content: "\e678"; }
.detail-icon__jpeg::before { content: "\e678"; }
.detail-icon__png::before { content: "\e678"; }
.detail-icon__gif::before { content: "\e678"; }
.detail-icon__bmp::before { content: "\e678"; }
.detail-icon__zip::before { content: "\e609"; }
/* .detail-icon__other::before { content: "\e65c"; } */
/* ======== 分组样式  */
.detail-group {
  position: relative;
}
  .detail-group > .tips{
    color: #4b67e7;
  }
  .detail-group__title {
    padding: 16px 0;
  }
    .detail-group__title > h3 {
      font-size: 18px;
      font-weight: 400;
    }
  .detail-group__content {
    padding: 0 0 16px;
  }
/* ======== 属性展示通用样式 */
.detail-property__list {
  margin: 8px 0 0;
}
  .detail-property__list-item {
    position: relative;
  }
  .detail-property__list-item.guarantee-accounts {
    min-height: 52px;
  }
  .guarantee-accounts-item {
    margin-left: 102px;
    padding-top: 4px;
  }
  .detail-property__label,
  .detail-property__content {
    display: block;
    min-height: 24px;
    line-height: 24px;
    padding: 0 0 2px;
  }
  .detail-property__label {
    left: 0;
    position: absolute;
    top: 0;
    width: 102px;
  }
  .detail-property__content {
    padding-left: 102px;
  }
/* 下载 */
.detail-property__download {
  /* color: $color-brand2-3; */
  margin: 0 0 0 8px;
  vertical-align: middle;
}
/* ======== 单据标题 */
.detail-property__title {
  font-size: 22px;
  font-weight: normal;
  padding: 16px 0;
}
/* ======== 报价按钮区域 */
.detail-quote {
  position: absolute;
  right: 0px;
  top: 128px;
}
  /* ==== 报价按钮 */
  /* 正常 */
  .detail-quote__btn {
    background-color: #fe5a48;
    border-color: transparent;
    border-radius: 4px;
    width: 200px;
  }
  .detail-quote__btn:hover {
    background-color: #fe5a48;
  }
  .detail-quote__btn[disabled] {
    background-color: #fcfcfc;
  }
  .detail-quote__btn[disabled]:hover {
    background-color: #fcfcfc;
  }
  /* 重置优先级 */
  .detail-quote > .detail-quote__btn,
  .detail-quote > .detail-quote__btn:hover {
    background-color: #fe5a48;
  }
  .detail-quote > .detail-quote__btn[disabled],
  .detail-quote > .detail-quote__btn[disabled]:hover {
    background-color: #fcfcfc;
  }
  /* ==== 扩展区域 */
  .detail-quote__ext {
    background-color: #f5f5f5;
    position: absolute;
    padding: 12px 20px;
    text-align: right;
    right: 1px;
    top: 64px;
  }
    .detail-quote__ext::before {
      background-color: #f5f5f5;
      content: '';
      height: 12px;
      position: absolute;
      right: 40%;
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: -6px;
      width: 12px;
    }
    .detail-quote__ext > p {
      white-space: nowrap;
    }
/* ======== 保密协议 */
.detail-secret {
  border: 1px dashed #e5e5e5;
  padding: 16px;
}
.detail-secret--inline {
  text-align: left;
}
.detail-secret--block {
  text-align: center;
}
  .detail-secret--block > p {
    line-height: 24px;
    margin: 24px 0;
  }
/* ======== 用户内容 */
.detail-html-render * {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.detail-html-render ul,
.detail-html-render ol {
  padding: 0 0 0 1.3em;
}
.detail-html-render ul {
  list-style-type: disc;
}
.detail-html-render ol {
  list-style-type: decimal;
}
/* ======== 分割线 */
.detail-split {
  margin: 16px 0;
}

/* ================ header */
.bidding-detail__header {}

/* ================ main */
.bidding-detail__main {
  margin: 30px auto;
  width: 1200px;
}

  /* ======== 主体内容 */
  .bidding-detail__main-content {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 9px rgba(221, 221, 221, .32);
    float: left;
    padding: 16px 24px;
    width: 960px;
  }

    /* ==== 第一分组，概要相关样式 */
    .bidding-detail-summary {
      position: relative;
    }

    /* ==== 第二分组，物料相关样式 */
    .bidding-detail-material .code {
      width: 90px;
    }
    .bidding-detail-material .name {
      width: 150px;
    }
    .bidding-detail-material .brand {
      width: 80px;
    }
    .bidding-detail-material .model {
      width: 80px;
    }
    .bidding-detail-material .desc {
      width: 200px;
    }
    .bidding-detail-material .amount {
      width: 80px;
    }
    .bidding-detail-material .unit {
      width: 50px;
    }
    .bidding-detail-material .price {
      width: 90px;
    }
    .bidding-detail-material .attach {
      width: 60px;
    }
    .bidding-detail-material__file {
      cursor: pointer;
      font-weight: normal;
    }
    .bidding-detail-material__file--show {
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 80px;
    }
    .bidding-detail-material__file--show .next-icon {
      margin: 0 4px 0 0;
    }
    .bidding-detail-files .next-icon,
    .bidding-detail-announcement .next-icon {
      margin: 0 0 0 8px;
      vertical-align: middle;
    }
    .next-table-body{
      max-height: 500px;
      overflow: auto !important;
    }

    /* ==== 第三分组，对供应商的要求相关样式 */

    /* ==== 第四分组，招标文件相关样式 */

    /* ==== 第五分组，招标公告相关样式 */
    /* .bidding-detail-announcement {} */
    .bidding-detail-announcement__attach {
      margin: 2em 0 0;
    }

  /* ======== 右侧边栏 */
  .bidding-detail__main-sidebar {
    float: right;
    width: 220px;
  }

/* ================ footer */
/* .bidding-detail__footer {} */