@font-face {
       font-family: "Noto Sans TC ";
       src: url(../../css/font/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2');
       cache: local;
   }

   * {
       font-family: "Noto Sans TC ";
   }

   body {
       line-height: 26px;
       color: #333333;
       margin: 0;
   }

   .container {
       max-width: 1000px;
       padding: 15px;
       margin: 0 auto;
   }

   h1 {
       font-size: 20px;
       text-align: left;
       font-weight: bold;
       margin: 20px 0;
   }

   h2 {
       font-size: 18px;
       font-weight: bold;
       margin: 18px 0 10px;
   }

   h3 {
       font-size: 16px;
       font-weight: bold;
       margin: 15px 0 8px;
   }

   h4 {
       font-size: 15px;
       font-weight: bold;
       margin: 12px 0 6px;
   }

   .cg-h4 {
       text-align: center;
   }

   p {
       margin: 8px 0;
       font-size: 16px;
       line-height: 1.8;
       text-align: justify;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       text-indent: 32px;
   }

   ul,
   ol {
       margin: 8px 0 8px 25px;
       font-size: 16px;
       line-height: 1.8;
       text-align: justify;
       display: -webkit-box;
       -webkit-box-orient: vertical;
   }

   li {
       margin: 4px 0;
   }

   .img-placeholder {
       width: 100%;
       margin: 10px 0;
       display: flex;
       align-items: center;
       justify-content: center;
       overflow: auto;
   }

   .title-flex {
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .back-img {
       width: 30px;
       margin-right: 18px;
       cursor: pointer;
   }

   .img-placeholder img {
       width: 100%;
       max-width: 700px;
   }

   .img-caption {
       text-align: center;
       font-size: 12px;
       margin: 5px 0 15px;
   }

   strong {
       font-weight: bold;
   }

   .highlight {
       margin: 10px 0;
       padding: 8px;
       background-color: #f5f5f5;
   }

   .table-container {
       display: flex;
       gap: 20px;
       justify-content: center;
       margin: 10px 0;
   }

   #share {
       cursor: pointer;
       /* margin: 25px 0; */
       justify-content: center;
       align-items: center;
   }

   .details-share {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 35px;
       white-space: nowrap;
   }


   .details-share>div {
       color: #595858;
       font-size: 16px;
   }

   .flex_algin-cen {
       align-items: center;
   }

   .dis-flex {
       display: flex;
   }

   .shareItem {
       width: 28px;
       height: 28px;
       text-indent: 0;
   }

   .shareItem img {
       width: 100%;
       height: 100%;
       margin: auto;
   }


   .popup {
       padding: 35px 35px 20px 35px;
       background: #fff;
       box-shadow: 3px 5px 11px #ccc;
       width: max-content;
       border-radius: 21px;
       position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       display: none;
   }

   .close {
       text-align: right;
       margin-top: -33px;
       margin-right: -26px;
       cursor: pointer;
   }

   .close img {
       width: 20px;
       height: 20px;
       padding: 5px 6px;
   }

   .scanCode {
       margin-top: 14px;
       font-size: 16px;
       text-align: center;
       color: #828080;
   }

   .footer-container {
       background-color: rgba(216, 30, 6, 1);
       width: 100%;
       color: #fff;
       display: flex;
       align-items: center;
       justify-content: space-evenly;
       padding: 20px 0;
   }

   .footer-container p {
       margin: 2px 0;
       text-indent: 0;
   }

   .footer-container-left {
       padding: 20px 3px;
       display: flex;
       gap: 70px;
   }

   .footer-flex {
       display: flex;
       flex-direction: column;
   }

   .footer-info-box {
       display: flex;
       flex-direction: row;
       gap: 35px;
   }

   .footer-info-item {
       background-image: url(../Zhongfang/images/tel_bg.svg);
       background-repeat: no-repeat;
       background-size: 20px 20px;
       background-position: left center;
       padding-left: 35px;
   }

   .footer-container-right {
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .footer-container-right img {
       max-width: 96px;
   }

   .footer-info-title {
       font-weight: bold;
   }

   /* 底部 */

   .blurb {
       margin: 8px 0;
       font-size: 16px;
       line-height: 1.8;
       text-align: justify;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       text-indent: 32px;
   }

   .details-logo {
       width: 280px;
       margin: 0 auto;
       text-align: center;
   }

   .details-logo img {
       width: 100%;
   }

   .tab-nav {
       width: 60%;
       margin: 40px auto 25px auto;
       height: 40px;
       line-height: 40px;
       align-items: center;
       text-align: center;
       color: rgba(216, 30, 6, 1);
       border-radius: 6px;
       border: 1.5px solid rgba(216, 30, 6, 1);
       font-size: 14px;
       cursor: pointer;
   }

   .tab-nav-item {
       flex: 1;
   }

   .tab-nav-item:nth-child(2) {
       border-left: 1.5px solid rgba(216, 30, 6, 1);
       /* border-right: 1.5px solid rgba(216, 30, 6, 1); */
   }

   .tab-active {
       background-color: rgba(216, 30, 6, 1);
       color: #fff;
   }

   .tab-item {
       display: none;
   }

   #al {
       display: block;
   }

   /* ============ 移动端适配 (768px以下) ============ */
   @media screen and (max-width: 768px) {
       .tab-nav {
           width: 100%;
       }

       .footer-container {
           background-color: rgba(216, 30, 6, 1);
           width: 100%;
           color: #fff;
           display: flex;
           align-items: center;
           justify-content:space-between;
           padding: 0;
       }

       .footer-container p {
           margin: 2px 0;
           text-indent: 0;
           font-size: 13px;
       }

       .footer-container-left {
           padding: 20px 3px;
           flex-direction: column;
           gap: 8px;
       }

       .footer-container-right {
           display: flex;
           flex-direction: column;
           align-items: center;
           text-align: center;
           gap: 8px;
           margin-right: 30px;
       }

       .footer-container-right img {
           max-width: 95px;
       }

       .footer-info-title {
           font-weight: bold;
           white-space: nowrap;
           font-size: 13px;
           text-indent: 15px;
       }

       .footer-info-box {
           gap: 0;
           flex-direction: column;
       }

       .details-share div:first-child {
           max-width: 100%;
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
       }

       #share {
           display: none;
       }

       .details-share {
           gap: 15px;
       }

       .footer-info-item {
           margin-left: 15px;
       }

   }

   @media screen and (max-width: 480px) {
       .tab-nav {
           width: 100%;
       }

       .footer {
           gap: 10px;
           font-size: 13px;
           align-items: center;
           justify-content: space-evenly;
       }

       .contact-item {
           max-width: 120px;
           background-size: 20px 20px;
           padding-left: 10px;
           line-height: 1.6;
       }

       .code-img img {
           width: 60px;
           height: 60px;
       }

       .line {
           height: 70px;
       }
   }