html,body{
  font-family: "Source Han Sans CN"!important;
  /*height: 100%;*/
  /*display: flex;*/
  /*flex-direction: column;*/
}
.mainbox {
  /*flex: 1;*/
  width: 1200px;
  height: 800px;
  margin: 0 auto;
  padding-top: 30px;
}
.h1, .h2, .h3, h1, h2, h3{
  margin: 0!important;
  font-weight: bold!important;
}
.mainbox .bread {
  margin-left: 20px;
  color: #666666;
  font-size: 16px;
}
.mainbox .bread a{
  text-decoration: none;
  color: #666666;
  font-size: 16px;
}

.mainbox .md {
  width: 100%;
  margin-top: 30px;
}

.mainbox .md .mdhd {
  display: flex;
  width: 100%;
}

.mainbox .md .mdhd .mulu {
  width: 197px;
  height: 190px;
  margin-left: 20px;
}

.mainbox .md .mdhd .mulu li {
  width: 100%;
  height: 45px;
  box-sizing: border-box;
  line-height: 45px;
  margin-top: 3px;
  /*background-color: #D7E9FB;*/
  /*background: #D7E9FB url('../image/publicity.png');*/
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
.mainbox .md .mdhd .mulu li:first-child {
   background:  #D7E9FB url('../image/publicity.png') no-repeat 5px center  ;
 }
.mainbox .md .mdhd .mulu li:nth-child(2){
  background:  #D7E9FB url('../image/notice.png') no-repeat 5px center  ;
}
.mainbox .md .mdhd .mulu li:nth-child(3){
  background:  #D7E9FB url('../image/collection.png') no-repeat 5px center  ;
}
.mainbox .md .mdhd .mulu li:last-child{
  background:  #D7E9FB url('../image/comparison.png') no-repeat 5px center  ;
}

.mainbox .md .mdhd .mulu li a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding-left: 40px;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}

.mainbox .md .mdhd .mulu li:first-child.current {
  background: url('../image/publicity-active.png') no-repeat 5px center,linear-gradient(-90deg, #1976D2, #559BE1) !important;;
}
.mainbox .md .mdhd .mulu li:nth-child(2).current {
  background:url('../image/notice-active.png') no-repeat 5px center,linear-gradient(-90deg, #1976D2, #559BE1) !important;
}
.mainbox .md .mdhd .mulu li:nth-child(3).current {
  background:url('../image/collection-active.png') no-repeat 5px center,linear-gradient(-90deg, #1976D2, #559BE1) !important;
}
.mainbox .md .mdhd .mulu li:last-child.current {
  background:url('../image/comparison-active.png') no-repeat 5px center,linear-gradient(-90deg, #1976D2, #559BE1) !important;
}

.mainbox .md .mdhd .mulu .current a {
  color: #ffffff;
}

/*.mainbox .md .mdhd .content {*/
  /*display: none;*/
  /*width: 896px;*/
/*}*/

.mainbox .md .mdhd #aaa  {
  margin-left: 77px;
  /*width: 896px;*/
}
.mainbox .md .mdhd #aaa  th{
  display: none;
}
.mainbox .md .mdhd #aaa tr {
  position: relative;
  cursor: pointer;
}
.mainbox .md .mdhd #aaa tr td{
  border: 0;
  padding: 0px;
}
.mainbox .md .mdhd #aaa tr:hover td{
  color: #1976D2!important;

}
.mainbox .md .mdhd #aaa tr:hover td a{
  color: #1976D2!important;

}
.mainbox .md .mdhd #aaa tr td a{
  color: #363636;
}

/*.mainbox .md .mdhd .content .publicity  table tr:hover td{*/
/*color: #1976D2;*/
/*}*/
.mainbox .md .mdhd  #aaa tr td:first-child{
  position: relative;
  padding-left: 21px;
  padding-bottom: 27px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #363636;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainbox .md .mdhd #aaa tr td:first-child::before{
  position: absolute;
  top: 10px;
  left: 0;
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #2D66A5;
}

