@charset "utf-8";
#content_box{background: url(../../imgs/web/activitys_double11.jpg) no-repeat;min-width: 1440px;}
.float {
    animation: float 4s infinite ease-in-out alternate;
}
@keyframes float {
    from,
    to {
        transform: transofrmY(0);
    }
    50% {
        transform: translateY(10px);
    }
}
#headerss_box{position: relative;width:100%;margin: 0 auto;float: none;}
#headerss_box img{width: 100%;}
/*优惠券*/
#content_box{position: relative;}
#content_box #bg img{width: 100%;}
#coupons_box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 1170px;height:433px;background-size: 100%;float: none;margin: 0 auto;padding: 58px 50px;box-sizing: border-box;display: flex;}
#coupons_box li{width: 23%;margin-right: 2.666%;text-align: center;}
#coupons_box li:last-child{margin-right: 0;}
/*抽奖框*/
#content02_box{position: relative;background: url(../../imgs/web/activitys_03.jpg) no-repeat 0 0;}
#content02_box #bg img{width: 100%;}
#lotterys_box{/*position: absolute;left: 50%;top: 50%;align-items: center;transform: translate(-50%,-50%); */width: 1010px;height:880px;background:url(../../imgs/web/Lotterys_box.png) no-repeat;background-size: 100%;float: none;margin: 0 auto;padding: 325px 42px;padding-bottom: 72px;box-sizing: border-box;
	display: flex;
	flex-direction:column;
	justify-content: space-between;
}
#lotterys_box #lists{display: flex;justify-content: space-between;width: 930px;}
#lotterys_box #lists li{position: relative;width: auto;}
#lotterys_box #lists i{display: none;width: 158px;height: 123px;background: url(../../imgs/web/prize_bj.png) no-repeat;background-size:100%;position: absolute;left: 0;top: 0;}
#lotterys_box #lists em{display: none;width: 158px;height: 158px;background: url(../../imgs/web/prize_bjbig.png) no-repeat;background-size:100%;position: absolute;left: 0;top:0;}
#lotterys_box #lists .actives i,#lotterys_box #lists .actives em{display: inline-block;}
#lotterys_box #lists #lotter_btnbox{width: 60%;text-align: center;color: #f7d411;}
#lotterys_box #lists #lotter_btnbox b{font-size: 30px;display: inline-block;width: 100%;margin: 12px 0;}
#lotterys_box #lists #lotter_btnbox #nums{color: #fcad28;width: auto;}
#lotterys_box #lists #lotter_btnbox em{font-size: 16px;display: inline-block;width: 100%;background: none;height: auto;position: relative;left: 0;top: 0;color: #e8ba04;}
#lotterys_box #lists #lotter_btnbox span{display: inline-block;width:202px;height: 70px;border-radius: 30px;background: url(../../imgs/web/lotterys_btn.png) no-repeat 0 0;margin-right: 20px;margin-top: 30px;transition: all 0.1s;}
#lotterys_box #lists #lotter_btnbox #records{background: url(../../imgs/web/record_btn.png) no-repeat 0 0;}
#lotterys_box #lists #lotter_btnbox span:hover{background-position: 0 13px;cursor: pointer;}
#lotterys_box #lists #lotter_btnbox #records:hover{background-position: 0 13px;cursor: pointer;}
/*公告*/
#announcement_box{width: 1263px;height:580px;position: relative;background:url(../../imgs/web/Lotterys_boxfooter.png) no-repeat;background-size: 100%;float: none;margin: 0 auto;padding: 244px 124px;padding-right:114px;padding-bottom: 56px;box-sizing: border-box;}
#announcement_box #swiper_bg{position: absolute;top: 30px;left: 30%;width: 560px;height: 52px;background: #2b2868;border-radius: 6px;}
#announcement_box #swiper-container {
  line-height: 160%;
  height: 20px;
  margin: 20px 0;
  overflow: hidden;
}
#announcement_box .swiper-slide {
	font-size: 18px;
	width: 95%;
	padding-left: 5%;
	text-align:center;
	color: #fff;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#announcement{color: #fff;font-size: 16px;position: relative;}
