.w1200{width: 1200px;display: block;margin: 0 auto;}
.w1100{width: 1100px;display: block;margin: 0 auto;}
.w1000{width: 1000px;display: block;margin: 0 auto;position: relative;}
.w900{width: 900px;}

.banner{
  width: 100%;
  height: 100%;
  background: url("../images/play/clashofjoy/bg_game4.png");
  background-size: 100% 100%;
  position: relative;
}
.banner:before{content: ""; display: block; padding-top: 31.25%;}
.banner h2{
  position: absolute;
  top: 50%;
  z-index: 2;
  color: #fff;
  left: 20%;
  margin-top: 40px;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 2px;
}

.contact-content .flex{
  justify-content: space-between;
}
.contact-content .flex img{
  width: 480px;
}
.contact-content .flex>div{
  width: 480px;
}
.contact-content .flex>div h3{
  font-size: 24px;
}
.contact-content .flex>div p{
  line-height: 25px;
}