body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
  }
  html,
  body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    list-style: none;
  }
  *:before,
  *:after {
    box-sizing: border-box;
  }
  
  a {
    color: #333333;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
  }
  header,content{
      width: 100%;
      height: auto;
  }
  content{
      flex:1;
      width: 100%;
  }
  header{
      height: 90px;
      flex-shrink: 0;
  }
  .header{
      width: 100%;
      height: 90px;
      background: #f8f8f8;
      position: fixed;
      top:0;
      left: 0;
  }
  .header>div{
      background: #f8f8f8;
      height: 90px;
      max-width: 950px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .header>div>img{
      width: 162px;
      height: 50px;
  }
  .header>div>ul{
      display: flex;
  }
  .header>div>ul li{
      margin-left: 50px;
  }
  .active{
      color:#5574a2;
  }
  
  content>div{
      width: 100%;
  }
  content>div>img{
      width: 100%;
      display: block;
  }
  
  .seek{
      display: none;
      flex:1;
      width: 100%;
  }
  .seek>div{
      max-width: 1200px;
      margin: 0 auto;
  }
  .seek>div>h2{
      text-align: center;
      color:rgb(166, 168, 173);
      font-size: 30px;
      font-weight: 500;
  }
  .seek>div>ul{
      width: 950px;
      margin: 0 auto;
      border:1px solid #ddd;
      padding:10px 15px;
      margin-bottom: 50px;
  }
  .seek>div>ul>li{
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top:1px solid #ddd;
      cursor: pointer;
  }
  .seek li>p{
      width: 220px;
  }
  .seek>div>ul>li:hover{
      text-decoration:underline;
  }
  .seek>div>ul>li:nth-child(1){
      border-top:0px;
  }
  .seek .payRead{
      color:#e23435;
  }
  .fontLogo{
      position: relative;
  }
  .fontLogo>img{
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate3d(-50%,-50%,0);
      width: 40px;
      height: 40px;
      display: none;
  }
  .qrcode{
      display: none;
      flex:1;
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      padding:30px 0;
  }
  .qrcode>div{
      max-width: 1200px;
      margin: 0 auto;
      text-align: center;
  }
  .payTitle{
      font-size: 25px;
      color:#333;
  }
  .payMoney{
      font-size: 25px;
      color:#e23435;
      position: relative;
  }
  .payMoney:after{
      content:'';
      display:block;
      width: 100%;
      height: 1px;
      position: absolute;
      left:0;
      bottom: -11px;
      background: #c3c4c5;
  }
  .qrcode>div p{
      font-size: 20px;
  }
  
  
  footer{
      flex-shrink: 0;
  }
  .footer_wrapper{
      width:100%;
      background-image:url('../images/footer_bg.png');
      background-position:top center;
      background-repeat:no-repeat;
      background-color:#606877;
      height:580px;
  }
  .footer{
      padding-top: 150px;
      max-width: 800px;
      margin: 0 auto;
  }
  
  .footer .c_info{
      color:#fff;
      padding:10px 0px;
      margin:0px;
  }
  .footer .c_info p{
      padding:4px 0px;
      margin:0;
  }
  
  
  .footer .e_info{
      color:#989ea7;
      padding:0px;
      padding-bottom:16px;
      margin:0px;
  }
  .footer .e_info p{
      padding:4px 0px;
      margin:0;
  }
  .dingyue{
      width:130px;
      text-align:center;
      padding:0px;
      margin:0px;
      color:#fff;
  }
  
  
  .copyright{
      height:70px;
      line-height:70px;
      text-align:center;
      background-color:#787f8c;
      font-size:15px;
      color:#d9d9d9;
  }