/* 手机端 */
@media screen and (max-width: 992px) {
  .app {
    margin: 2.13rem 0 0 0;
  }
  .banner {
    height: 5rem;
    position: relative;
  }
  .banner img {
    width: 100%;
    height: 5rem;
  }
  .banner .title {
    font-size: 0.8rem;
    font-weight: Bold;
    left: calc(1.82rem * 0.8);
    top: calc(2.4rem * 0.8);
    color: #ffffff;
    position: absolute;
  }
  .banner .subtitle {
    color: #ffffff;
    position: absolute;
    left: calc(1.82rem * 0.8);
    top: calc(3.8rem * 0.8);
    font-size: 0.6rem;
  }
  .tabs_box {
    display: none;
  }
  .table {
    display: none;
  }
  .phone_table .item {
    border: 1px solid #EBEBEB;
    margin: 0.3rem 0.5rem;
    font-size: 0.4rem;
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
  }
  .phone_table .item .li {
    height: 1rem;
    display: flex;
    align-items: center;
  }
  .phone_table .item .con .tit {
    font-size: 0.4rem;
    font-weight: bold;
  }
}
/* PC端 */
@media screen and (min-width: 992px) {
  .app {
    /*margin: calc(0.52rem * 0.8) 0 0 0;*/
    margin: 134px 0 0 0;
  }
  .banner {
    height: calc(4.24rem * 0.8);
    position: relative;
  }
  .banner img {
    width: 100%;
    height: calc(4.24rem * 0.8);
  }
  .banner .title {
    font-weight: Bold;
    font-size: 0.31rem;
    color: #ffffff;
    position: absolute;
    top: calc(1.8rem * 0.8);
    left: calc(1.76rem * 0.8);
  }
  .banner .subtitle {
    font-size: 0.14rem;
    color: #ffffff;
    position: absolute;
    top: calc(2.3rem * 0.8);
    left: calc(1.76rem * 0.8);
  }
  .tabs_box {
    display: flex;
    width: 70%;
    height: calc(0.36rem * 0.8);
    margin: 0 auto;
    font-size: 0.1rem;
    align-items: center;
    justify-content: flex-end;
  }
  .tabs_box .router {
    display: flex;
    align-items: center;
    color: #555555;
  }
  .tabs_box .router img {
    margin-right: 0.05rem;
  }
  .table {
    border: 1px solid #EBEBEB;
    width: 70%;
    margin: 30px auto 0;
    font-size: 0.1rem;
  }
  .table .tr {
    display: flex;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
  }
  .table .tr .th {
    height: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #006EB4;
    font-size: 0.1rem;
    color: #ffffff;
    /*border: 1px solid red;*/
  }
  .table .tr .ang {
    width: 0.5rem;
    height: 0.3rem;
  }
  .table .tr .td {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.5rem;
  }
  .table .tr .title_title {
    flex: 1;
  }
  .table .tr .title_num {
    /*width: 0.8rem;*/
    width: 1rem;
  }
  .table .tr .title_require {
    /*width: 1rem;*/
    width: 1.2rem;
  }
  .table .tr .title_place {
    /*width: 1rem;*/
    width: 1.2rem;
  }
  .table .tr .title_jingyan{
      /*border: 1px solid red;*/
      /*width: 0.5rem;*/
      width: 0.7rem;
  }
  .table .tr .title_yingpin{
    /*border: 1px solid red;*/
    /*width: 1.5rem;*/
    width: 1.7rem;
  }
  .table .tr .title_change {
    width: 0.5rem;
  }
  .table .tr .title {
    color: #006EB4;
    font-weight: Bold;
    flex: 1;
  }
  .table .tr .num {
    width: 0.8rem;
    color: #212121;
    width: 1rem;
  }
  .table .tr .require {
    color: #212121;
    /*width: 1rem;*/
    width: 1.2rem;
  }
  .table .tr .place {
    color: #212121;
    /*width: 1rem;*/
    width: 1.2rem;
  }
  .table .tr .jingyan {
      /*border: 1px solid red;*/
    color: #212121;
    /*width: 0.5rem;*/
    width: 0.7rem;
  }
  .table .tr .yingpin {
    /*border: 1px solid  red;*/
    color: #212121;
    display: flex;
    flex-direction: column;
    /*width: 1.5rem;*/
    width: 1.7rem;
  }
  .table .tr .change {
    color: #212121;
    width: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.5rem;
  }
  .table .tr .td{
      /*border: 1px solid red;*/
  }
  .table .tr .below {
    display: none;
  }
  .table .contents {
    margin: 0.1rem 0.35rem;
    color: #212121;
  }
  .table .contents .con {
    margin: 0.1rem auto;
  }
  .table .contents .con .tit {
    height: 0.2rem;
    display: flex;
    align-items: center;
  }
  .table .contents .con .li {
    height: 0.15rem;
    display: flex;
    align-items: center;
  }
  .table .contents .con:nth-child(2) {
    margin: 0.1rem auto 0.3rem;
  }
  .table .panel_contents {
    display: none;
  }
  .hr_box{
      /*border: 1px solid red;*/
    width: 70%;
    margin: 20px auto 50px;
  }
  .hr_box .li{
      font-size: 15px;
      margin: 5px 0 0 0;
  }
  .hr_box .li .title{
      /*border: 1px solid red;*/
      display: inline-block;
      width: 80px;
      font-weight: bold;
  }
  .hr_box .li .subtitle{
      
  }
  .phone_table {
    display: none;
  }
}
