* {margin: 0;padding: 0;border: 0;list-style: none;outline: none;}
a{text-decoration: none;}



body{width: 100%;font-size: 14px;min-width: 1200px;background-color: #000;font-family: "Arial";}
.wrap{position: relative;width: 100%;height: 4200px;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: auto;z-index: -1;}
.bg img{display: block;width: 100%;}
.main{position: relative;width: 1200px;height: auto;margin: 0 auto;}
.part1{position: absolute;top: 0;left: 0;width: 100%; height: 1000px;}
.part1_logo{position: absolute;top: 80px;left: 5px;}
.part1_slogan{position: absolute;top: 580px;left: 0;width: 100%;text-align: center;}
.gem{position: absolute;bottom: 0;left: -300px;}
.part1_home,.part1_play,.part1_fb{position: absolute;top: 770px;width: 274px;height: 77px; }
.part1_home{left: 130px; background: url("../images/part1_home.gif") no-repeat;}
.part1_home:hover{background: url("../images/part1_home2.gif") no-repeat;}
.part1_play{top: 755px; left: 410px; width: 380px;height: 107px; background: url("../images/part1_play.gif") no-repeat;}
.part1_play:hover{background: url("../images/part1_play2.gif") no-repeat;}
.part1_fb{right: 130px;background: url("../images/part1_fb.gif") no-repeat;}
.part1_fb:hover{background: url("../images/part1_fb2.gif") no-repeat;}
.part2{position: absolute;top: 970px;left: 0;width: 100%; height: 700px;}
.part2_title,.part2_rules{position: absolute;top: 6px;left: 0;width: 100%;text-align: center;}
.part2_rules{top: 60px;color: #e5ce8e;font-size: 18px;line-height: 24px;}
.part2_checkBox{position: absolute;top: 220px;left: 85px;width: 1030px;height: 480px;}
.part2_dailyBox,.part2_rewardsBox{display: flex;width: 100%;justify-content: space-between;}
.part2_dailyBox li{position: relative; width: 198px;height: 153px;padding-top: 90px; background: url("../images/part2_day.png") no-repeat;}
.part2_dailyBox li.on{background: url("../images/part2_day2.png") no-repeat;}
.part2_dailyBox li.on:after{content: "";position: absolute;top: 28px;left: 24px; width: 150px;height: 112px; background: url("../images/part2_clear.png") no-repeat;}
.part2_dailyBox li div{width: 100%;height: 64px;}
.part2_dailyBox li button{display: block;width: 131px;height: 46px;margin-left: 33.5px;margin-top: 3px;border: none;cursor: pointer;}
.part2_day1{background: url("../images/part2_numb1.png") center no-repeat;}
.part2_day2{background: url("../images/part2_numb2.png") center no-repeat;}
.part2_day3{background: url("../images/part2_numb3.png") center no-repeat;}
.part2_day4{background: url("../images/part2_numb4.png") center no-repeat;}
.part2_day5{background: url("../images/part2_numb5.png") center no-repeat;}
.part2_dailyBox li.on .part2_day1{background: url("../images/part2_numb12.png") center no-repeat;}
.part2_dailyBox li.on .part2_day2{background: url("../images/part2_numb22.png") center no-repeat;}
.part2_dailyBox li.on .part2_day3{background: url("../images/part2_numb32.png") center no-repeat;}
.part2_dailyBox li.on .part2_day4{background: url("../images/part2_numb42.png") center no-repeat;}
.part2_dailyBox li.on .part2_day5{background: url("../images/part2_numb52.png") center no-repeat;}
.part2_checkIn{background: url("../images/part2-checkIn.png") no-repeat;}
.part2_checkIn.out,.part2_checkIn.out:hover{cursor: not-allowed; background: url("../images/part2_checkIn3.png") no-repeat;}
.part2_checkIn:hover{background: url("../images/part2_checkIn2.png") no-repeat;}
.part2_rewardsBox{margin-top: 43px;}
.part2_rewardsBox li{position: relative; width: 198px;height: 194px;background: url("../images/part2_box.png") no-repeat;}
.part2_rewardsBox li img{margin-left: 60px;}
.part2_rewardsTips{display: none; position: absolute;top: 40%;left: 40%;color: #feee52;border: 2px solid #feee52; padding: 10px;background-color: #000;max-width: 200px;}
.part2_rewardsBox li:hover .part2_rewardsTips{display: block;}

.part3{position: absolute;top: 1940px;left: 0;width: 100%;height: 930px;}
.part3_title{position: absolute;top: 5px;left: 0;width: 100%;text-align: center;}
.part3_rules{position: absolute;top: 60px;left: 50px;width: 1100px;color: #e5ce8e;font-size: 18px;line-height: 30px;}
.lottery{position: absolute; width: 614px; height: 750px; top: 200px; left: 220px; z-index: 1;}
/*双转盘*/
.dial{position: absolute;left: 0;top: 0; width: 614px; height: 643px;background: url("../images/zhuangpan/main.png") center no-repeat; z-index: 3;}
/*外层转盘*/
.outer{position: absolute; width: 410px;height: 410px; top: 130px;left: 102px;}
.outer #out{position: absolute;width: 100%;height: 100%;transform:scale(0);transition:all 0.5s ease-out 0.6s;opacity: 0;}
.outer.active #out{transform:scale(1);opacity: 1;}
#out td{ position: absolute; width: 101px; height: 101px; transform:translate(-50%,-50%);background: url("../images/zhuangpan/yuan.png") no-repeat;}
#out td.curt{border-radius: 50%;box-shadow: 0 0 5px 6px #ea65f2;}
#out td img{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);}
/*内层转盘*/
.inner{width: 205px;height: 205px;position: absolute;top: 232px;left: 204.5px;z-index: 2;}
.inner table{position: absolute;width: 100%;height: 100%;transform:scale(0);transition:all 0.5s ease-out;opacity: 0;}
.inner.active table{transform:scale(1);opacity: 1;}
#td td{position: absolute;width: 84px;height: 84px;transform:translate(-50%,-50%);background: url("../images/zhuangpan/yuan2.png") no-repeat;}
#td td.current{border-radius: 50%;box-shadow: 0 0 5px 6px #ffffff;}
#td td img{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);}
.inner_btn,.outer_btn,.share_btn{position: absolute; width: 261px; height: 77px; bottom: 10px; z-index: 3;cursor: pointer;}
.inner_btn{display: none;}
.share_btn{right: 10px; background: url("../images/fb_share.png") no-repeat;}
.share_btn:hover{background: url("../images/fb_share2.png") no-repeat;}
.inner_btn{ background:url("../images/spin_inner.png") no-repeat; right: 10px;}
.inner_btn:hover{background:url("../images/spin_inner2.png") no-repeat;}
.outer_btn{background:url("../images/spin_outer.png") no-repeat; left:10px;}
.outer_btn:hover{background:url("../images/spin_outer2.png") no-repeat;}
.activity_awards{position: absolute;top: 280px;right: 50px;width: 230px;height: 518px;padding: 15px 28px;box-sizing: border-box; background: url("../images/rewardsBox.png") no-repeat; }
.ar_title{padding-top: 20px;font-size: 20px;line-height: 36px; color: #5a4817;text-align: center;border-bottom: 1px dashed #5a4817;}
.ar_icon{display: block;width: 180px;margin: 20px auto;}
.ar_icon li{display: block;width: 120px;margin: 12px auto;overflow: hidden;}
.ar_icon li img{float: left;margin-left: 10px;}
.claim{position: absolute;bottom: 60px;left: 55px; width: 130px;height: 38px;text-align: center;line-height: 38px;color: #452d24; background-color: #cfa972;font-size: 16px;}
.claim:hover{background-color: #e19a14;}

.part4{position: absolute;top: 2990px;left: 0;width: 100%;}
.part4_title{position: absolute;top: 5px;left: 0;width: 100%; text-align: center;}
.part4_txt{position: absolute;top: 65px;left: 0;color: #e5ce8e;font-size: 18px;line-height: 30px;}
.part4_fb,.part4_discord{position: absolute;top: 290px;width: 261px;height: 77px;}
.part4_fb{left: 300px; background: url("../images/fb_fans.png") no-repeat;}
.part4_fb:hover{background: url("../images/fb_fans2.png") no-repeat;}
.part4_discord{right: 300px; background: url("../images/discord.png") no-repeat;}
.part4_discord:hover{background: url("../images/discord2.png") no-repeat;}
.part4_fbBox{position: absolute;top: 400px;left: 347px;width: 500px;height: 600px;border: 3px solid #e5ce8e;}

.copyright{position: absolute;top: 4080px;left: 50%;margin-left: -600px; width:1200px; text-align:center; line-height:20px; display:block;font-size: 16px; color: #e5ce8e;}
.copyright a{ color: #e5ce8e;}
.copyright a:hover{ color: #e19a14;}


/*点击弹出窗 兼容IE*/
.mask{display: none; width: 100%; height: 100%; background: #000; opacity: .8;filter:alpha(opacity=80); position: fixed; left: 0; top: 0; z-index:1;}
.pop{display: none; width: 469px; height: 287px;z-index:2;background: url("../images/pop.png") center no-repeat; position:absolute;

  margin-left:-235px!important;/*FF IE7 half of its width */
  margin-top:-115px!important;/*FF IE7 half of its height*/

  left:50%;/*FF IE7*/
  top:40%;/*FF IE7*/

  margin-top:0px;
  position:fixed!important;/*FF IE7*/
  position:absolute;/*IE6*/

  _top:       expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.close{position: absolute;top: 15px;right: 25px;width: 35px;height: 37px; background: url("../images/close.png") center no-repeat;}
.pop_title{margin-top: 80px; text-align: center;}
.pop_txt,.pop_txt2{width: 80%;margin: 30px auto 15px;text-align: center;color: #e5ce8e;font-size: 18px;line-height: 30px;}
.pop_code{display: block;font-size: 18px;color: #e5ce8e;text-align: center; width: 70%;height: 36px;line-height: 36px; margin: 0 auto;border: 2px solid #e5ce8e;background-color: #191524;}
.pop_txt2{margin: 130px auto 0;}

.pop_rewards{width: 600px;height: 500px; background: #191524;border: 3px solid #e5ce8e;
  margin-left:-300px!important;/*FF IE7 half of its width */
  margin-top:-200px!important;/*FF IE7 half of its height*/
}
.pop_rewards .close{top: 5px;right: 5px;}
.pop_table{width: 86%;margin:30px auto 0;border: 1px solid #e5ce8e;}
.pop_table tr td{padding: 15px 10px; border: 1px solid #e5ce8e;font-size: 14px;color: #e5ce8e;text-align: center;}


@media screen and (max-width: 1400px) {
  .wrap{height: 3024px;}
  .bg,.main{-webkit-transform: scale(0.72);-moz-transform: scale(0.72);-ms-transform: scale(0.72);-o-transform: scale(0.72);transform: scale(0.72);}
  .bg,.main{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}