body {
      background: #0d1023 url(./login-bg.jpg) no-repeat;
      background-size: cover;
      font-family: "Microsoft Yahei",Roboto,Helvetica,"Helvetica Neue",Arial;
  }
  
  .download {
      width: 466px;
      position: absolute;
      left: 50%;
      margin-left: -233px;
      top: 20%
  }
  
  .download .alert-danger {
      background: rgba(0, 0, 0, 0.6);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
      border-color: #000;
      margin-bottom: 20px;
      word-break: break-all;
      font-size: 12px;
      line-height: 22px
  }
  
  .download .firefox,
  .download .chrome {
      width: 50%;
      float: left;
      text-align: center;
      padding: 20px 0;
      margin-left: 100px
  }
  
  .text-center {
      text-align: center;
  }
  
  .download .logo-firefox {
      background: url(./firefox.png) no-repeat center;
      height: 98px
  }
  
  .download .logo-chrome {
      background: url(./chrome.png) no-repeat center;
      height: 98px
  }
  
  .download .login-info {
      color: #f1f1f1;
      margin-bottom: 10px;
      font-size: 14px;
      text-align: center;
  }
  
  .download .btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      position: relative;
      z-index: 2;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 8px 16px;
      font-size: 14px;
      line-height: 1.42857;
  }
  
  .download a {
      text-decoration: none;
      color: #fff
  }
  
  .download .btn-opacity.btn-primary {
      color: #fff;
      background-color: rgba(74, 146, 213, 0.3);
      border-color: #4A92D5;
  }
  
  .clearfix {
      clear: both;
      display: table;
  }