* {margin: 0;padding: 0;border: 0;list-style: none;outline: none;}
a{-webkit-transition: all 0.25s ease-in;transition: all 0.25s ease-in;}



body{width: 100%;min-width: 1200px;font-family: Arial;font-size: 14px;}
.wrap{position: relative;width: 100%;height: 3520px;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;}
.bg img{display: block;width: 100%;}
.main{position: relative;width: 1200px;margin: 0 auto;}
.ghg{position: absolute;top: 90px;left: 175px;width: 455px;height: 94px; background: url("../images/ghg_games.png") no-repeat;}
.part1_title,.part1_txt,.time,.part2_title,.part2_txt1,.part2_txt2,.part3_title,.part4_title,.part4_txt{position: absolute;top: 638px;left: 0;width: 100%;text-align: center;}
.part1_txt{top: 780px;font-size: 26px;color: #534e3b;font-weight: bold;width: 1300px;left: -50px;letter-spacing: -0.5px;}
.time{top: 479px;}
.part1_games{position: absolute;top: 890px;left: -50px;width: 1300px;text-align: center;}
.part1_games a{position: relative; display: inline-block;width: 358px;height: 260px;margin: 0 35px 30px;}
.part1_btn{position: absolute;top: 1490px;left: 50%;margin-left: -170.5px; width: 341px;height: 126px; background: url("../images/gift_packShop.png") no-repeat;}
.part1_btn:hover{background: url("../images/gift_packShop2.png") no-repeat;}
.part2_title{top: 1645px;}
.part2_txt1{top: 1810px;}
.part2_txt2{top: 2000px;}
.part2_point,.part2_coins{position: absolute;top: 1905px;left: 50%;margin-left: -115px; width: 230px;height: 62px; background: url("../images/ghg_points.png") no-repeat;}
.part2_point:hover{background: url("../images/ghg_points2.png") no-repeat;}
.part2_coins{top: 2115px; background: url("../images/ghg_coins.png") no-repeat;}
.part2_coins:hover{background: url("../images/ghg_coins2.png") no-repeat;}
.part3_title{top: 2305px;}
.part3_txt{position: absolute;top: 2455px;left: 100px;width: 1000px;text-align: center; font-size: 24px;color: #534e3b;}
.part3_btn{position: absolute;top: 2510px;left: 270px;display: flex;width: 660px; justify-content: space-between;}
.part3_fb,.part3_discord{display: block;width: 300px;height: 89px; background: url("../images/facebook.png") no-repeat;}
.part3_fb:hover{background: url("../images/facebook2.png") no-repeat;}
.part3_discord{background: url("../images/discord.png") no-repeat;}
.part3_discord:hover{background: url("../images/discord2.png") no-repeat;}
.part4_title{top: 2680px;}
.part4_txt{top: 2836px;}
.part4_games{position: absolute;top: 2930px;left: -100px;width: 1400px;display: flex;justify-content:space-between;}
.part4_games a{display: block;width: 221px;height: 151px;}
.part4_games img{display: block;width: 100%;}
.part4_tips{position: absolute;top: 3205px;left: 233px;width: 960px;color: #968573;line-height: 30px; font-size: 24px;font-weight: bold;letter-spacing: -0.3px;}
.part4_tips a{color: #968573;}
.part4_tips a:hover{color: #880907;}


/*尾部*/
.footer{position: absolute;top: 96.5%;left: 0;width: 100%;height: 100px; z-index: 5;}
.copyright{position: relative;padding:1.5em 0;width:100%;text-align:center;font-size: 133.333%;line-height: 1.5em;display:block;color: #968573;z-index:3;}
.copyright a{color: #968573;}
.copyright a:hover{ color: #880907;}


@media screen and (max-width: 1800px) {
  .wrap{height: 3379px;}
  .bg,.main,.footer{-webkit-transform:perspective(1px) scale(0.96);-moz-transform:perspective(1px) scale(0.96);-ms-transform:perspective(1px) scale(0.96);-o-transform:perspective(1px) scale(0.96);transform:perspective(1px) scale(0.96);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
  .bg,.main,.wrap>.footer{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}
@media screen and (max-width: 1700px) {
  .wrap{height: 3238px;}
  .bg,.main,.footer{-webkit-transform:perspective(1px) scale(0.92);-moz-transform:perspective(1px) scale(0.92);-ms-transform:perspective(1px) scale(0.92);-o-transform:perspective(1px) scale(0.92);transform:perspective(1px) scale(0.92);}
}
@media screen and (max-width: 1600px) {
  .wrap{height: 3097px;}
  .bg,.main,.footer{-webkit-transform:perspective(1px) scale(0.88);-moz-transform:perspective(1px) scale(0.88);-ms-transform:perspective(1px) scale(0.88);-o-transform:perspective(1px) scale(0.88);transform:perspective(1px) scale(0.88);}
}
@media screen and (max-width: 1500px) {
  .wrap{height: 2956px;}
  .bg,.main,.footer{-webkit-transform:perspective(1px) scale(0.84);-moz-transform:perspective(1px) scale(0.84);-ms-transform:perspective(1px) scale(0.84);-o-transform:perspective(1px) scale(0.84);transform:perspective(1px) scale(0.84);}
}
@media screen and (max-width: 1400px) {
  .wrap{height: 2815px;}
  .bg,.main,.footer{-webkit-transform:perspective(1px) scale(0.80);-moz-transform:perspective(1px) scale(0.80);-ms-transform:perspective(1px) scale(0.8);-o-transform:perspective(1px) scale(0.8);transform:perspective(1px) scale(0.8);}
}
@media screen and (max-width: 1300px) {
  .wrap{height: 2674px;}
  .bg,.main,.footer{-webkit-transform:perspective(1px) scale(0.76);-moz-transform:perspective(1px) scale(0.76);-ms-transform:perspective(1px) scale(0.76);-o-transform:perspective(1px) scale(0.76);transform:perspective(1px) scale(0.76);}
}
@media screen and (max-width: 1200px) {
  .wrap{height: 2533px;}
  .bg,.main,.footer{-webkit-transform:perspective(1px) scale(0.72);-moz-transform:perspective(1px) scale(0.72);-ms-transform:perspective(1px) scale(0.72);-o-transform:perspective(1px) scale(0.72);transform:perspective(1px) scale(0.72);}
}