@media screen and (max-width: 700px) {
  header {
  height:80px;
      position: relative;
  }
  #starlist li a{padding:0 15px}
}
@media screen and (max-width: 1169px) {
  header {
      position: relative;
  }
  body{
      padding-top: 0;
  }
  .logo-section {
      width: 100%;
      padding: 0 3vw;
      box-sizing: border-box;
  }
  .logo {
      width: 100%;
  }
  .swiper-button-next, .swiper-button-prev{
      display: none;
  }
  .topnav {
      position: fixed;
      left: 0;
      top: 80px;
      height: calc(100vh - 80px);
      background: #000;
      box-shadow: 0 0 10px #000;
      z-index: 10;
      display: none;
  }
  nav, nav #starlist {
      width: 100%;
      height: auto;
  }
  #starlist li{
      clear: both;
      width: 100%;
      height: 36px;
      line-height: 36px;
      font-size: 16px;
      margin-right: 0;
      border-top: 5px solid #0f0f0f;
      border-bottom: 5px solid #0f0f0f;
  }
  #starlist li:first-child {
      border-top: none;
  }
  #starlist li:last-child {
      border-bottom: none;
  }
  #starlist li a {
      line-height: 36px;
  }
  #starlist li a.hover:before {
      display: none;
  }
  #starlist ul.sub li {
      border: none;
  }
  #starlist li.menu span {
      position: absolute;
      right: 0;
      top: 2px;
      width: 36px;
      height: 32px;
      border-left: 1px solid #999;
      background: transparent;
      z-index: 3;
  }
  .menu:after {
      z-index: 2;
      right: 12px;
      top: 18px
  }
  #starlist li:active{
      height: auto;
  }
  #starlist ul.sub{
      position: relative;
      top: 0;
      left: 0;
  }
  #starlist ul.sub li a:before, #starlist ul.sub li a:after{
      display: none;
  }
  #mnavh {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
  }
  .w117, .w1770,.banner{
      width: 100%;
      box-sizing: border-box;
  }
  .banner {
      height: 54vw;
  }
  .swiper-slide img {
      height: auto !important;
  }
  .bg1 .w117{
      padding: 20px 0;
  }
  .headline-box{
      width: 100%;
      margin-top: 30px;
  }
  .bg2 #tab{
      margin: 5px;
  }
  .match-list {
      background: transparent;
      padding: 0 2vw;
  }
  .match-list .match-line {
      padding-top: 0;
  }
  .match-list .match-line .match-link {
      padding-top: 20px;
  }
  .match-list .match-line .match-link .time, .match-list .match-line .match-link .match-game{
      position: absolute;
      top: 0;
      width: 50%;
      height: 20px;
      line-height: 20px;
  }
  .match-list .match-line .match-link .time {
      left: 0;
      text-align: right;
      padding-right: 10px;
  }
  .match-list .match-line .match-link .match-game {
      right: 0;
      text-align: left;
      padding-left: 10px;
      border: none;
  }
  .tuijian-news-pic {
      width: 100%;
  }
  .tuijian-news-list {
      width: 100%;
      margin-top: 20px;
  }
  .tuijian-news-list ul li {
      width: 100%;
  }
  .bg4 .gd-box {
      height: 40px;
      overflow: hidden;
      padding: 0 2vw;
  }
  #tab {
      position: relative;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      margin: 0;
  }
  .bg7 {
      padding-top: 20px;
  }
  .bg7 .tab-a-more {
      top: 8px;
  }
  .bg7 .gd-box {
      padding: 2vw;
  }
  .bg7 .gd-box h3 {
      line-height: 36px;
  }
  .bg2,.bg6,.bg3,.bg4 {
      padding: 20px 0;
  }
  #tab-content {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      margin: 0;
      padding: 2vw;
      box-sizing: border-box;
      overflow: hidden;
  }
  .tab-box {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      box-sizing: border-box;
  }
  .tab-a-more {
      display: none;
  }
  .pic-list-img {
      position: relative;
      width: 100%;
      height: auto;
      box-sizing: border-box;
      overflow: hidden;
  }
  .pic-list-img ul {
      position: relative;
      width: 100%;
      height: auto;
      box-sizing: border-box;
  }
  .pic-list-img li {
      width: 50%;
  }
  .videos-list li {
      width: 50%;
  }
  .news-zuixin li {
      width: calc(100% - 30px);
      margin-left: 30px;
  }
  .tab-box .wenzi-left li {
      float: left;
      width: auto;
      height: auto;
      margin: 10px;
  }
  .tab-box .wenzi-left li a:before {
      left: -7px;
  }
  .box{
      width: 100%;
      padding: 0 2vw;
      box-sizing: border-box;
  }
  article{
      width: 100%;
  }
  .left-box {
      width: 100%;
  }
  .blogs-list li i{
      width: 80px;
      height: 48px;
  }
  .blogs-list li i img{
      min-height: 48px;
  }
  .right-box{
      width: 100%;
  }
}