/* 通用样式 */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td , a, div, span, i{  margin:0;   padding:0;   box-sizing: border-box;}body, button, input, select, textarea{  font:16px/1.5 "Microsoft YaHei", arial, \5b8b\4f53;}h1, h2, h3, h4, h5, h6{  font-size:100%;   font-weight: lighter;}address, cite, dfn, em, var {   font-style:normal; }code, kbd, pre, samp {   font-family:courier new, courier, monospace; }small {   font-size:12px; }ul, ol {   list-style:none; }a, a:hover {   outline: none;  text-decoration:none; }sup {     vertical-align:text-top; }sub {     vertical-align:text-bottom; }legend {   color:#000; }fieldset, img {   border:0;   max-width: 100%;  vertical-align: middle;}button, input, select, textarea {   font-size:100%;   border: none;   outline: none;}button, input {  background: none;}button {  cursor: pointer;}table {   border-collapse:collapse;   border-spacing:0; }.fl{   float: left;}.fr{   float: right;}.clear{   content: "";   clear: both;   zoom: 1;}.clearfix{    zoom: 1;}.clearfix:after{  display: block;  content: "";  clear: both}.clearfix:before{  display: table;  content: "";}
.footer .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;  /* 减小最大宽度，使整体更窄 */
    margin: 0 auto;
    padding: 20px 15px;
  }
  
  .footer .copy {
    text-align: center;
  }
  
  .footer .qrcode {
    text-align: center;
  }
  
  .footer .qrcode img {
    width: 120px;
    height: 120px;
    margin-bottom: 8px;
  }
  
  .footer .qrcode p {
    color: white;
    font-size: 14px;
  }
  
  @media (max-width: 768px) {
    .footer .container {
      flex-direction: column;
      max-width: 90%;
    }
    
    .footer .copy {
      text-align: center;
      margin-bottom: 20px;
    }
    
    .footer .qrcode {
      margin-top: 20px;
    }
  }