*{
    margin:0px;
    padding:0px;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f5f5f5;
    font-family: 微软雅黑;
}
/*需要统一的样式*/
li{
    list-style: none;
}
a{
    text-indent: 1em;
    text-decoration: none;
  }
 .Search:hover{
      background-color: #67c7e4;
      cursor: pointer;
  }
.color{
 background-color:red;
}
  a:link{
      color: #000;
      /*text-decoration:none;/用于去除下划线/*/
  }
  a:active{
      color:#a1171c ;
  }

  a:hover{
      color: #c81e24;
      cursor: pointer;
  }


/*IE开始*/
/*导航栏*/
  .nav{
      width: 100%;
      height:10%;
      background: #14b0f9;
      /*position: relative;*/
  }
  /*.nav  .company{*/
      /*width: 10%;*/
      /*position: absolute;*/
      /*left: 15%;top:2%;*/
  /*}*/

  /*订单提交*/
  .order{
      width: 90%;
      height: 10%;
      font-weight: 600;
      position: relative;left:16%;top:2%;
  }

  .order h4{
      margin-top:10px;
      font-weight: 500;
  }
  /*订单查询框*/
  .content #orderCode{
      height: 40px;

  }
  /*.content .Search{*/
      /*background: #70d9f8;*/
      /*width: 12%;*/
      /*height: 40px;*/
      /*font-size: 18px;*/
      /*border: 0px;*/
      /*color:#fff;*/
      /*position: absolute;left:43%;top:30%;*/
  /*}*/
    /*table表格*/
  .orderTable{
      /*display: none;*/
      width: 98%;
      height: auto;
      margin-top: 20px;
      /*overflow: scroll;*/
      font-size:16px;
      position: absolute;left:1%;top:45%;
  }
  .orderTable span{
      color:red;
      font-size:16px;
  }
  tbody {
      text-align: center;
      /*margin-left: 80%;*/
      /*font-size: 18px;*/
  }
  .complaint{position: relative;left: 68%;top:65%;font-weight: 500;font-size: 14px;}
  /*新改的样式*/
  .navButton{
      position: relative;
      top: 30px;
  }
  .nav button:hover{
      background: #0f92cf;
  }
  .nav strong{
      margin-right: 10px;
  }
  .btn-primary {
      width: 150px;
      border-radius: 0px;
      background: #14b0f9;
      color: #fff;
      margin-left: 10px;
  }
  .navButton strong{
      font-size: 14px;
  }
  .navButton button{
      background: #ffffff;
  }
  .content{
      background: #ffffff;
  }
  .content .Search {
      height: 40px;
      font-size: 18px;
      background: #70d9f8;
      color: #fff;
      margin-top: 25px;
  }
  .nav a:active{
      color:#a1171c ;
  }
  #Result .noResult{
      position: absolute;left:42%;top:95%;
  }
