*{margin: 0;padding: 0;border: 0;}
a{-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}


body{position: relative;width: 100%;min-width: 1000px;font-size: 14px;font-family: Arial;}
.wrap{position: relative;width: 100%;height: 1200px;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;z-index: 0;}
.main{position: relative;width: 1000px;margin: 0 auto;height: 1200px;}
.logo,.slogan,.title{position: absolute;top: 280px;left: 50%;margin-left: -195px;}
.slogan{top: 400px;margin-left: -350px;}
.title{top: 530px;margin-left: -313px;}
.txt{position: absolute;top: 590px;left: 0; width: 1000px;font-size: 16px;line-height: 24px;color: #fff;white-space: normal;word-break: break-word;}
.rewards{position: absolute;top: 690px;left: -30px;}
.code{position: absolute;top: 960px;left: 0;width: 100%;text-align: center;}
.code input{display: inline-block;vertical-align: middle;text-indent: 20px;font-size: 20px; width: 405px;height: 46px;background-color: #ffffff;}
.copy{display: inline-block;vertical-align: middle;margin-left: 40px; width: 142px;height: 34px;background: url("../images/copy.png") no-repeat;}
.copy:hover{background: url("../images/copy2.png") no-repeat;}
.official,.play_now,.fb{position: absolute;bottom: 58px;width: 290px;height: 87px;}
.official{left: 0; background: url("../images/official.png") no-repeat;}
.official:hover{background: url("../images/official2.png") no-repeat;}
.play_now{left: 358px; background: url("../images/play_now.gif") no-repeat;}
.play_now:hover{background: url("../images/play_now2.gif") no-repeat;}
.fb{right: 0;width: 285px;background: url("../images/fb.png") center no-repeat;}
.fb:hover{background: url("../images/fb2.png") no-repeat;}