/* 需要动态处理的css */
  
  /* 720分辨率（大于480px，小于767px） */
  @media screen and (max-width: 767px) {
  
    .container-top {
        margin-top: 60px;
    }
    .brand-title {
        font-size: 28px;
        color: #000000;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 10px;
        
    }
    .fill-height {
        height: 10px;
    }
    .footer-adaptive {
        padding-top:10px;
      }

      .phone-item-image {
          width: 100%;
        /* width: 28.75rem; */
        /* height: 21.5rem; */
        margin: auto;
        transition: all 0.6s;
    }
    .phone-item-image:hover {
      transform: scale(1.1);
    }
   
  
  }
  /* 880分辨率（大于768px，小于959px） */
  @media screen and (min-width: 768px) and (max-width: 959px) {
    .phone-item-image {
      width: 100%;
      height: 100%;
      transition: all 0.6s;
    }
    .phone-item-image:hover {
      transform: scale(1.1);
    }
    
    .container-top {
        margin-top: 9.17rem;
    }
    .brand-title {
        font-size: 3.17rem;
        color: #000000;
    }
    .fill-height {
        height: 80px;
    }
    .footer-adaptive {
        padding-top: 60px;
      }
  }
  
  /* 1100分辨率（大于960px，小于1199px） */
  @media screen and (min-width: 960px) and (max-width: 1199px) {
    .phone-item-image {
        width: 100%;
        height: 100%;
        transition: all 0.6s;
      }
      .phone-item-image:hover {
        transform: scale(1.1);
      }
    .container-top {
        margin-top: 9.17rem;
    }
    .brand-title {
        font-size: 3.17rem;
        color: #000000;
    }
    .fill-height {
        height: 80px;
    }
    .footer-adaptive {
        padding-top: 60px;
      }
  }
  /* 超大屏 */
  @media screen and (min-width: 1200px) {
    .phone-item-image {
        width: 100%;
        height: 100%;
        transition: all 0.6s;
      }
      .phone-item-image:hover {
        transform: scale(1.1);
      }
  
    .container-top {
        margin-top: 9.17rem;
    }
    .brand-title {
        font-size: 3.17rem;
        color: #000000;
    }
    .fill-height {
        height: 80px;
    }

    .footer-adaptive {
        padding-top: 60px;
      }
 
  }

  .phone-item {
    /* width: 28.75rem;
    height: 21.5rem; */
    width: 100%;
    /* margin: auto; */
      position: relative;
   
      overflow: hidden;
  }


  .phone-item-title {
     font-size: 28px;
      color: #FFFFFF;  
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); 

      font-family: "PingFangSC-Semibold";

letter-spacing: 2.49px;
text-align: center;
line-height: 40px;
text-shadow: 0 2px 4px rgba(0,0,0,0.40);
  }

  .pc-container {
      /* width:90%; */
      margin: auto;
      text-align: center;
  }
  .brand-view-title {
    padding: 0 7.83rem;
    margin-top: 5rem;
    margin-bottom: 2.92rem;
  }

  .pc-item {
    display: inline-block;
    width: 34.83rem;
    height: 66.67rem;
    position: relative;
    overflow: hidden;
  }
  .pc-item #pc-item-title {
    
    position: absolute;
    bottom: 3.33rem;
    left: 3.33rem;
    background: rgba(255,255,255,0.80);
    border-radius: 32px 33px 33px 33px;
  
    width: 15rem;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
    font-family: "PingFangSC-Semibold";
font-size: 1.92rem;
color: #000000;
letter-spacing: 0;
  }