.about { padding: 1.4rem 0; text-align: center; background-color: #fff;  }
/* background: url("../images/info_bg.png") repeat-x; background-size: auto 100%; */
.about .about-main { padding: 0 1rem; max-width: 1280px; margin: 0 auto;  }
.about .about-main h3 { font-size: .52rem;}
.about .about-main p { font-size: .2rem; }


.games { background-color: #f5f5f5; padding: .5rem 0; }
.games .games-main { max-width: 1280px; margin: 0 auto; padding: 0 .4rem;  } 
.games .games-main .games-info { width: 40%; }
.games .games-main .games-info .dowm-con { margin-top: .4rem; }
.games .games-main .games-info .dowm-con li { display: inline-block; margin: 0 .16rem .16rem 0; width: 1.8rem; height: .52rem; }
.games .games-main .games-info .dowm-con li img { display: block; width: 100%; height: 100%; }
.games .games-main .games-img { width: 100%; text-align: right; }
.games .games-main .games-img img { width: 3rem; height: auto;  }


.careers { background-color: #fff; padding: .5rem 0 .6rem 0; }
.careers .careers-main { max-width: 1280px; margin: 0 auto; padding: 0 .4rem;  } 
.careers .careers-main .careers-info { width: 30%; }
.careers .careers-main .careers-info  .positions-btn { width: 1.7rem; height: .52rem; line-height: .52rem; display: block; text-align: center; border-radius: .6rem; color: #fff; background-color: #2e2ee6; font-size: .16rem; margin-top: .3rem; }
.careers .careers-main .careers-info  .positions-btn:hover { background-color: #1818c9; }

.careers .careers-main .careers-info .dowm-con { margin-top: .4rem; }
.careers .careers-main .careers-info .dowm-con li { display: inline-block; margin: 0 .16rem .16rem 0; width: 1.8rem; height: .52rem; }
.careers .careers-main .careers-info .dowm-con li img { display: block; width: 100%; height: 100%; }
.careers .careers-main .careers-img { width: 100%; text-align: left; }
.careers .careers-main .careers-img img { width: 5.2rem; height: auto;  }


@media (min-width: 960px) {
  .about .about-main {
    
  }
}


@media (min-width: 640px) {
  .about .about-main {
    
  }
}