/* 天降红包 */
.luckPuP {  z-index: 99;  background-color: rgba(0, 0, 0, 0.65);  display: block;  position: fixed;  pointer-events: auto;  top: 0;  left: 0;  width: 100%;  height: 100%; display:none;}
.luckBox{ width:300px; height:480px; margin:0 auto; left:50%; margin-left:-150px; z-index:100; position: fixed; display:none; top:0px;}
.luckbook { /*transform: rotate(45deg);box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);*/  background:url("//image31.bookschina.com/pro-images/redEnve/noSplit.png?id=422") no-repeat top center; background-size:292px 352px; font-family:"SimHei"; position: absolute; width:292px; height:352px; top: calc(100% - 220px); animation: box1 cubic-bezier(1, 0, 0.45, 1.4) 1.5s 1;} /*.box1 { left: calc(50% - 25px);   }*/
.luckbook.pitch{ background:url("//image31.bookschina.com/pro-images/redEnve/split.png?id=11") no-repeat top center; background-size:292px 352px;}
@keyframes box1 {  from {  top: -480px;  } to {  top: calc(100% - 220px); } }
.take{ width:102px; height:102px; border-radius:51px; margin:0 auto; position:absolute; top:190px; left:50%; margin-left:-51px; cursor:pointer;}
.hint{ position:absolute; top:350px; text-align:center; background:url("//image31.bookschina.com/pro-images/redEnve/noClose.png?id=000") no-repeat left center; background-size:18px 18px; width:120px; margin:0 auto; height:50px; line-height:50px; margin-top:20px; font-size:16px; color:#fff; left:50%; margin-left:-60px; font-weight:bold; cursor:pointer;  }        
.hint.cur{ background:url("//image31.bookschina.com/pro-images/redEnve/AllClose.png?id=11") no-repeat left center; background-size:22px 19px;}
.closeBtn{ position:absolute; top:425px; text-align:center; background:url("//image31.bookschina.com/pro-images/redEnve/close.png?id=11") no-repeat left center; background-size:41px 41px; width:41px; margin:0 auto; height:41px; left:50%; margin-left:-20.5px; font-size:0px; color:transparent; cursor:pointer; }
.ticketBox{width: 280px; height: 285px; position:absolute; top:10px; text-align:center; display:none;}
.ticketBox h5{ font-size:34px; color:#fed127; font-weight:bold; margin-top:45px}
.ticketBox dl{ clear:both; overflow:hidden; color:#db2418;  width:200px; margin:40px auto 0px; }
.ticketBox dl dt{float:left; width:50%; margin-right:5px; text-align:right; font-size:20px;}
.ticketBox dl dt strong{ font-size:47px;}
.ticketBox dl dd{ float:left; width:42%;margin-top:3px;}
.ticketBox dl dd span{ display:block; height:22px; line-height:22px; font-size:16px;}
.ticketBox p{ height:35px; line-height:35px; font-size:14px; color:#db2418; text-align:center;}
.ticketBox .tickBtn{ width:155px; height:45px; margin:10px auto 0px;}
.ticketBox .tickBtn a{ display:block; width:100%; height:100%;}