body {
  background: #000 url(../images/banner3.png) no-repeat center top;
  background-size: 100% auto; }

.recharge {
  width: 1000px;
  height: 600px;
  margin: 350px auto 50px;
  background: url(../images/loginDownloadBg.png) no-repeat center center;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 70px 0 0 125px; }
  .recharge .title {
    font-size: 22px;
    margin-top: 35px;
    color: #fff; }
  .recharge p {
    font-size: 18px;
    color: #EEF9FF;
    line-height: 1.8; }
  .recharge .p1 {
    margin-top: 14px; }
  .recharge li {
    width: 166px;
    height: 54px;
    background: url(../images/downloadBtn-bg.png) no-repeat center center;
    text-align: center;
    line-height: 54px;
    font-size: 18px;
    margin-right: 24px;
    margin-top: 24px;
    float: left;
    cursor: pointer; }
    .recharge li a {
      display: block;
      width: 100%;
      height: 100%; }
    .recharge li:hover {
      background: url(../images/downloadBtn-bg-hover.png) no-repeat center center; }
    .recharge li:nth-child(3n) {
      margin-right: 0; }