.mainbox .md .mdhd #aaa tr td:last-child{
  padding-left: 21px;
  padding-bottom: 27px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*.mainbox .md .mdhd .content .publicity table tr::before {*/
/*}*/
.mainbox .md .mdhd #aaa tr td:first-child a{
  display: block;
  width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  font-size: 18px;
}
.fixed-table-pagination{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 80px;
  /*background-color: red;*/
}
.btn-secondary{
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid #CCC!important;
  border-right: 1px solid #CCC!important;
  border-top:1px solid #CCC!important ;

}
.btn-secondary:hover{
  background-color: #e6e6e6;
}
.fixed-table-loading{
  display: none
;
}
.pagination{
  /*display: flex!important;*/
  /*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;
}
.input-group-append{
  width: 200px;
}
/*.pagination li:hover{*/
  /*background-color: #1976D2;*/
/*}*/
/*.pagination li:hover a{*/
   /*color: #ffffff;*/

 /*}*/

/*.pagination li a{*/
  /*color: #999999;*/
/*}*/

/*.pagination-info{*/
  /*display: none;*/
/*}*/
/*.pull-left{*/
  /*display: none;*/
/*}*/
.page-list{
  display: none!important;
}
/*.pagination-detail{*/
  /*display: none;*/
/*}*/




.mainbox .md .mdhd #bbb {
  margin-left: 77px;
  /*width: 896px;*/
}
.mainbox .md .mdhd #bbb    th{
  display: none;
}
.mainbox .md .mdhd #bbb  tr {
  position: relative;
  cursor: pointer;
  /*padding-left: 21px;*/
  /*margin-top: 27px;*/
  /*font-size: 16px;*/
  /*font-family: Source Han Sans CN;*/
  /*font-weight: 400;*/
  /*color: #363636;*/
  /*cursor: pointer;*/
}
.mainbox .md .mdhd #bbb tr td{
  padding: 0;
  border: 0;
}
.mainbox .md .mdhd #bbb tr:hover td{
  color: #1976D2!important;
}
.mainbox .md .mdhd #bbb tr:hover td a{

  color: #1976D2!important;
  text-decoration: none;
}

/*.mainbox .md .mdhd .content .publicity  table tr:hover td{*/
/*color: #1976D2;*/
/*}*/
.mainbox .md .mdhd #bbb tr td:first-child{
  position: relative;
  padding-left: 21px;
  padding-bottom: 27px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #363636;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainbox .md .mdhd #bbb tr td:first-child::before{
  position: absolute;
  top: 10px;
  left: 0;
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #2D66A5;
}
.mainbox .md .mdhd #bbb tr td:first-child a{
  display: block;
  width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  color:#363636 ;
  font-size: 18px;
}
.mainbox .md .mdhd #bbb tr td:last-child{
  /*width: 235px;*/
  padding-left: 21px;
  padding-bottom: 27px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  /*width: 20%;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mainbox .md .mdhd .content .announce table  {
  /*position: relative;*/
  /*padding-left: 21px;*/
  /*margin-top: 27px;*/
  /*font-size: 16px;*/
  /*font-family: Source Han Sans CN;*/
  /*font-weight: 400;*/
  /*color: #363636;*/
  /*cursor: pointer;*/
}

/*.mainbox .md .mdhd .content .announce table tr::before {*/
  /*position: absolute;*/
  /*top: 5px;*/
  /*left: 0;*/
  /*content: '';*/
  /*display: inline-block;*/
  /*width: 8px;*/
  /*height: 8px;*/
  /*background-color: #2D66A5;*/
/*}*/

.mainbox .md .mdhd #ccc {
  box-sizing: border-box;
}

.mainbox .md .mdhd #ccc {
  /*width: 907px;*/
  /*height: 688px;*/
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse:collapse;
  border-spacing:0;
  margin-left: 77px;
  border-collapse: collapse ;

}

.mainbox .md .mdhd #ccc tr {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}

.mainbox .md .mdhd #ccc tr th {
  height: 55px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #f5f7f9;
  border:1px solid #d9dadc ;
  vertical-align: middle;!important;
  font-size: 14px;
}


.mainbox .md .mdhd #ccc tr th:first-child {
  width: 195px;
}

.mainbox .md .mdhd #ccc tr th:nth-child(2) {
  width: 275px;
}

.mainbox .md .mdhd #ccc th:nth-child(3) {
  width: 290px;
}

