
/*竞标大厅开启样式*/
.open-info-scrollbar{
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.open-info {
  min-height: 1000px;
  background-color: #F2F2F2;
  .offerlobby-header{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    background-color: #007CCC;
    position: relative;
  }
  /*内容模块*/
  .offer-content{
    width: 100%;
    height: 925px;
    // height: calc(100% - 75px);
    display: flex;
    background-color: #F5F7F9;
    /*采购人左侧*/
    .offer-bidding-left{
      width: 270px;
      height: 100%;
      background:rgba(245,247,249,1);
      box-shadow:1px 0px 0px 0px rgba(224,224,224,1);
      }
    /*供应商左侧*/
    .offer-Supplier-left{
      width: 270px;
      height: 100%;
      background:rgba(245,247,249,1);
      box-shadow:1px 0px 0px 0px rgba(224,224,224,1);
      /*我的报价*/
      .offer-my{
        height:50%;
        .offer-mytit{
          font-size:12px;
          font-family:Microsoft YaHei;
          font-weight:bold;
          color:rgba(51,51,51,1);
          line-height:36px;
          }
        .offer-realTime {
          width:100%;
          height:90%;
          padding:24px;
          background:rgba(255,255,255,1);
          .offer-iptnum{
            width:100%;
            height:30%;
            margin: 5px 0;
          }
          /*实时更新数据样式*/
          .real-time-ul {
            width:100%;
            height: 70%;
            li {
              line-height:2.0rem;
              position: relative;
              div {
                width:50%;
                text-align: center;
                .real-time-p{
                  font-weight: bold;
                  font-size: 1.2rem;
                }
              }
              .border-right:after{
                position: absolute;
                content: '';
                left: 50%;
                top: 25%;
                bottom: 5px;
                right: 0;
                height: 52%;
                width: 1px;
                background-color: #ccc;
              }
            }
            .real-time-li {
              border-bottom: 1px solid #ccc;
            }
          }
        }
      };
      /*聊天样式*/
      .offer-scoket{
        height:48%;
      };
    }
    /*中间部分*/
  .offer-bidding-centre{
    flex: 1;
    overflow: hidden;
    height: 100%;
    border: 1px solid #ccc;
    /*采购人物资明细样式*/
    .offer-goods{
      width: 100%;
      height:44%;
      background-color: #ffffff;
      .offer-detail{
          font-size:12px;
          font-family:Microsoft YaHei;
          font-weight:bold;
          color:rgba(51,51,51,1);
          line-height:36px;
          background:rgba(245,247,249,1);
          border:1px solid rgba(224, 224, 224, 1);
          }
      .offer-goods-tables{
        width:100%;
        height: calc(44% / 3 * 2 - 36px);
        padding: 10px;
        background-color: #ffffff;
      }
      .agent-info-div{
        width: calc(100%/2 - 5px);
        height: calc(44% / 3);
        background-color: #F2F2F2;
        .agent-info-divs{
          background-color: #FFFFFF;
          width:100%;
          height:100%;
          text-align: center;
          .agent-info-div-var{
            color: #00AACA;
            font-weight: bold;
          }
        }
      }
      .offer-lowest{
        font-weight: bold;
        line-height: 36px;
        padding-left: 12px;
        background-color: #ffffff;
      }
    }
    /*供应商物资明细*/
    .offer-goods-supplier{
      width: 100%;
      height:44%;
      background-color: #FFFFFF;
      .offer-detail{
          font-size:12px;
          font-family:Microsoft YaHei;
          font-weight:bold;
          color:rgba(51,51,51,1);
          line-height:36px;
          background:rgba(245,247,249,1);
          border:1px solid rgba(224, 224, 224, 1);
          }
      .offer-goods-tables{
        width:100%;
        height: calc(48% / 3 * 2 - 36px);
        padding: 10px;
        background-color: #ffffff;
      }
    }
    /*echarts图表和全部报价样式*/
    .offer-echarts{
      width: 100%;
      padding: 10px 16px;
      height:56%;
      background-color: #ffffff;
      border:1px solid #E2E2E2;
    }
  };
    /*右侧-当前竞价状态样式*/
  .offer-bidding-right {
    width: 270px;
    height: 100%;
    background:rgba(245,247,249,1);
    box-shadow:1px 0px 0px 0px rgba(224,224,224,1);
    .right-components{
      width:100%;
      height:100%;
      display: flex;
      padding: 0 24px;
      flex-direction: column;
      .offer-at{
        height:24px;
        font-size:12px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height:24px;
        margin-top: 10px;
        .startBidding{
          font-size: 12px;
          color: #fff;
          text-align: center;
          float: right;
          background: #007CCC;
          cursor: pointer;
        }
      }
      .offer-state{
        width:100%;
        height:40px;
        line-height: 40px;
        text-align: center;
        background-color: #E0E3E7;
      }
      .offer-rules{
        margin-top: 24px;
      }
      .offer-rules-title{
        width:100%;
        font-size:12px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height:48px;
        border-bottom: 1px solid #ccc;
      }
      .offer-rules-content{
        .rules-title{
          font-size:12px;
          color:#909090;
          line-height:24px;
        }
        .rules-content{
          font-size:12px;
          color:#333333;
          line-height:24px;
        }
      }
      .offer-rules-contents{
        .rules-title{
           color:#909090;
           font-size:12px;
           line-height:24px;
        }
        .rules-content{
          color:#333333;
          line-height:24px;
          font-size:12px;
        }
      }
    }
  }
    }

    .offer-title{
      font-size:12px;
      font-family:Microsoft YaHei;
      font-weight:bold;
      color:rgba(102,102,102,1);
      line-height:16px;
    }
  .offer-lowest{
    font-weight: bold;
    line-height: 46px;
    padding-left: 12px;
  }

  }
  /*竞价大厅未开启样式*/
  .offer-contentNo {
    flex:1;
    padding: 0 64px;
    background-color:#f2f2f2;
    .offer-content-txt{
      height:100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #fff;
      .offer-content-box {
        width:360px;
        min-height: 80px;
      }
      .offer-content-title{
        color:#E88752;
        font-size: 18px;
        line-height: 84px;
        margin-top: 36px;
      }
      .offer-content-time{
        height:140px;
      }
    }
  }
/*采购人供应是竞价大厅 暂进行中的样式*/
.offer-noBegin{
  width:100%;
  height: 100vh;
  background: url("~@assets/img/procurement/procurementEvaluation/offerLobbyBg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  .offer-box{
    width:624px;
    display: flex;
    flex-direction: column;
    align-items: center;
    .offer-tabel{
      width:100%;
    }
    .offer-horologe{
     width:564px;
     height: 80px;
     margin-top: calc(50% - 42%);
    }
   .offer-beging{
     color:#47A20A;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
   }
 .offerTop{
   margin-top:calc(50% - 55%);
 }
    .offer-button{
     margin-top: 80px;
    }
  }
}
/*当前不同状态显示不同颜色*/
// 竞价未开始
.offer-state-color1{
  color:#90B6DA
}
// 竞价已开启
.offer-state-color2{
   color:#FF46AA35;
  background-color: #E0EFD9FF;
 }
// 竞价结束
.offer-state-color3{
  color:#FF007CCC
}
.duration{
  width:100%;
  display: flex;
  color:#656874;
  font-size: 36px;
  line-height: 40px;
  justify-content: center;
  margin-top: 24px;
  div{
    position: relative;
    width:54px;
    height:40px;
    color:#FFFFFF;
    margin: 0 5px;
    font-size: 30px;
    font-weight: bold;
    border-radius: 5px;
    padding: 0 5px;
    letter-spacing:9px;
    background-color: #7EC1EC;
    .hr{
      position: absolute;
      top:0;
      width:3%;
      height:100%;
      color:#F1F1F1;
      z-index: 99;
      left:50%;
      background-color:#FFFFFF;
      border-radius: 5px;
    }

  }
}
/*采购人报价竞价大厅样式*/
.row-bg {
  width: 100%;
  height: calc(100vh - 96px - 42px);
  background: url("~@assets/img/procurement/procurementEvaluation/offerLobbyBg.png") no-repeat center/100%;
  position: relative;
  .offer-horologe{
    position: absolute;
    width:356px;
    height: 150px;
    text-align: center;
    left:50%;
    top: calc(50% - 40%);
    margin-left: -178px;
    p{
      line-height: 36px;
    }
  }
  .offer-purchase-content{
    width:786px;
    position: absolute;
    left:50%;
    top:calc(50% - 40%);
    margin-left: -393px;
   .offer-single {
     width:100%;
     text-align: center;
   }
   .offer-beging{
     color:#47A20A;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
   }
 .offerTop{
   margin-top:calc(50% - 55%);
 }
    .offer-tabel{
      width:100%;
       margin-top:calc(50% - 45%);
    }
  }
  .enterOffer{
    position: absolute;
    bottom:calc(50% - 40%);
    left: 50%;
    width:168px;
    height: 36px;
    text-align: center;
    margin-left: -84px;
  }
}
