body{background:#eeeeee;color:#4a4a4a;font-family:'方正兰亭粗黑',Arial,微软雅黑,sans-serif;font-size:15px;}
*{list-style: none;margin:0;padding: 0;text-decoration: none}
.container{width:1200px;margin:0 auto;position: relative;}
.mobback{display: none}
/*标题和介绍*/
.ShortTitle{width: 164px;height: 47px;position:absolute;left:514px;text-align: center;font:28px/47px 微软雅黑;color: #fff}
.join{width: 344px;height:82px;position: absolute;left: 420px;top: 1px;border-radius: 50px;text-align: center;font:28px/82px 微软雅黑;color:#fff;cursor: pointer;}
.DetailRules{font:bold 15px/15px '方正兰亭粗黑',微软雅黑;color:#4a4a4a;text-align: center;}
.GoodsName{color:#000;font-weight: bold;margin-top:25px;}
/*背景*/
.bj1{width:100%;height:708px;background:url(../images/1_01.jpg) no-repeat center;}
.bj2{width:100%;height:657px;background:url(../images/1_02.jpg) no-repeat center;}
.bj3{width:100%;height:654px;background:url(../images/1_03.jpg) no-repeat center;}
.bj4{width:100%;height:535px;background:url(../images/1_04.jpg) no-repeat center;}
/*头部*/
.IntroTitle{font:bold 20px/20px '方正兰亭粗黑',微软雅黑;color:#46aed4;margin-bottom:20px;}
.IntroSummary{font:15px/20px '方正兰亭粗黑',微软雅黑;color:#4a4a4a;}
.FirstIntro{position: absolute;top:326px;left:0;width:240px;}
.SecondIntro{position: absolute;top:538px;left:372px;width:200px;}
.ThirdIntro{position: absolute;top:326px;left:619px;width:330px;}
.FourthIntro{position: absolute;top:412px;right:0px;width:250px;}
.FourthIntro .IntroTitle{text-align: right}
/*集卡区域*/
.bj2 .ShortTitle{top:182px;}
.bj2 .DetailRules{padding-top:256px;}
.CollectArea{padding-left: 110px;margin-top:43px;}
.CollectArea li{float: left;margin-left: 42.5px;margin-right:42.5px;width:160px;text-align: center;}
.BreakBlock{width:145px;height:118px;border-radius: 15px;padding-top:73px;padding-left:15px;}
.BreakBlock a{width:126px;height:45px;padding:73px auto;background:#46aed4;font:18px/45px '方正兰亭粗黑',微软雅黑;color:#fff;display: block;border-radius: 20px;display: block}
/*活动流程*/
.bj3 .ShortTitle{top:50px;}
.process{position:relative;height:434px;}
#step1{top:331px;left:33px;position: absolute;}
#step2{left:416px;top:161px;position: absolute;}
#step3{top:331px;right:26px; position: absolute;width:350px;}
.bj3 .IntroTitle{color:#000;}
.bj3 .IntroSummary{line-height:30px;}
.bj3 p{padding-left:26px;}
.bj3 .red{color:#e8200f;margin-top:5px;}
/*礼品秀*/
.bj4 .ShortTitle{top:37px;}
.GiftShow{padding-top: 150px}
.GiftShow li{width: 203px;height: 250px;float: left;margin-left:39px;position: relative;margin-right:65px;}
.GiftShow .LastGift{margin-right:0;}
.GiftShow li span{position: absolute;color:#fff;font-weight: bold;right:13px;top: 10px}
.GiftShow li p{text-align: center;margin-top: 222px}
.bounce{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;text-align: center;z-index: 100;display: none}
.bounce .f1{width:585px;height: 420px;position: relative;top:50%;margin: -210px auto 0;background: #fff;border-radius: 30px;overflow:hidden}
.bounce .f2{width:100%;height: 100px;background: #e8200f;font-size: 16px;color: #fff;text-align: center;line-height: 20px;}
.bounce .f2 h3{font-size:30px;font-weight: 400;color: #fff;text-align: center;line-height: 70px;}
.bounce .f3{font-size:16px;font-weight: 400;color: #555;text-align: center;line-height: 25px;padding: 35px 0 0;}
.ff{float: right;
    width: 50px;
    height: 50px;
    border-bottom-left-radius: 30px;
    background: #fff;
    font-size: 25px;
    line-height: 50px;
    color: #999;
    cursor:pointer;
}
//.bounce div{width:55px;height: 60px;position: absolute;top: 50%;margin-top: -210px;left: 237px;margin-left:50%;cursor: pointer}


/*移动端样式*/
/*@media only screen and (max-width: 1200px) {
    .container{width: 345px;overflow: hidden;}
    .bj1{background:url(../images/2_01.jpg) no-repeat center;height:567px;}
    .bj2{background:url(../images/2_02.jpg) no-repeat center;height:660px;}
    .bj3{background:url(../images/2_03.jpg) no-repeat center;height:774px;}
    .bj4{background:url(../images/2_04.jpg) no-repeat center;height:500px;}
    
    .join{width:175px;height:60px;top:0;left:84px;font:18px/60px 微软雅黑;}
    .GoodsName{margin-top:12px;}
   
    .bj1 .container{overflow: visible}
    .FirstIntro,.SecondIntro,.FourthIntro{display: none}
    .ThirdIntro{top:210px;left:10px;}
    
    .bj2 .ShortTitle{top:130px;left: 88px}
    .bj2 .DetailRules{padding-top:200px;}
    .CollectArea{margin-top:0px;padding-left:16px;}
    .CollectArea li{width: 118px;height: 140px;margin:31px 17px;}
    .BreakBlock{width:103px;height:85px;padding-top:56px;}
    .BreakBlock a{width: 90px}
  
    .bj3 .ShortTitle{left:88px;top:38px;}
    #step1,#step3{display: none}
    #step2{left:10px;top: 140px}
    .process{height: 395px}
    .bj3 p{padding-left:0px;}
   
    .GiftShow{padding-top:118px;margin-left: 25px;}
    .GiftShow li{height:160px;width:145px;margin-right:12px;margin-left:0;margin-bottom:22px;}
    .GiftShow li p{margin-top:132px;}
    .GiftShow li span{right: 16px;top:12px;}
}*/