@ chartset "utf-8";
/*---------- base ---------*/

*{padding:0;margin:0;box-size:border-box;}

/* 针对小屏幕设备 */
@media (max-width: 420px) {
  #headTopRight, #siteRight, .listBoxImg{display:none;}
  #siteLeft, .listBoxLiRight {width: 100%;}
  .siteLeftBox{width:100%; max-width:100%; margin-right:0;}
  #friendLink dl dd ul li{width: calc(25% - 7px);}
  #friendLink dl dd ul li:nth-child(4n){margin-right: 0;}
}

/* 针对中等屏幕设备 */
@media (min-width: 421px) and (max-width: 768px) {
  #siteRight{display:none;}
  #siteLeft {width: 100%;}
}

/* 针对较大屏幕设备 */
@media (min-width: 769px) and (max-width: 1110px) {
  #siteLeft {width: calc(73% - 11px);}
  #siteRight {width: 27%;}
}