/*body{*/
  /*display: flex;*/
  /*flex-direction: column;*/
/*}*/
.mainbox {
  /*flex: 1;*/
  width: 1200px;
  margin: 0 auto;
  /*margin-bottom: 126px;*/
  padding-top: 30px;
  box-sizing: border-box;
  margin-bottom: 150px!important;

}

.mainbox .bread {
  margin-left: 20px;
  color: #666666;
  font-size: 16px;
}

.mainbox .box {
  width: 100%;
  margin-top: 22px;
  /*border-bottom: 1px solid #D9DADC;*/
}

.mainbox .box h2 {
  height: 52px;
  line-height: 52px;
  padding-left: 39px;
  font-size: 22px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #333333;
  border: 1px solid #D9DADC;
  border-bottom: 0;
}

.mainbox .box {
  width: 100%;
  /*height: 900px;*/
  margin-top: 22px;
}

.mainbox .box h2 {
  height: 52px;
  line-height: 52px;
  padding-left: 39px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  border: 1px solid #D9DADC;
  border-bottom: 0;
}

.mainbox .box .form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /*height: 192px;*/
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #D9DADC;
  border-bottom: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.mainbox .box .form .item {
  display: flex;
  align-items: center;
  width: 300px;
  height: 40px;
  margin-top: 10px;
  margin-right: 70px;
}
.mainbox .box .form .item:first-child{
  width: 335px!important;
  margin-left: 55px;
  margin-right: 30px;
  /*width: 295px;*/
}
.mainbox .box .form .item:first-child span{
  width: 130px;
}
.mainbox .box .form .item:first-child ul{
  width: 400px;
  display: flex;
  padding: 0;
  margin: 0;
}
.mainbox .box .form .item:first-child ul li{
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.mainbox .box .form .item:first-child ul  .current{
  background: #1976D2;
  color: #ffffff;
}

.mainbox .box .form .item:nth-child(4){
  width: 460px;
  margin-left: 27px!important;
}
.mainbox .box .form .item:nth-child(4){
  display: flex;
  align-items: center;
}
.mainbox .box .form .item:nth-child(4) span{
  width: 110px;
}
.mainbox .box .form .item:nth-child(4) #startDate{
  width: 120px;
  height: 40px;
  margin-top: 15px;
}
.mainbox .box .form .item:nth-child(4) #endDate{
  width: 120px;
  height: 40px;
}
.mainbox .box .form .item:last-child{
  margin-left: 245px;
    margin-right: 0;
}

.mainbox .box .form .item span {
  width: 170px;
  padding-right: 10px;
  text-align: right;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
}

.mainbox .box .form .item select {
  width: 200px;
  height: 100%;
  padding-left: 8px;
  outline: none;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  border: 1px solid #DDDDDF;
  border-radius: 4px;
  box-sizing: border-box;
}

.mainbox .box .form .item input {
  width: 200px;
  height: 100%;
  padding-left: 10px;
  outline: none;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  border: 1px solid #DDDDDF;
  border-radius: 4px;
  box-sizing: border-box;
}

.mainbox .box .form .item button {
  width: 90px !important;
  height: 100%;
  border-radius: 4px;
  outline: none;
}

.mainbox .box .form .item button:first-child {
  margin-left: 100px;
  background-color: #1976D2;
  border: 1px solid #1976D2;
  color: #fff;
}

.mainbox .box .form .item button:last-child {
  margin-left: 10px;
  background-color: #C1DEF5;
  color: #1976D2;
  border: 1px solid rgba(25, 118, 210, 0.43);

}

.mainbox .box table {
  width: 100%;
  /*height: 570px;*/
  table-layout: fixed;
  box-sizing: border-box;
  border:1px solid #d9dadc ;
  border-collapse:collapse;
}

.mainbox .box table tr {
  box-sizing: border-box;
}

.mainbox .box table tr th {
  border-top:1px solid #d9dadc ;
  border-bottom:1px solid #d9dadc;
  background-color: #f5f7f9;
  box-sizing: border-box;
  height: 55px;
  vertical-align: middle;
  font-size: 14px;
}
/*.mainbox .box table tr:first-child {*/
  /*height: 56px;*/
/*}*/

