/* 字体尺寸大小，可等比例放大缩小 */
html, body{ 
  font-size: 12px !important; 
  overflow-y: auto !important;
}

/* 美化滚动条样式 */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: transparent;
  background-color: transparent;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9d9fa1;
}

/* 重写基础样式 */
.container {
  width: 100%
}

@media (min-width: 640px) {
  .container {
      max-width:640px
  }
}

@media (min-width: 768px) {
  .container {
      max-width:768px
  }
}

@media (min-width: 1024px) {
  .container {
      max-width:1024px
  }
}

@media (min-width: 1280px) {
  .container {
      max-width: 1220px;
  }
}