/*
* date 2020.3.13
*/
/*reset*/
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label,span{
    margin: 0;
    padding: 0;
}
article, aside, footer, header, hgroup, main, nav, section, audio, canvas, video {
    display: block;
}
    /*调整页面文本大小，-webkit-text-size-adjust: none 时，可以调整字体大小小于12px;
    auto值时，如字体大小小于12px，都会以12px显示;
    百分比时，字体显示的大小;*/
body {
    font-family:"Microsoft YaHei";
    color: #333333;
}
h1, h2, h3, h4, h5, h6 { 
    font-size:100%;
    font-weight:normal;
}
textarea {
    resize: none;
}
iframe, img {
    border: 0;
}
a{
  outline:none;
  text-decoration: none;
  color: #828282!important;
}
ul {
    list-style: none;
}
    /*可以控制用户能不能选择页面中的文本，设置用户是否可以编辑元素内容*/
input, select, textarea {
    outline: 0;
    user-modify: read-write-plaintext-only;
}
/*更改按钮和其他控件的外观按照本地默认样式*/
/*input {
-webkit-appearance: none;
}*/
em {
    font-style: normal;
    font-weight: normal;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix{clear: both;}
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
table {
    border-collapse: collapse;font-size:12px;
}
.mr20{margin-right: 20px;}
.mt10{margin-top:10px;}

.back{background: #f7f7f7;position: relative;
    min-height: 93%;
    padding-bottom: 60px;}
/*距离*/
.pRe{ position:relative;}
.pAb{ position:absolute;}
.fl{float: left;}
.fr{float: right;}
/*字体*/
.font14{ font-size: 14px;}
.textC{ text-align: center;}
.textR{ text-align: right;}
.textL{ text-align: left!important;}
.font1{ font-size:2.2em;}
.font2{ font-size:3em;}

.w45{width:49%;}
.logo img{
  width: 100%;
}
.wrapper{width: 1000px;margin:0 auto;padding-top:25px;}
.wrapper .left-box{float: left; width: 380px;}
.wrapper .left-box h1{border-bottom: 1px solid #e5e5e5;padding: 10px 0;background: url(../images/hot.png) no-repeat left center;
padding-left: 20px;}
.wrapper .left-box ul{padding: 10px 0;}
.wrapper .left-box ul li{height:32px;line-height:32px;background: url(../images/dian.png) no-repeat left center;padding-left: 15px;max-width: 365px;
    overflow: hidden;
    text-overflow: ellipsis;
    }
.wrapper .left-box ul li.hot a{color: #fda307;}
.wrapper .left-box ul li:hover a{color: #6bc6f5;}
.wrapper .right-box{float: right; width:540px;}
.wrapper .right-box .input-text{height: 46px; font-family: Arial, Helvetica, sans-serif;background: url(../images/input-b.png);margin-top:10px;}
.wrapper .right-box .input-text span{float: left; width: 210px;height: 46px;line-height: 46px; text-align: center; font-size: 18px;font-weight: bold;
color: #fff;}
.wrapper .right-box .input-text input{height:42px; line-height:42px;margin-top:2px; width:53%;border:0;padding: 0 14px;}
.wrapper .right-box .input-back2{background-position: 0px -45px;}
.wrapper .right-box .input-back3{background-position: 0px -90px;}
.wrapper .right-box .input-back4{background-position: 0px -136px;}
.wrapper .right-box .input-back5{background-position: 0px -182px;}
.wrapper .right-box .search{padding:20px 0 10px;}
.wrapper .right-box .search .btn01{width: 165px;height: 70px;line-height: 70px; text-align: center;line-height: 70px;
color: #fff;font-size: 36px;font-weight: bold;border:0;background: url(../images/input06.png) no-repeat;cursor:pointer;}
.wrapper .right-box .search .btn02{width:365px;height: 70px;line-height: 70px; text-align: center;line-height: 70px;
  color: #fff;font-size: 36px;font-weight: bold;border:0;background: url(../images/input07.png) no-repeat;cursor:pointer;}
  input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#e4e4e4;font-size:12px;}
  input:-moz-placeholder,textarea:-moz-placeholder{color:#e4e4e4; font-size:12px;}
  input::-moz-placeholder,textarea::-moz-placeholder{color:#e4e4e4;font-size:12px;}
  input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#e4e4e4;font-size:12px;}


/* page */
.contont{background: #fff;padding: 20px 20px;}
.contont h1{color: #0f9dd8;font-size: 12px;line-height: 30px; font-weight: bold;margin-bottom:15px;}
.contont h1 span{float: left;margin-top:6px;margin-right: 10px; width:9px;height:19px; background:#1b6eb8;}
.contont .table-list{width: 100%;}
.contont .table-list th{background: #e1f2ff;color: #555;font-weight: bold;padding:10px 5px;}
.contont .table-list td{padding: 10px 5px;border-bottom: 1px solid #eee; text-align: center;}
.contont .table-list tr:hover{background: #dddbdb;}
#page{margin:10px auto;}
.pagingUl {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 30px;
}

.pagingUl li {
  float: left;
  width: 30px;
  height: 30px;
  background: #fff;
  text-align: center;
  margin-right: 5px;
  border-radius: 5px
}

.pagingUl li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: #666;
  font-size: 12px;
  border-radius: 5px;
  border:1px solid #dcdcdc;
}


.prv {
  margin-right:3px;
}

.first,
.last {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  /*border: 1px solid #ddd;*/
  cursor: pointer;
  background: #fff;
  padding: 0 5px;
  border-radius: 5px;
  margin-right:3px;
  border:1px solid #dcdcdc;
}
.last{margin-left:3px;}
.prv:hover,
.next:hover,
.first:hover,
.last:hover,
.pagingUl li a:hover,
.activP {
  background-color: #1e88e5!important;
  color: #fff!important;
}
/* pop */
.details_table{width:100%;margin:0;line-height:40px;border-bottom:1px solid #eeeeee;}
.details_table th,.details_content h1{background-color:#dddbdb;color:#396aa8;font-size:15px;text-align:center;border: solid 1px #bfbfbf;}
.details_table td,.details_content p{color:#555555;font-size:12px;}
.details_table td{color:#828282;font-size:12px;line-height:20px;padding:5px 0;border: solid 1px #bfbfbf;text-align: center;}
.high_line td{line-height: 25px!important;}
.details_content{width:88%;margin:20px auto 0;padding:15px;}
.details_content p{line-height:26px;}
.details_error{width:90%;margin:10px auto;}
.details_error a{float:right;color:#eca222;font-size:12px;text-decoration:none;}
.l_body{width:90%;height:60%;margin:10px 20px;border:1px solid #d2d2d2;overflow-y: hidden;}
.l_title{color:#b4b4b4;font-size:12px;text-indent:1.2rem;}
@media screen and (max-width:1920px) {
  body, input, select, a { font-size:12px;}
  
}
@media screen and (max-width:1440px) {
  body, input, select, a { font-size:12px;}
  
}
@media screen and (max-width:1366px) {
  body, input, select, a { font-size:12px;}
  
}
@media screen and (max-width:1280px) {
  body, input, select, a { font-size:12px;}
  
}
.table-list > tbody > .even{
    /*background: rgb(248, 248, 248);*/
}
.table-list tbody tr .odd{
    /*background:rgba(255,255,255,1);*/
}
.table-list > .dataTables_info{
    display: none;
}
.paginate_button.previous a{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    background: #fff;
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
}
.paginate_button.next a{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    background: #fff;
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
}
.logo img{
  width: 100%;
}
.main-body{
  background: url("../images/background.png") repeat-x;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  margin-top: -200px;
}
.footer{width: 100%; height: 64px;line-height: 64px;color: #a5bdc8;text-align: center;}
.primary_navigation_bar{
  margin-top: 190px;
  width: 80%;
  margin-left: 10%;
  padding-top: 25px;
  text-align: center;
}

.primary_navigation_bar input{
  width: 90%;
}
.primary_navigation_bar div{
  width: 20%;
  float: left;
}
.secondary_navigation_bar{
  width: 60%;
  margin-left: 20%;
  padding-top: 20px;
  text-align: center;
  font-size: 17px;
  color: #bfbfbf;
}

.secondary_navigation_grid{
  width: 33%;float: left;
}
.table_div{
  background: white;
  width: 80%;
  height: 70%;
  margin-left: 10%;
  margin-top: 7%;
}
input{ outline:none;border: 0 }
input:focus{ outline:none; }

.secondary_navigation_line{
  background-color: #bfbfbf;
  height: 8px;
  width: 80%;
  margin: 10px auto;
}


div .dataTables_info{
  display: block!important;
  float: left;
}

.dataTables_empty{
  height: 380px;
  line-height: 380px!important;
  font-size: 50px!important;
}
.affirmBureau{
  width: 18% !important;
}
.cardNo .shipRegistrationNo .adminCounterpartCode {
  width: 18%!important;
}

.repairTime .publicTime .dishonestDate .affirmTime .expiryDate{
  width: 11% !important;
}
.shipName .shipRegistrationNo .companyName{
  width: 12% !important;
}

table.dataTable.table-condensed thead > tr > th {
  padding-right: 0!important;
}
.zeroModal_table_head{
  width: 30%;
  background-color: #dddbdb;
  color: #396aa8!important;
  font-family: "Microsoft YaHei"!important;
  font-size:15Px!important;
  font-weight: 600;
}
.detail_line{
  height: 3px;
  background-color: #777777;
  width: 90%;
  margin: 0 auto;
}