@import "@/styles/theme.scss";

.records {
  background-color: #F8F8F8;
  min-height: 100vh;
  .screen-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:100px;
    background:rgba(248,248,248,1);
    font-size: 34px;
    color: #666;
    padding: 0 30px;
    font-size: 400;
    .flex{
      display: flex;
      align-items: center;
      .top-item{
        width:164px;
        height:48px;
        font-size:24px;
        font-weight:300;
        color: #333;
        line-height: 48px;
        background:rgba(255,255,255,1);
        border:1px solid rgba(228,228,228,1);
        box-shadow:0px 4px 12px 0px rgba(255,171,50,0.08);
        border-radius:24px;
        margin-right: 30px;
        text-align: center;
  
      }
      .active{
        background-color: #BB9C79;
        color: #fff;
      }
    }
  }
  .checkbox{
    display: block;
    height: 250px;
    background-color: #fff;
    padding-left: 30px;
    margin-bottom: 20px;
  }
  .container {
    height: calc(100vh - 254px);
  }
  .raise-box{
    position: fixed;
    width: 100vw;
    padding: 30px;
    .raise-btn{
     
      height:94px;
      line-height: 94px;
      background:rgba(187,156,121,1);
      border-radius:10px;
      color: #fff;
      font-size: 36px;
      text-align: center;
    }  
  }
}

.base-con{
  width: 100vw;
  height:100vh;
  background-color: #fff;
  padding: 0 30px;
  border-radius:12px;
  .con-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
   
    .title{
      font-size: 33px;
      color: #333;
    } 
  }

  .con-picker{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:456px;
    height:48px ;
    line-height: 48px;
    padding: 0 16px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    .picker{
      width: 400px;
    }
  }
  .right-icon{
    width:18px;
    height:18px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform:rotate(45deg);
    float: right;
  }
  .bottom-btn{

    font-size: 34px;
    position: absolute;
    width: 690px;
    top: 70vh;
  
    .save{
      background-color: $primary-color;
      color:#fff;
      height: 94px;
      line-height: 94px;
      text-align: center;
      border-radius:10px;
      border:2px solid $primary-color;
      margin-bottom: 40px;
    }
    .cancel{
      color: 333;
      text-align: center;
      height: 94px;
      line-height: 94px;
      border-radius:10px;
      border:2px solid #dcdcdc;
    }
  }
}