/*IE结束*/
@media (min-width:1501px){
    .nav{
        width: 100%;
        height:10%;
        background: #14b0f9;
    }
    .nav  .company{
        width: 10%;
        position: absolute;top:2%;left: -25px;
    }
    /*订单提交*/
    h3,h4{
        margin-top: 30px;
        margin-bottom: 0;
    }

    /*内容部分*/
    .content{
        width: 62%;
        position: relative;
        margin-left: 17%;
        top: 6%;
        height: 55%;
        /*border:1px solid #eee;*/
    }
    /*订单查询框*/
    .content #orderCode{
        margin-top: 60px;
    }
    .content .Search {
        height: 40px;
        font-size: 18px;
        background: #ff771a;
        color: #fff;
        margin-top: 25px;
        margin-left: 38%;
    }
    /*table表格*/
    .orderTable{
        /*display: none;*/
        width: 98%;
        height: auto;
        margin-top: 140px;
        font-size:16px;
        position: absolute;left:1%;top:50%;
    }
    .orderTable span{
        color:red;
        font-size:16px;
    }
    .orderTable tbody tr td{
        text-align: center;
    }
    .orderTable tbody tr .StateRequst{
        text-align: left !important;
    }
    .center{
        text-align: center;
        /*margin-left: 80%;*/
        font-size: 18px;
    }
}
@media (max-width:1500px){
    .nav{
        width: 100%;
        height:10%;
        background: #14b0f9;
    }
    .nav  .company{
        width: 12%;
        position: absolute;top:2%;left: -25px;
    }
    /*订单提交*/
    h3,h4{
        margin-top: 30px;
        margin-bottom: 0;
    }

    /*内容部分*/
    .content{
        width: 70%;
        position: relative;
        margin-left: 17%;
        top: 6%;
        height: 55%;
        /*border:1px solid #eee;*/
    }
    /*订单查询框*/
    .content #orderCode{
        margin-top: 60px;
    }
    .content .Search {
        height: 40px;
        font-size: 18px;
        background: #ff771a;
        color: #fff;
        margin-top: 25px;
        margin-left: 38%;
    }
    /*table表格*/
    .orderTable{
        /*display: none;*/
        width: 98%;
        height: auto;
        margin-top: 140px;
        font-size:16px;
        position: absolute;left:1%;top:50%;
    }
    .orderTable span{
        color:red;
        font-size:16px;
    }
    .orderTable tbody tr td{
        text-align: center;
    }
    .center{
        text-align: center;
        /*margin-left: 80%;*/
        font-size: 18px;
    }
}
@media (max-width:1200px){
    .nav{
        width: 100%;
        height:10%;
        background: #14b0f9;
    }
    .nav  .company{
        width: 12%;
        position: absolute;top:2%;left: -25px;
    }
    /*订单提交*/
    h3,h4{
        margin-top: 30px;
        margin-bottom: 0;
    }

    /*内容部分*/
    .content{
        width: 72%;
        position: relative;
        margin-left: 15%;
        top: 6%;
        height: 55%;
        /*border:1px solid #eee;*/
    }
    /*订单查询框*/
    .content #orderCode{
        margin-top: 60px;
    }
    .content .Search {
        height: 40px;
        font-size: 18px;
        background: #ff771a;
        color: #fff;
        margin-top: 25px;
        margin-left: 38%;
    }
    /*table表格*/
    .orderTable{
        /*display: none;*/
        width: 98%;
        height: auto;
        margin-top: 140px;
        font-size:16px;
        position: absolute;left:1%;top:50%;
    }
    .orderTable span{
        color:red;
        font-size:16px;
    }
    .orderTable tbody tr td{
        text-align: center;
    }
    .center{
        text-align: center;
        /*margin-left: 80%;*/
        font-size: 18px;
    }
    .nav .company {
        width: 15%;
        position: absolute;
        top: 2%;
        left: 40px;
    }
    h3, h4 {
        margin-left: 60px;
    }
}
@media (max-width:943px) {
    /*导航栏*/
    .nav{
        width: 100%;
        height:10%;
        background: #14b0f9;
    }
    .nav  .company{
        position: absolute;top:2%;left: -25px;
    }
/*订单提交*/
     h3{
        margin-top:20px;
        font-weight: 500;
         /*margin-left: 35px;*/
    }

/*内容部分*/
    .content{
        position: relative;
        top: 6%;
        height: 55%;
        /*border:1px solid #eee;*/
    }
/*订单查询框*/
.content #orderCode{
    margin-top: 60px;
}
    .content .Search {
        height: 40px;
        font-size: 18px;
        background: #ff771a;
        color: #fff;
        margin-top: 25px;
        margin-left: 38%;
    }
/*table表格*/
.orderTable{
    /*display: none;*/
    width: 98%;
    height: auto;
    margin-top: 140px;
    font-size:16px;
    position: absolute;left:1%;top:50%;
}
.orderTable span{
    color:red;
    font-size:16px;
}
.orderTable tbody tr td{
    text-align: center;
}
.center{
    text-align: center;
    /*margin-left: 80%;*/
    font-size: 18px;
}
}
  /*手机端*/
@media (max-width:768px) {
    /*导航栏*/
    .nav{
        width: 100%;
        height:10%;
        /*background: red;*/
        /*position: relative;*/
    }
    .nav .company{
        width: 30%;
        position: absolute;
        left: 1%;top:15px;
    }
    #orderCode{
        height: 30px;line-height: 30px; vertical-align:middle;
        font-size: 14px;
    }
    .nav ul .buy_record{
        position: relative;left:10%;
    }
    .nav ul .index {
        position: relative;
        left: 4%;
    }
    h3, h4 {
        margin-top: -5px;
        margin-bottom: -30px;
        margin-left: 5px;
        font-size: 18px;
    }
    /*内容部分*/
    .content{
        width: 100%;
        position: relative;
        top: 5%;
        height: 80%;
        background: #fff;
        margin-left: 0;
        /*border:1px solid #eee;*/
    }
    /*!*订单查询框*!*/
    .content #orderCode{
        height: 35px;
        margin-top: 30px;
    }
    /*按钮*/
    .content .Search{
        height: 30px;
        background: #ff771a;
        color: #fff;
        border: 0px;
        border-radius: 0;
        margin-left:25%;
    }
    /*table表格*/
    .orderTable{
        /*display: none;*/
        width: 98%;
        height: auto;
        overflow: scroll;
        position: absolute;left:1%;top:50%;
        font-size: 14px;
    }
    .orderTable span{
        color:red;
        font-size:16px;
    }
    td,tr{
        white-space: nowrap;
    }
    .complaint{position: relative;left: 28%;top:65%;font-weight: 500;font-size: 12px;}
    /*新样式*/
    .nav a,.lines {
        width: 100%;
        height: 100%;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        position: relative;
        left: 30%;
        top: 20px;
    }
    #Result .noResult {
        position: absolute;
        left: 40%;
        top: 78%;
    }
    .orderTable tbody tr .StateRequst{
        text-align: left !important;
    }
}