//@screenheight:`document.body.clientHeight+'px'`;

//.html-hight(){
//  height: ;
//}

.a-tabs a {
  &,
  &:hover,
  &:focus {
    border-bottom: 2px solid #5ac0d9;
    color: #5ac0d9;
    //background-color: #e7f3fe;
  }
}

.foot_tabset > .span > .tab-pane {
  padding-top: 0 !important;
  background-color: #e8f4ff !important;
}

.foot_tabset > .flex > .span > .tab-pane {
  padding-top: 0 !important;
  background-color: #e8f4ff !important;
}

.foot_tabset1 > .span > .tab-pane {
  padding-top: 0 !important;
  background-color: #e8f4ff !important;
}

@media screen and (min-width: 1920px) {

  .basic-main {
    padding: 0.8%;
    margin: 0.8%;
    width: 98.6%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .three-left {
    padding: 0.8%;
    margin: 0.8% 0 0.8% 0.8%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-center {
    padding: 0.8%;
    margin: 0.8% 0 0.8% 0;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-right {
    padding: 0.8%;
    margin: 0.8%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  //.tab-pane{
  //  padding-top: 0!important;
  //  background-color: #ffffff!important;
  //}
  .binary-left {
    padding: 0.8%;
    margin: 0.8%;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary-right {
    padding: 0.8%;
    margin: 0.8% 0.8% 0.8% 0;
    width: 39%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
    border-radius: 14px;
  }

  .binary-right-main {
    padding-top: 1%;
    overflow-y: auto;
    overflow-x: auto;
    height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
    border-radius: 0 0 14px 14px;
  }

  .row {
    .form-group {
      margin: 6px 0;
      display: flex;
      align-items: center;
      height: 38px !important;

      > .datepicker {
        margin-top: 4px
      }
    }
  }

}

/*分辨率@1920*1080*/
@media screen and (max-width: 1920px) {

  .basic-main {
    padding: 0.6%;
    margin: 0.6% 0.6%;
    width: 98.8%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;

    .foot_tabset > ul > {
      height: 5%;
    }

    .foot_tabset > .span > .tab-pane {
      padding-top: 10px !important;
      background-color: #ffffff !important;
    }
  }

  .three-left {
    padding: 0.6%;
    margin: 0.6% 0 0.6% 0.6%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-center {
    padding: 0.6%;
    margin: 0.6% 0.6%;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-right {
    padding: 0.6%;
    margin: 0.6% 0.6% 0.6% 0;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;

    .foot_tabset > ul > {
      height: 5%;
    }

    .foot_tabset > .span > .tab-pane {
      padding-top: 10px !important;
      background-color: #ffffff !important;
    }
  }

  //.tab-pane{
  //  padding-top: 0!important;
  //  background-color: #ffffff!important;
  //}
  .binary-left {
    padding: 0.6%;
    margin: 0.6% 0.6%;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary-right {
    padding: 0.6%;
    margin: 0.6% 0.6% 0.6% 0;
    width: 40%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
    border-radius: 14px;
  }

  .binary-right-main {
    padding-top: 1%;
    overflow-y: auto;
    overflow-x: auto;
    height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
    border-radius: 0 0 14px 14px;
  }

  .row {
    .form-group {
      margin: 6px 0;
      display: flex;
      align-items: center;
      height: 36px !important;

      > .datepicker {
        margin-top: 4px
      }
    }
  }
}


/*分辨率@1920*1080*/
@media screen and (max-width: 1600px) {

  .basic-main {
    padding: 0.6%;
    margin: 0.6% 0.6%;
    width: 98.8%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;

    .foot_tabset > ul > {
      height: 5%;
    }

    .foot_tabset > .span > .tab-pane {
      padding-top: 10px !important;
      background-color: #ffffff !important;
    }
  }

  .three-left {
    padding: 0.6%;
    margin: 0.6% ;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-center {
    padding: 0.6%;
    margin: 0.6% 0;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-right {
    padding: 0.6%;
    margin: 0.6%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;

    .foot_tabset > ul > {
      height: 5%;
    }

    .foot_tabset > .span > .tab-pane {
      padding-top: 10px !important;
      background-color: #ffffff !important;
    }
  }

  //.tab-pane{
  //  padding-top: 0!important;
  //  background-color: #ffffff!important;
  //}
  .binary-left {
    padding: 0.6%;
    margin: 0.6% 0.6%;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary-right {
    padding: 0.6%;
    margin: 0.6% 0.6% 0.6% 0;
    width: 40%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
    border-radius: 14px;
  }

  .binary-right-main {
    padding-top: 1%;
    overflow-y: auto;
    overflow-x: auto;
    height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
    border-radius: 0 0 14px 14px;
  }

  .row {
    .form-group {
      margin: 6px 0;
      display: flex;
      align-items: center;
      height: 36px !important;

      > .datepicker {
        margin-top: 4px
      }
    }
  }
}

/*分辨率@1366*768*/
@media screen and (max-width: 1366px) {
  .basic-main {
    padding: 0.5%;
    margin: 0.5% 0.5%;
    width: 99%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .three-left {
    padding: 0.5%;
    margin: 0.4%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-center {
    padding: 0.4%;
    margin: 0.4% 0 0.4% 0;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-right {
    padding: 0.5%;
    margin: 0.4%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  //.tab-pane{
  //  padding-top: 0!important;
  //  background-color: #ffffff!important;
  //}
  .binary-left {
    padding: 0.5%;
    margin: 0.6% 0.5%;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary-right {
    padding: 0.5% ;
    margin: 0.6% 0.5% 0.6% 0;
    width: 39%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
    border-radius: 14px;
  }

  .binary-right-main {
    padding-top: 0.5%;
    overflow-y: auto;
    overflow-x: auto;
    height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
    border-radius: 0 0 14px 14px;
  }

  .row {
    .form-group {
      margin: 5px 0;
      display: flex;
      align-items: center;
      height: 35px !important;

      > .datepicker {
        margin-top: 4px
      }
    }
  }


}


/*分辨率@1280*720*/
@media screen and (max-width: 1280px) {
  .basic-main {
    padding: 0.4%;
    margin: 0.4%;
    width: 98%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .three-left {
    padding: 0.4%;
    margin: 0.4%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-center {
    padding: 0.4%;
    margin: 0.4% 0 0.4% 0;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-right {
    padding: 0.4%;
    margin: 0.4%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  //.tab-pane{
  //   padding-top: 0!important;
  //   background-color: #ffffff!important;
  // }
  .binary-left {
    padding: 0.4%;
    margin: 0.4%;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary-right {
    padding:  0.4%;
    margin: 0.4% 0.4% 0.4% 0;
    width: 39%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
    border-radius: 14px;
  }

  .binary-right-main {
    padding-top: 1%;
    overflow-y: auto;
    overflow-x: auto;
    height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
    border-radius: 0 0 14px 14px;
  }

  .row {
    .form-group {
      margin: 5px 0;
      display: flex;
      align-items: center;
      height: 35px !important;

      > .datepicker {
        margin-top: 4px
      }
    }
  }

}


/*分辨率@800*600*/
@media screen and (max-width: 800px) {
  .basic-main {
    padding: 1%;
    margin: 1%;
    width: 98%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .three-left {
    padding: 1%;
    margin: 1%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-center {
    padding: 1%;
    margin: 1% 0 1% 0;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .three-right {
    padding: 1%;
    margin: 1%;
    width: 19%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }


  .binary-left {
    padding: 1%;
    margin: 1%;
    width: 58%;
    height: auto;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
  }

  .binary-right {
    padding:  1%;
    margin: 1% 1% 1% 0;
    width: 39%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
    border-radius: 14px;
  }

  .binary-right-main {
    padding-top: 1%;
    overflow-y: auto;
    overflow-x: auto;
    height: calc(((((100vh * 0.93) * 0.936) * 0.95) * 0.936) * 0.98);
    border-radius: 0 0 14px 14px;
  }

  .row {
    .form-group {
      margin: 4px 0;
      display: flex;
      align-items: center;
      height: 35px !important;

      > .datepicker {
        margin-top: 4px
      }
    }
  }

}