/* 手机端（竖屏为主，320px - 767px） */
@media (max-width: 767px) {
   .myaaa1{
       width:110px !important;
   }
   .myaaa2{
       margin-left: 70%;
   }
   .myaaa3{
     position: relative;
     left: -86px
   }
   .myaaa13{
       display: none;
   }
}

/* 平板端（横竖屏兼顾，768px - 1023px） */
@media (min-width: 768px) and (max-width: 1023px) {
  .myaaa1{
       width:110px !important;
   }
   .myaaa2{
       margin-left: 70%;
   }
   .myaaa3{
     position: relative;
     left: -86px
   }
   .myaaa13{
       display: none;
   }
   
}

/* 小型桌面端（1024px - 1279px） */
@media (min-width: 1024px) and (max-width: 1279px) {
  .myaaa4{
      width: 70px !important;
  }
  .myaaa5{
      margin-left: 100px;
  }
  .myaaa6{
      position: relative;
    left: -110px
  }
  .myaaa7{
      position: absolute;
    left: 33px !important;
  }
  .myaaa8{
      position: absolute;
    left: 67px !important;
  }
  .myaaa9{
      margin-left:104px;
  }
  .myaaa10{
      position: relative;
    left: -104px;
  }
  .myaaa11{
      margin-left:104px;
  }
  .myaaa12{
      position: relative;
    left: -104px;
  }
  .myaaa13{
       display: block;
   }
}

/* 标准桌面端（1280px - 1439px） */
@media (min-width: 1280px) and (max-width: 1439px) {
  .myaaa4{
      width: 70px !important;
  }
  .myaaa5{
      margin-left: 100px;
  }
   .myaaa6{
      position: relative;
    left: -110px
  }
   .myaaa7{
      position: absolute;
    left: 33px !important;
  }
  .myaaa8{
      position: absolute;
    left: 67px !important;
  }
   .myaaa9{
      margin-left:104px;
  }
  .myaaa10{
      position: relative;
    left: -104px;
  }
  .myaaa11{
      margin-left:104px;
  }
  .myaaa12{
      position: relative;
    left: -104px;
  }
  .myaaa13{
       display: block;
   }
}

/* 大桌面端与高分辨率（1440px 及以上） */
@media (min-width: 1440px) {
  .myaaa4{
      width: 70px !important;
  }
  .myaaa5{
      margin-left: 100px;
  }
   .myaaa6{
      position: relative;
    left: -110px
  }
   .myaaa7{
      position: absolute;
    left: 33px !important;
  }
  .myaaa8{
      position: absolute;
    left: 67px !important;
  }
  .myaaa9{
      margin-left:104px;
  }
  .myaaa10{
      position: relative;
    left: -104px;
  }
  .myaaa11{
      margin-left:104px;
  }
  .myaaa12{
      position: relative;
    left: -104px;
  }
  .myaaa13{
       display: block;
   }
}



/* 横屏设备特殊优化（适用于平板和手机横屏） */
@media (orientation: landscape) and (max-width: 1023px) {
  
}

/* 禁用滚动条（移动端优化） */
@media (hover: none) and (pointer: coarse) {
  ::-webkit-scrollbar {
    display: none;
  }
  -ms-overflow-style: none;
  scrollbar-width: none;
}