* {margin: 0;padding: 0;border: 0;list-style: none;outline: none;}
table {border-collapse:collapse; border-spacing:0;}
a{text-decoration: none;}
clear{ clear: both;}



body{width: 100%;font: 12px/1.5 Arial; background: #000000; min-width: 1200px; min-height: 720px;}
.wrap{position: relative; width: 100%; overflow: hidden;}
.bg1,.bg2,.bg3,.bg4,.bg5{ position: absolute; left: 50%; width: 1920px; margin-left: -960px; z-index:1;}
.bg1{ top: 0; height: 552px; background: url("../images/bg1.jpg") top center no-repeat;}
.bg2{ top: 552px; height: 692px; background: url("../images/bg2.jpg") top center no-repeat;}
.bg3{ top: 1244px; height: 656px; background: url("../images/bg3.jpg") top center no-repeat;}
.bg4{ top: 1900px; height: 816px; background: url("../images/bg4.jpg") top center no-repeat;}
.bg5{ top: 2716px; height: 878px; background: url("../images/bg5.jpg") top center no-repeat;}
.main{ position: relative; width: 1200px; height: 3594px; margin: 0 auto;z-index: 2;}


.logo{ position: absolute; left: 51px; top: 59px;}
.th4{ position: absolute; left: 482.5px; top: 72px;}
.explain1{ width: 100%; text-align: center; color: #ffffff; font-size: 18px; font-weight: bold;text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0; position: absolute; left: 0; top: 248px;}
.play{ width: 372px; height: 148px; background: url("../images/play_pl.gif") no-repeat; position: absolute; left: 414px; top: 270px;}
.play:hover{ background: url("../images/play2_pl.gif") no-repeat;}
.home,.fb{ width: 233px; height: 86px; position: absolute; top: 300px;}
.home{ left: 200px; background: url("../images/home_pl.png") no-repeat;}
.fb{ right: 200px; background: url("../images/fb.png") no-repeat;}
.home:hover{ background: url("../images/home2_pl.png") no-repeat;}
.fb:hover{ background: url("../images/fb2.png") no-repeat;}
.title1,.title2,.title3,.title4,.title5{ width: 100%; position: absolute; left: 0; text-align: center;}
.title1{ top: 498px;}
.title2{ top: 1188px;}
.title3{ top: 1874px;}
.title4{ top: 2832px;}
.title5{ top: 3336px;}
.time,.explain2{ width: 100%; position: absolute; left: 0; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; line-height: 25px;}
.time{ top: 647px;}
.explain2{ top: 3410px;}
.box1{ width: 791px; height: 411px; background: url("../images/box1.png") no-repeat; position: absolute; left: 120px; top: 1286px; padding: 61px 85px 0 85px; font-size: 18px; line-height: 27px; font-weight: bold;}
.box1_img{ width: 171px; height: 159px; float: left; margin: 0 13px 13px 13px; font-size: 16px; line-height: 25px; float: left;}
.box2{ width: 766px; height: 738px; background: url("../images/box2.png") no-repeat; position: absolute; left: 157px; top: 1959px; padding: 45px 60px 0 60px; font-size: 17px;}
.inbox{ width: 572px; height: 122px; border: 5px solid #000000; margin: 10px auto 20px auto; background-color: #bb294b; border-radius: 15px;}
.inbox_title{ width: 100%; text-align: center; color: #000000; font-size: 18px; font-weight: bold; margin: 4px 0;}
.box2_img{ width: 125px; height: 84px; float: left; margin: 0 32px;}
.box3{ width: 753px; height: 178px; background: url("../images/box3.png") no-repeat; position: absolute; left: 169px; top: 2933px; padding: 74px 55px 0 55px; font-size: 18px; line-height: 25px;}
.pink{ color: #f0009e; font-size: 24px; font-weight: bold;}
.pink2{ color: #f0009e; font-weight: bold;}
.bot_fb,.bot_dc{ width: 242px; height: 65px; position: absolute; top: 3485px;}
.bot_fb{ left: 290px; background: url("../images/bot_fb.png") no-repeat;}
.bot_dc{ right: 290px; background: url("../images/bot_dc.png") no-repeat;}
.bot_fb:hover{ background: url("../images/bot_fb2.png") no-repeat;}
.bot_dc:hover{ background: url("../images/bot_dc2.png") no-repeat;}


.part2_checkBox{position: absolute;top: 700px;left: 134.5px;width: 931px;}
.part2_dailyBox,.part2_rewardsBox{display: flex;width: 100%;justify-content: space-between;}
.part2_dailyBox li{position: relative; width: 261px;height: 317px;padding-top: 210px; }
.part2_dailyBox li.part2_day1{background: url("../images/day1.png") top center no-repeat;}
.part2_dailyBox li.part2_day2{background: url("../images/day2.png") top center no-repeat;}
.part2_dailyBox li.part2_day3{background: url("../images/day3.png") top center no-repeat;}
.part2_dailyBox li.part2_day1.on{background: url("../images/day12.png") top center no-repeat;}
.part2_dailyBox li.part2_day2.on{background: url("../images/day22.png") top center no-repeat;}
.part2_dailyBox li.part2_day3.on{background: url("../images/day32.png") top center no-repeat;}
.part2_dailyBox li.on:after{content: "";position: absolute;top: 75px;left: 13px; width: 224px;height: 184px; background: url("../images/clear.png") no-repeat;}
.part2_dailyBox li div{width: 100%;}
.part2_dailyBox li button{display: block;width: 233px;height: 79px;margin-left: 12px;margin-top: 66px;border: none;cursor: pointer;}
.part2_checkIn{background: url("../images/checkin_pl.gif") no-repeat;}
.part2_checkIn:hover{background: url("../images/checkin2_pl.gif") no-repeat;}
.part2_rewardsTips{display: none; position: absolute;top: 10%;left: 40%;color: #000000;border: 4px solid #000000; padding: 10px;background-color: #ecc41e;max-width: 200px;z-index:2;}
.part2_dailyBox li:hover .part2_rewardsTips{display: block;}


/*语言选择*/
.language{position: absolute;top: 413px;left: 50%;margin-left: -144px; width: 288px;z-index: 3;}
.language span{position:relative;display: block; width: 288px;padding: 0 10px;cursor: default; height: 42px;border: 1px solid #b1a0b5;line-height: 40px;box-sizing: border-box;color: #2f1a58;font-size: 16px;background-color: rgba(255,255,255,.9);}
.language span img{vertical-align: middle;margin-right: 5px;}
.language:after{content: "";position: absolute;top: 15px;right: 10px;pointer-events: none; width: 18px;height: 11px; background: url("../images/choose_triangle.png") no-repeat;}
.language_select{display: none;width: 100%;padding: 10px 0 4px; border: 1px solid #b1a0b5;box-sizing: border-box;background-color: rgba(255,255,255,.9);margin-top: 2px;}
.language_select a{display: block;color: #2f1a58;line-height: 27px;margin-bottom: 6px;padding: 0 5px;font-size: 16px;}
.language_select a:hover{background-color: rgba(47, 26, 88, 0.55);color: #fff;}
.language_select a img{vertical-align: middle;margin-right: 5px;}


/*点击弹出窗 兼容IE*/
.mask{display: none; width: 100%; height: 100%; background: #000; opacity: .8;filter:alpha(opacity=80); position: fixed; left: 0; top: 0; z-index:99;}
.pop{display: none; width: 469px; height: 287px;z-index:99; position:absolute; background: #ffffff;border: 1px solid #1d2088;-webkit-animation: zoomIn 0.35s ease-in-out;animation: zoomIn 0.35s ease-in-out;

  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: -5px;right: -60px;width: 50px;height: 50px; background: url("../images/close.png") center no-repeat;}
.close:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.35s;transition: all 0.35s;}
.pop_title{margin-top: 50px; text-align: center;}
.pop_txt,.pop_txt2{width: 80%;margin: 30px auto 15px;text-align: center;color: #2f1a58;font-size: 18px;line-height: 30px;}
.pop_code{display: block;font-size: 18px;color: #ffffff;text-align: center; width: 70%;height: 36px;line-height: 36px; margin: 30px auto;border: 1px solid #ffffff;background-color: #1d2088;}
.pop_txt2{margin: 130px auto 0;}
#part3_tips .pop_txt2{margin: 50px auto 0;}


/*底部信息*/
.swiper_footer{width: 100%; height: 100px; z-index: 5; background: #000000;}
.copyright{position: relative;margin: 20px auto 0; width:1200px; text-align:center; line-height:20px; display:block;font-size: 14px; color: #ffffff;}
.copyright a{ color: #ffffff;}
.copyright a:hover{ color: #FFFFFF;}


@media screen and (max-width: 1800px) {
  .main{ height: 3450.24px;}
  .bg2{ top: 529px;}
  .bg3{ top: 1193px;}
  .bg4{ top: 1822px;}
  .bg5{ top: 2605px;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-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;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-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) {
  .main{ height: 3306.48px;}
  .bg2{ top: 507px;}
  .bg3{ top: 1143px;}
  .bg4{ top: 1746px;}
  .bg5{ top: 2496px;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-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) {
  .main{ height: 3162.72px;}
  .bg2{ top: 485px;}
  .bg3{ top: 1094px;}
  .bg4{ top: 1671px;}
  .bg5{ top: 2389px;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-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) {
  .main{ height: 3018.96px;}
  .bg2{ top: 463px;}
  .bg3{ top: 1044px;}
  .bg4{ top: 1595px;}
  .bg5{ top: 2280px;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-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) {
  .main{ height: 2875.2px;}
  .bg2{ top: 441px;}
  .bg3{ top: 994px;}
  .bg4{ top: 1518px;}
  .bg5{ top: 2170px;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-webkit-transform:perspective(1px) scale(0.8);-moz-transform:perspective(1px) scale(0.8);-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) {
  .main{ height: 2731.44px;}
  .bg2{ top: 419px;}
  .bg3{ top: 944px;}
  .bg4{ top: 1442px;}
  .bg5{ top: 2062px;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-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) {
  .main{ height: 2587.68px;}
  .bg2{ top: 397px;}
  .bg3{ top: 895px;}
  .bg4{ top: 1367px;}
  .bg5{ top: 1954px;}
  .bg1,.bg2,.bg3,.bg4,.bg5,.main,.copyright{-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);}
}