html {
  font-size: 10px; }

@media (max-width: 768px) {
  .container {
    width: 750px !important; } }
@media (min-width: 768px) {
  html {
    font-size: 10px; } }
@media (min-width: 992px) {
  html {
    font-size: 12px; }

  .container {
    width: 970px;
    padding-left: 5px;
    padding-right: 5px; } }
@media (min-width: 1200px) {
  html {
    font-size: 16px; }

  .container {
    width: 990px;
    padding-left: 5px;
    padding-right: 5px; } }
body {
  padding-top: 68px !important;
  font-family: 'Microsoft YaHei', sans-serif;
  color: #444444;
  background-color: #ffffff; }

.navbar {
  height: 68px !important;
  background-color: #fff;
  margin-bottom: 0 !important; }

.navbar-default .navbar-nav > li > a {
  color: #444444;
  font-size: 1.125rem; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #246ed2;
  background-color: #ffffff; }

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 23px;
    padding-bottom: 23px; } }
.footer {
  height: 60px;
  line-height: 60px;
  background-color: #0066cc;
  color: #fff; }

.v-middle {
  display: table;
  height: 100%; }
  .v-middle .v-middle-container {
    display: table-cell;
    vertical-align: middle; }