@charset "utf-8";
/****************************** 全局样式 ******************************/
/********** 全局 **********/
body{padding:0;margin:0;font:14px/25px microsoft yahei,arial;}
div, dl, dt, dd, ul, h1, h2, h3, h4, p{padding:0;margin:0;}
li{list-style:none;}
.screen_show img{border:0;display:block;}
a{color:#000000;text-decoration:none;}
a:hover{color:#3498db;text-decoration:none;}


/********** 其它 **********/
.clearfix:after{height:0;display:block;visibility:hidden;content:".";clear:both;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{height:0;overflow:hidden;font:0/0 arial;visibility:hidden;clear:both;}



.grab_redenvelop{width:1024px; height:100%;  margin:0 auto; overflow:hidden; position:relative; /*z-index:-2;*/ }

.grab_redenvelop .main{width:100%; height:100%; background-size:100%; position:absolute; left:0; top:0; z-index:0;}
.grab_redenvelop .bg_rotate{width:1400px;height:1400px;background:url(../images/redpack/bg.png) 100%;position:absolute;left:-188px;top:-356px; z-index:-1; }


.top_package{width:400px; height:310px;position:absolute; left:50%; top:0; margin-left:-200px; margin-top:-140px;}
.top_package .countNum{width:100%; font-size:16px; color:#fff; text-align:center; font-weight:bold; padding-right:20px; display:none; position:absolute; left:0; top:150px; z-index:100;}
.top_package .countNum b{font-size:40px; padding:0 5px;}
.top_package .count-title{font-size:60px;padding:0 5px;}
/*左侧参与用户列表*/
.left_userlist{ width:88px; min-height:110px; position:absolute; left:40px;bottom:60px;display:none}
.left_userlist .list_img{width:60px; height:384px; margin-bottom:65px;margin-left:auto;margin-right:auto;position:relative; z-index:10; overflow:hidden;}
.left_userlist .list_img ul{}
.left_userlist .list_img ul li{float:left;margin-top:4px;position:absolute;left:0;}
.left_userlist .list_img ul li img{width:60px; height:60px;}

.left_userlist .user_total{width:88px; height:65px; padding-top:45px; background:url(../images/redpack/left_redenvelop.png) no-repeat;color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:9;}
.left_userlist .user_total b{font-size:40px; /*font-family:Arial;*/ line-height:40px;color:#ffcc00;}
.left_userlist .user_total p{font-size:14px; line-height:14px;}


/*右侧中奖名单*/
.right_winninglist{width:256px;position:absolute; right:25px; top:25px;display:none}
.right_winninglist dl dt{line-height:68px;font-size:14px;font-weight:bold; color:#fff; text-align:center; background:#0c52d2; }
.right_winninglist dl dt h4{font-size:28px; padding:0 5px; display:inline-block;}

.right_winninglist dl dd.list{/*padding:0 0 10px 0;*/ background:#fff; text-align:center; max-height:400px; overflow:hidden;}
.right_winninglist dl dd.list.pop_winninglist_a{ cursor:pointer;}
.right_winninglist dl dd.list ul{width:230px; /*margin:0 auto;*/ display:inline-block; text-align:left;}
.right_winninglist dl dd.list li{display:block; height:60px; background-color:#3a80ff; color:#fff; margin-top:20px; position:relative;}
.right_winninglist dl dd.list li .user_photo{float:left; width:46px; height:46px; margin:5px 0 0 10px; border-radius:50%; border:2px solid #fff;}
.right_winninglist dl dd.list li .user_info{float:left; width:90px; margin:10px 0 0 5px;}
.right_winninglist dl dd.list li .user_info p{font-size:16px; font-weight:bold; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.right_winninglist dl dd.list li .user_info span{display:block; font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.right_winninglist dl dd.list li.prize .prize_img{width:60px; height:60px; /*border:1px solid #bcbcbc;*/ position:absolute; right:8px; bottom:8px;}
.right_winninglist dl dd.list li.money .money_bg{width:60px; height:60px; background:url(../images/redpack/money_bg.jpg) no-repeat; background-size:contain; position:absolute; right:8px; bottom:8px;}
.right_winninglist dl dd.list li.money .money_bg b{display:block; margin-top:32px; font-size:20px; font-weight:normal; color:#fff; text-align:center;  }

.right_winninglist dl dd.bottom_arrowBox{height:7px; overflow:hidden;}

/***********遮罩层***********/
.pop_mask{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:11; display:none;}



/*单个中奖弹窗*/
.pop_winning{width:700px; color:#fff; border-radius:8px; border:3px solid #ffeb00; background:linear-gradient(120deg,#ffc400,#ffc600 8%,#fffc00 50%,#e79f00 92%,#f0a300);position:absolute; top:30%; left:50%; margin-left:-353px; z-index:99; display:none; opacity:0;}
.pop_winning .user_photo{float:left; width:120px; height:120px; margin:15px 0 15px 15px; border-radius:50%; border:4px solid #fff;}
.pop_winning .user_info{float:left; width:330px; margin:25px 0 0 10px;color:#7e5600;}
.pop_winning .user_info p{font-size:34px; font-weight:bold; line-height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pop_winning .user_info span{display:block; font-size:24px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pop_winning .user_info span b{font-weight:normal;}
.pop_winning .prize_img{width:180px; height:180px; border:4px solid #bf9000; box-shadow:5px 5px 10px rgba(0,0,0,0.3); position:absolute; right:15px; bottom:20px;}

/*中奖名单列表弹窗*/
.pop_winninglist{width:864px; overflow:hidden; /*box-shadow:5px 0 20px 0 rgba(0,0,0,0.2);*/ position:absolute; top:7%; left:50%; margin-left:-430px; z-index:99; display:none;}

.pop_winninglist dl dt{line-height:68px; font-size:14px;font-weight:bold; color:#fff; text-align:center; background:#0c52d2; position:relative;}
.pop_winninglist dl dt h4{font-size:28px; padding:0 5px; display:inline-block;}

.pop_winninglist dl dt .btn_replay{height:44px; border-radius:8px; background-color:#c89a00; position:absolute; top:15px; right:90px;}
.pop_winninglist dl dt .btn_replay p{background-color:#ffe81a; font-size:14px; color:#eb0045; font-weight:bold; padding:0 20px; height:40px; line-height:40px; border-radius:8px;}

.pop_winninglist dl dt .btn_close{height:44px; border-radius:8px; background-color:#c89a00; position:absolute; top:15px; right:10px; display:none;}
.pop_winninglist dl dt .btn_close p{background-color:#ffe81a; font-size:14px; color:#eb0045; font-weight:bold; padding:0 20px; height:40px; line-height:40px; border-radius:8px;}

.pop_winninglist dl dd.list{background: #fff; text-align:center; width:864px; max-height:500px; overflow:hidden; /*overflow-y:auto; overflow-x:hidden;*/ position:relative;}
.pop_winninglist dl dd.list ul{ display:inline-block; width:840px; /*margin:20px 0; */text-align:left; }
.pop_winninglist dl dd.list li{float:left; width:410px; height:70px; margin:0 5px 5px 0;}

.pop_winninglist dl dd.list li.prize{background-color:#3a80ff; color:#fff;}
.pop_winninglist dl dd.list li.prize .user_photo{float:left; width:46px; height:46px; margin:10px 0 0 10px; border-radius:50%; border:2px solid #fff;}
.pop_winninglist dl dd.list li.prize .user_name{float:left; width:90px; font-size:16px; line-height:70px; margin-left:5px;}
.pop_winninglist dl dd.list li.prize .prize_info{float:right; width:120px; margin-top:15px; text-align:center;}
.pop_winninglist dl dd.list li.prize .prize_info p{font-size:20px; font-weight:bold; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pop_winninglist dl dd.list li.prize .prize_info span{display:block; font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.pop_winninglist dl dd.list li.b_money{background-color:#fff; color:#444;}
.pop_winninglist dl dd.list li.b_money .user_photo{float:left; width:46px; height:46px; margin:10px 0 0 10px; border-radius:50%; border:2px solid #fff;}
.pop_winninglist dl dd.list li.b_money .user_name{color:#fff;float:left; width:120px; font-size:16px; line-height:70px; margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pop_winninglist dl dd.list li.b_money .prize_info{float:right; width:200px; margin-top:15px; text-align:center; color:#ff6640;}
.pop_winninglist dl dd.list li.b_money .prize_info p{font-size:24px; font-weight:bold; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pop_winninglist dl dd.list li.b_money .prize_info span{display:block; font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.pop_winninglist dl dd.list li.s_money{background-color:#fff; color:#444;}
.pop_winninglist dl dd.list li.s_money .winning_info{line-height:35px; height:35px; overflow:hidden;}
.pop_winninglist dl dd.list li.s_money .winning_info:nth-child(1){background-color:#e6e6e6;}
.pop_winninglist dl dd.list li.s_money .user_name{float:left; width:150px; font-size:16px; margin-left:15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pop_winninglist dl dd.list li.s_money .money_num{float:right; font-size:12px; width:80px; text-align:right; margin-right:15px;}
.pop_winninglist dl dd.list li.s_money .money_num b{font-size:24px; margin-right:5px;}

.pop_winninglist dl dd.bottom_arrowBox{height:7px; overflow:hidden;}


/*背景旋转动画效果*/
.animate_rotate{animation:15s linear 0s normal none infinite rotate; -webkit-animation:15s linear 0s normal none infinite rotate;}
@keyframes rotate {
  0 {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
  0 {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}

/*红包雨动画效果*/
.animate_redenvelop{
animation-name: redenvelop;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-play-state: running;

-webkit-animation-name: redenvelop;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
}

@keyframes redenvelop 
{
	0%   {opacity:0;top:-160px;}
	1%   {opacity:1;}
	99%	 {opacity:1;}
	100% {opacity:0;top:768px;}
}
@-webkit-keyframes redenvelop
{
	0%   {opacity:0;top:-160px;}
	1%   {opacity:1;}
	99%	 {opacity:1;}
	100% {opacity:0;top:768px;}
}