.mainbox .md .mdhd #ccc tr th:last-child {
  width: 135px;
}
.mainbox .md .mdhd #ccc tr{
  height: 55px;
}
.mainbox .md .mdhd #ccc tbody tr td {
  height: 55px;
  word-wrap: break-word;
  padding: 0 10px;
  box-sizing: border-box;
  border:1px solid #d9dadc ;
  vert-align: middle;
  font-size: 14px;
}

.mainbox .md .mdhd .content #ccc tr td:first-child {
  color: #333333;
}
.mainbox .md .mdhd .content #ccc tr td:first-child a{
  color: #1976D2;
}
.mainbox .md .mdhd .content #ccc tr td:nth-child(3) {
  color: #333333;
}

.mainbox .md .mdhd .content #ccc tr td:last-child {
  color: #333333;
}

.mainbox .md .mdhd #ccc tr td a {
  text-decoration: none;
}





.mainbox .md .mdhd #ddd {
  margin-left: 77px;
  box-sizing: border-box;
}

.mainbox .md .mdhd #ddd {
  /*width: 907px;*/
  /*height: 344px;*/
  box-sizing: border-box;
  table-layout: fixed;
  /*border-right: 1px solid #D9DADC;*/
  border-collapse:collapse;
  border-spacing:0;
}

.mainbox .md .mdhd #ddd tr {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}

.mainbox .md .mdhd #ddd tr th {
  height: 55px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #f5f7f9;
  border: 1px solid  #d9dadc;
  font-size: 14px;
}

.mainbox .md .mdhd #ddd tr th:first-child {
  width: 195px;
}

.mainbox .md .mdhd #ddd tr th:nth-child(2) {
  width: 275px;
}

.mainbox .md .mdhd #ddd tr th:nth-child(3) {
  width: 290px;
}

.mainbox .md .mdhd #ddd tr th:last-child {
  width: 135px;
}
.mainbox .md .mdhd #ddd table tr{
  height: 55px;
}

.mainbox .md .mdhd #ddd tbody tr td {
  height: 55px;
  word-wrap: break-word;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid  #d9dadc;
  font-size: 14px;

}

.mainbox .md .mdhd #ddd tr td:first-child {
  color: #333333;
}
.mainbox .md .mdhd #ddd tr td:first-child a{
  color: #1976D2;
}

.mainbox .md .mdhd #ddd tr td:nth-child(2) {
  color: #1976D2;
}

.mainbox .md .mdhd #ddd tr td:nth-child(3) {
  color: #333333;
}

.mainbox .md .mdhd #ddd tr td:last-child {
  color: #333333;
}

.mainbox .md .mdhd #ddd tr td a {
  text-decoration: none;
}

.mainbox .md .mdhd #eee  {
  margin-left: 77px;
  /*width: 896px;*/
}
.mainbox .md .mdhd #eee  th{
  display: none;
}
.mainbox .md .mdhd #eee tr {
  position: relative;
  cursor: pointer;
}
.mainbox .md .mdhd #eee tr td{
  border: 0;
  padding: 0px;
}
.mainbox .md .mdhd #eee tr:hover td{
  color: #1976D2!important;

}
.mainbox .md .mdhd #eee tr:hover td a{
  color: #1976D2!important;

}
.mainbox .md .mdhd #eee tr td a{
  color: #363636;
}

/*.mainbox .md .mdhd .content .publicity  table tr:hover td{*/
/*color: #1976D2;*/
/*}*/
.mainbox .md .mdhd  #eee tr td:first-child{
  position: relative;
  padding-left: 21px;
  padding-bottom: 27px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #363636;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainbox .md .mdhd #eee tr td:first-child::before{
  position: absolute;
  top: 10px;
  left: 0;
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #2D66A5;
}

.mainbox .md .mdhd #eee tr td:last-child{
  padding-left: 21px;
  padding-bottom: 27px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*.mainbox .md .mdhd .content .publicity table tr::before {*/
/*}*/
.mainbox .md .mdhd #eee tr td:first-child a{
  display: block;
  width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  font-size: 18px;
}
.bootstrap-table{
  border: none;
}
.bootstrap-table th,.bootstrap-table .td{
  border: none;
  padding: 10px 0;
}