#announcement #titles{position: absolute;top: -60px;left: 0;text-align: center;font-size: 32px;}
#announcement li{margin-bottom: 15px;}
#customize{text-align: center;float: none;}
#goods_box{margin: 0 auto;float: none;}
#goods_box li{width: 50%;}
#goods_box li img,#customize img{width: 100%;}
/*底部*/
#footer_box{width: 1200px;float: none;margin: 0 auto;color: #fff;}
#footer_box #titles{font-size: 32px;padding: 20px 0;background: rgba(98,83,182,0.66);text-align: center;font-weight: bold;display: flex;align-items: center;justify-content: center;}
#footer_box #styles_box{display: flex;margin: 40px 0;}
#footer_box #styles_box #stylesList{width: 85%;margin-right: 2%;font-size: 20px;box-sizing: border-box;border-top: 1px solid #4c4794;border-left: 1px solid #4c4794;}
#footer_box #styles_box #emsCnpl{width: 13%;display: flex;align-items: flex-start;flex-direction: column;align-items: center;justify-content: space-around;font-size: 20px;}

#footer_box #styles_box #stylesList li a{color: #fff;}
#footer_box #styles_box #stylesList li{width: 20%;padding-left: 2%;    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 68px;line-height: 68px;box-sizing: border-box;border-right: 1px solid #4c4794;border-bottom: 1px solid #4c4794;background:rgba(48,48,48,0.08);
}
#footer_box #styles_box #stylesList li i{display: inline-block;float: right;margin-right: 5%;width: 10px;height: 20px;background: url(../../imgs/web/activitys_pop.png) no-repeat 0 -171px;}
#footer_box #titles i{display: inline-block;width: 30px;height: 30px;background: url(../../imgs/web/activitys_pop.png) no-repeat 0 -117px;margin-left: 16px;}
/*弹窗*/
#winning_box{display: none;position: fixed;background: rgba(0,0,0,0.7);left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;}
#winning_box #winnings{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);float: none;width: auto;display: flex;flex-direction: column;align-items: center;cursor: pointer;margin-top: 10px;}
#winning_box #winnings #contents_box{width: 722px;height: 718px;background: url(../../imgs/web/winning_bj.png) no-repeat;position: relative;}
#winning_box #winnings #contents_box i{display: inline-block;width: 46px;height: 46px;background: url(../../imgs/web/exit_luck.png) no-repeat 0 0;position: absolute;right: 0;top: 0;cursor: pointer;}
#winning_box #winnings #contents_box em{display: inline-block;width: 167px;height: 140px;position: absolute;bottom: 40%;left: 50%;transform: translateX(-50%);}
#winning_box #winnings #contents_box em img{width: 100%;}
#winning_box #winnings #contents_box span{color: #ee3c2d;position: absolute;bottom: 32%;left: 50%;transform: translateX(-50%);font-size: 32px;}
#winning_box #winnings #btns{width: auto;}

/*领取记录弹窗*/
#recordModal_box{display: none;position: fixed;background: rgba(0,0,0,0.7);left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;}
#recordModal_box #records #contents_box{width: 641px;height: 678px;box-sizing: border-box;padding:232px 121px 68px 131px;background: url(../../imgs/web/record_modalbj.png) no-repeat;position: relative;}
#recordModal_box #records{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);float: none;width: auto;display: flex;flex-direction: column;align-items: center;cursor: pointer;margin-top: 10px;}
#recordModal_box #records #contents_box i{display: inline-block;width: 46px;height: 46px;background: url(../../imgs/web/exit_luck.png) no-repeat 0 0;position: absolute;right: 0;top: 0;cursor: pointer;}
#recordModal_box #records #contents_box span{color: #ee3c2d;position: absolute;bottom: 32%;left: 50%;transform: translateX(-50%);font-size: 32px;}
#recordModal_box #records #btns{width: auto;margin-top: 20px;}
#recordModal_box #records #contents_box #times{color: #c92e2e;text-align: center;font-size: 16px;margin-bottom: 25px;}
#recordModal_box #records #contents_box #titles{color:#c92e2e;font-size: 20px;font-weight: bold;margin-bottom: 20px;}
#recordModal_box #records #contents_box #titles em{width: 50%;float: right;text-align: center;}
#recordModal_box #records #contents_box #lists{height: 332px;}
#recordModal_box #records #contents_box #lists li{color: #c92e2e;font-size: 16px;margin-bottom: 10px;}
#recordModal_box #records #contents_box #lists em{width: 50%;float: right;text-align: center;}
#recordModal_box #records #contents_box #lists .swiper-container {
      width: 100%;
      height:100%;
    }
#recordModal_box #records #contents_box #lists .swiper-slide {
      font-size: 18px;
      width: 100%;
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      
    }
