/*html,body{*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*display: flex;*/
  /*flex-direction: column;*/
/*}*/
.mainbox {
  position: relative;
  flex: 1;
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  box-sizing: border-box;
  margin-bottom: 200px!important;
}

.mainbox .bread {
   margin-left: 11px;
   color: #666666;
   font-size: 16px;
 }
.mainbox .bread a {
  text-decoration: none;
  color: #666666;
  font-size: 16px;
}

.mainbox .secondarytabBar {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  height: 40px;
  margin-top: 39px;
  box-sizing: border-box;
}

.mainbox .secondarytabBar li {
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: url("/site/image/tabBar.png");
  border-radius: 4px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
  box-sizing: border-box;
  /*margin-right: 30px;*/
}

.mainbox .secondarytabBar li:hover {
  background: url("/site/image/tabBar_active.png");
  color: #fff;
}
.mainbox .secondarytabBar li:hover a {
  color: #fff;
  text-decoration: none;
}
.mainbox .secondarytabBar li a{
  display: block;
  height: 100%;
  width: 100%;
  color: #333333;
  text-decoration: none;
}
.mainbox .secondarytabBar .current{
  background: url("/site/image/tabBar_active.png");;
  color: #fff;
}
.mainbox .secondarytabBar  .current a{
  color: #fff;
}

.mainbox .box {
  width: 100%;
  height: 825px;
  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;
  margin: 0;
}

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

.mainbox .box .form .item {
  display: flex;
  align-items: center;
  width: 33%;
  height: 40px;
  margin-top: 10px;
}
.mainbox .box .form .item:nth-child(5) #Date{
  height: 40px;
  margin-top: 15px;
}
.mainbox .box .form .item:nth-child(6) #Date{
  height: 40px;
  margin-top: 15px;
}

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

.mainbox .box .form .item .dropdown{
  border: 1px solid #DDDDDF;
  border-radius: 4px;
}
.mainbox .box .form .item .dropdown span{
  color: #999999;
  font-size: 14px!important;
  font-family: Source Han Sans CN;
  font-weight: 500;
  padding: 0;
}

.mainbox .box .form .item select {
  width: 190px;
  height: 100%;
  padding-left: 10px;
  outline: none;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  box-sizing: border-box;
}

.mainbox .box .form .item input {
  width: 190px;
  height: 100%;
  padding-left: 10px;
  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 button {
  width: 90px;
  height: 100%;
  border-radius: 4px;
  font-size: 14px;
}

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

.mainbox .box .form .item button:last-child {
  margin-left: 10px;
  background-color: #C1DEF5;
  color: #1976D2;
  background: #C1DEF5;
  border: 1px solid rgba(25, 118, 210, 0.43);
}
.mainbox .box{
  margin-bottom: 100px;
}
/*.mainbox .box .content {*/
  /*position: relative;*/
/*}*/
.mainbox .box table {
  /*position: relative;*/
  width: 100%;
  /*height: 485px;*/
  text-align: center;
  table-layout: fixed;
  box-sizing: border-box;
  border: 1px solid #d9dadc;
  border-collapse:collapse;
}

.mainbox .box table tr th {
  border-top:1px solid #d9dadc ;
  border-bottom:1px solid #d9dadc;
  background-color: #f5f7f9;
  height: 55px;
  font-size: 14px;
}

.mainbox .box table tr th:first-child {
  width: 93px;
}

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

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

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

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

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

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

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



.fixed-table-pagination{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  /*background-color: red;*/
}
.fixed-table-loading{
  display: none
;
}
/*.fixed-table-pagination>.pagination .page-jump-to{*/
  /*margin: 20px 0;*/
/*}*/
.pagination{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pagination li{
  float: left;
  /*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;
}
input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
}