.mainbox .box table tr th {
  /*border-right: 1px solid #D9DADC;*/
  background-color: #F5F7F9;
  box-sizing: border-box;
}

/*.mainbox .box table tr th:first-child {*/
  /*width: 65px;*/
/*}*/

/*.mainbox .box table tr th:nth-child(2) {*/
  /*width: 267px;*/
/*}*/

/*.mainbox .box table tr th:nth-child(3) {*/
  /*width: 164px;*/
/*}*/

/*.mainbox .box table tr th:nth-child(4) {*/
  /*width: 120px;*/
/*}*/

/*.mainbox .box table tr th:nth-child(5) {*/
  /*width: 223px;*/
/*}*/

/*.mainbox .box table tr th:nth-child(6) {*/
  /*width: 150px;*/
/*}*/

/*.mainbox .box table tr th:nth-child(7) {*/
  /*width: 143px;*/
/*}*/

/*.mainbox .box table tr th:last-child {*/
  /*width: 64px;*/
/*}*/

.mainbox .box table tr td {
  height: 55px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  border-top:1px solid #d9dadc ;
  border-bottom:1px solid #d9dadc;
}
.mainbox .box table tr td a{
  color: #1976D2;
  text-decoration: none;
}
.mainbox .box table tr td a:hover{
  color: #1976D2;
}

/*.mainbox .box table tr td:first-child {*/
  /*text-align: center;*/
/*}*/

/*.mainbox .box table tr td:nth-child(2) {*/
  /*padding-left: 19px;*/
/*}*/

/*.mainbox .box table tr td:nth-child(3) {*/
  /*text-align: center;*/
/*}*/

/*.mainbox .box table tr td:nth-child(4) {*/
  /*padding-left: 20px;*/
/*}*/

/*.mainbox .box table tr td:nth-child(5) {*/
  /*text-align: center;*/
/*}*/

/*.mainbox .box table tr td:nth-child(6) {*/
  /*padding-left: 14px;*/
/*}*/

/*.mainbox .box table tr td:nth-child(7) {*/
  /*padding-left: 14px;*/
/*}*/

.mainbox .box table tr td:last-child {
  text-align: center;
  cursor: pointer;
  /*color: #1976D2;*/
}

.fixed-table-pagination{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  /*background-color: red;*/
}
/*.fixed-table-pagination>.pagination .page-jump-to{*/
  /*margin: 20px 0;*/
/*}*/
.fixed-table-loading{
  display: none
;
}
.pagination{
  display: flex;
  flex-direction: row;
}
.pagination li{
  float: left;
  margin-top: -25px;
  /*border: 1px solid #999999;*/
  color: #999999;
  text-align: center;
  line-height: 30px;
  margin-right: 15px;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
}
.pagination li a{
  color: #999999;
  overflow: hidden;
  width: 100%;
  display: block;
}
/*.pagination-info{*/
  /*display: none;*/
/*}*/
/*.pull-left{*/
  /*display: none;*/
/*}*/
.page-list{
  display: none!important;
}
.h1, .h2, .h3, h1, h2, h3{
  margin: 0!important;
  /*font-weight: bold!important;*/
}
input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
}
#myModal #tableBox2{
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  border-collapse:collapse;
  border: 1px solid #d9dadc;
}
#myModal #tableBox2 tbody tr td{
  height: 55px;
  border: 1px solid #d9dadc;
}
#myModal #tableBox2 tbody tr td:nth-child(odd){
  width: 200px;
  text-align: right;
  padding-right: 20px;
  background: #EDEEFA;
}
#myModal #tableBox2 tbody tr td:nth-child(even){
  text-align: left;
  padding-left: 20px;
}
#myModal1 #tableBox3{
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  border-collapse:collapse;
  border: 1px solid #d9dadc;
}
#myModal1 #tableBox3 tbody tr td{
  height: 55px;
  border: 1px solid #d9dadc;
}
#myModal1 #tableBox3 tbody tr td:nth-child(odd){
  width: 200px;
  text-align: right;
  padding-right: 20px;
  background: #EDEEFA;
}
#myModal1 #tableBox3 tbody tr td:nth-child(even){
  text-align: left;
  padding-left: 20px;
}
.modal-open {
  overflow-y: auto !important;
  padding-right: 0 !important;
}