/****************************** 全局样式 ******************************/
/********** 全局 **********/
body{padding:0;margin:0;font:12px/18px microsoft yahei,arial;background:none;}
div, dl, dt, dd, ul, h1, h2, h3,h4, p{padding:0;margin:0;}
li{list-style:none;}
img{border:0;}
a{color:#519BD8;text-decoration:none;cursor:pointer; font-family:microsoft yahei,arial;}
a:hover{color:#519BD8;text-decoration:none;}
textarea{  font-family:microsoft yahei,arial;}
th,h1, h2, h3{color:#5F5F5F}
a,input,button{outline:none; -webkit-highlight-color:rgba(0,0,0,0);}

/********** 其它 **********/
.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 microsoft yahei;visibility:hidden;clear:both;}
.hidden{display:none;}
/****************************** 通用样式 ******************************/
.lot_body {background:none;}
.luckDraw {width:1024px;height:768px;margin:0 auto;/*background-color:#f2bc61;background-size:100% 100%;background-repeat:no-repeat;background-position:top;*/position:relative;overflow:hidden;}
.luckDraw .luckBox_top {width:1024px;height:594px;position:absolute;top:0;left:0;overflow:hidden;}
.luckDraw .draw_bg {width:1400px;height:1400px;background:url(../images/bg.png) 100%;position:absolute;left:-188px;top:-356px;}
.luckDraw h1 {width:80%;margin:0 auto;padding-top:40px;text-align:center;font-size:40px;line-height:48px;color:#ff3600;text-shadow:2px 2px 0 #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:inherit;}
.luckDraw .embellish {width:829px;height:19px;display:block;position:absolute;top:35px;left:50%;margin-left:-415px;}
.luckDraw .showBox {width:100%;margin-top:180px;position:relative;}
.luckDraw .swiper-container {width:95%;margin:0 auto;overflow:inherit;}
.luckDraw .swiper-container .swiper-slide {width:200px;height:200px;opacity:0.8;margin:0 20px;}
.luckDraw .swiper-container .swiper-slide img {width:100%;height:100%;display:block;-webkit-box-reflect:below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.2)));}
.luckDraw .swiper-container .swiper-slide.swiper-slide-active {opacity:1;}
/*.luckDraw .showBox .crown {width:326px;height:190px;display:none;position:absolute;top:-175px;left:50%;margin-left:-160px;z-index:9;background:url(../images/crown.png) 100%;}*/
.fireworks {width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;display:none;}
.fireworks object {width:100%;height:100%;display:block;margin:0 auto;}
.fireworks .fireworks_mask {width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,0);}

.prize_pop {width:283px;height:394px;position:absolute;top:90px;left:50%;margin-left:-141px;z-index:200;background-image:url(../images/prize_pop_bg.png);background-size:100% 100%;text-align:center;color:#000;display:none;}
.prize_pop h2 {font-size:35px;line-height:35px;padding:10px 0 0;color:#000;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prize_pop p#win_prize_member{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prize_pop p {font-size:20px;padding:5px;line-height:26px;}
.prize_pop p strong {font-size:24px;line-height:28px;vertical-align:middle;margin:-5px 3px 0 3px;max-width:144px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prize_pop .prize_img_con {perspective:1000;}
.prize_pop .prize_img_con.hover .image_swipe,.prize_pop .prize_img_con.flip .image_swipe {transform:rotateY(180deg);}
.prize_pop .image_swipe {width:224px;height:224px;margin:5px auto;position:relative;transition:transform 0.6s ease;}
.prize_pop .image_swipe img {width:100%;height:100%;display:block;background:#fff;/*backface-visibility:hidden;*/position: relative;}
.prize_pop .image_swipe img#prize_user_image {position:absolute;top:0;left:0;transform:rotateY(180deg);}
.flip .image_swipe #prize_user_image{z-index: 1;}

.luckDraw .showBox .controlButton {width:288px;height:117px;display:block;background-size:100%;background-repeat:no-repeat;margin-top:30px;position:absolute;left:50%;margin-left:-144px;z-index:9;}
.luckDraw .showBox .controlButton.startButton {background-image:url(../images/btn_contro_start.png);}
.luckDraw .showBox .controlButton.readyButton {background-image:url(../images/btn_contro_ready.png);}
.luckDraw .showBox .controlButton.stopButton {background-image:url(../images/btn_contro_stop.png);}
.luckDraw .showBox .controlButton.slowdownButton {background-image:url(../images/slowdownButton.png);}

.luckDraw .bottom_prize {width:100%;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.44);z-index:9;display:block;}
.luckDraw .bottom_prize .prize_single {width:100%;height:174px;padding:32px 10px;box-sizing:border-box;}
.luckDraw .bottom_prize .prize_single .prize_choose {width:250px;margin:20px 10px 0 0;float:left;font-size:16px;color:#fff;}
.luckDraw .bottom_prize .prize_single .prize_choose li{margin-bottom:10px; text-align:left;}
.luckDraw .bottom_prize .prize_single .prize_choose li span{display:inline-block;width:100px; vertical-align:middle; text-align:right;}
.luckDraw .bottom_prize .prize_single .prize_choose li select {height:30px;line-height:30px;padding:0 2px;font-size:16px;border:0;background:rgba(255,255,255,0.5);
                                                                max-width:140px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.luckDraw .bottom_prize .prize_single .prize_choose li img{display:inline-block;max-height:50px;max-width:140px;vertical-align:middle;}

/*.luckDraw .bottom_prize .prize_single .ps_left {display:inline-block;vertical-align:middle;font-size:24px;color:#fff;letter-spacing:2px;}
.luckDraw .bottom_prize .prize_single .ps_center {display:inline-block;vertical-align:middle;width:350px;margin-left:40px;}
.luckDraw .bottom_prize .prize_single .ps_center span {width:40px;height:40px;border:1px solid #fff;border-radius:100%;box-sizing:border-box;display:block;text-align:center;line-height:36px;color:#fff;font-size:16px;float:left;margin-top:15px;}
.luckDraw .bottom_prize .prize_single .ps_center img {width:70px;height:70px;display:block;float:left;margin:0 20px;}
.luckDraw .bottom_prize .prize_single .ps_center p {font-size:20px;color:#fff;padding:10px 0 5px;letter-spacing:2px; text-align:left;}
.luckDraw .bottom_prize .prize_single .ps_center p.prize_name {font-size:24px;line-height:30px;}
.luckDraw .bottom_prize .prize_single .ps_center p.prize_phone {font-size:20px;margin-top:10px;}*/

.luckDraw .bottom_prize .prize_single .prize_image_box {float:left;width:400px;text-align:left;margin-left:110px;position:relative;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_image {width:106px;height:106px;display:block;float:left;margin-right:10px;background:rgba(255,255,255,0.2);padding:2px;border-radius:100%;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_image img {width:100%;height:100%;display:block;border-radius:100%;}
.luckDraw .bottom_prize .prize_single .prize_image_box p {padding:15px 0 5px;line-height:28px;font-size:24px;color:#fff;}
.luckDraw .bottom_prize .prize_single .prize_image_box p.prize_name {font-size:35px !important;line-height:35px !important;color:#ff8900 !important;padding:10px 0;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_bigshow {width:364px;position:absolute;bottom:160px;left:-60px;background:#fff;color:#000;display:none;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_bigshow .arrow {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #fff;position:absolute;left:105px;bottom:-13px;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_bigshow img {width:364px;height:364px;display:block;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_bigshow p {text-align:center;color:#000;line-height:30px;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_bigshow p strong{font-size:24px;line-height:28px;vertical-align:middle;margin:-5px 3px 0 3px;max-width:144px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.luckDraw .bottom_prize .prize_single .prize_image_box .prize_bigshow a {width:20px;height:20px;display:block;position:absolute;top:20px;right:25px;background-image:url(../images/a_close.png);background-size:100% 100%;}

.luckDraw .bottom_prize .prize_single .ps_right {float:right;margin:40px 50px 0 0;font-size:18px;color:#fff;}
/*.luckDraw .bottom_prize .showMore {width:76px;height:53px;display:block;background:url(../images/giftbox.png) 100%;position:absolute;top:-30px;left:50%;margin-left:-53px;}*/

.luckDraw .bottom_prize .prize_all{/*height:612px;*/width:821px;position:absolute;bottom:76px;left:50%;margin-left:-410px;background:#ea3f33;padding:42px 0 20px;display:none;}
.luckDraw .bottom_prize .prize_all h3 { width:371px; height:47px; margin:0 auto; box-sizing:border-box; background:url(../images/prize_all_tit1.png);text-align:center;font-size:28px;color:#000; padding-top:16px;}
.luckDraw .bottom_prize .prize_all .title_top {padding:35px 0;display:inline-block;width:100%;border-top:1px dashed #999;}
.luckDraw .bottom_prize .prize_all .title_top:first-child {border:0;}
.luckDraw .bottom_prize .prize_all .title_top img {width:70px;height:70px;display:inline-block;border:1px solid rgba(179,179,179,0.8);margin-right:10px;}
.luckDraw .bottom_prize .prize_all .title_top p { /*float:left;*/display:inline-block;vertical-align:top;text-align:left;font-size:30px;line-height:30px;color:#DB3232;}
.luckDraw .bottom_prize .prize_all .title_top p span{ font-size:16px; line-height:30px;color:#000;}
.luckDraw .bottom_prize .prize_all .title_top p span strong {font-size:20px;margin:0 5px;}

.luckDraw .bottom_prize .prize_all a.closeAll {width:40px;height:40px;position:absolute;right:30px;top:20px;display:block;background:rgba(0,0,0,0.2);color:#fff;border-radius:100%;text-align:center;font-size:30px;line-height:40px;font-family:"宋体"}
.luckDraw .bottom_prize .prize_all #allBox_wrap{position:relative;width:794px;margin:7px auto 0;max-height:560px;background:#fafee7;overflow:hidden;}
.luckDraw .bottom_prize .prize_all .allBox {/*width:890px;*/width:100%;/*margin:40px auto 0;*/}
.luckDraw .bottom_prize .prize_all .allBox ul {/*float:left;margin-left:-30px;*/ display:inline-block;text-align:center;}
.luckDraw .bottom_prize .prize_all .allBox ul li {width:254px;height:100px;float:left;margin:0 0 20px 10px;display:block;}
.luckDraw .bottom_prize .prize_all .allBox ul li span {display:inline-block;vertical-align:middle;}
.luckDraw .bottom_prize .prize_all .allBox ul li span.pac_number{width:30px;height:30px;margin-top:20px;text-align:center;line-height:28px;color:#ff6d6d;font-size:16px;float:left;}
.luckDraw .bottom_prize .prize_all .allBox ul li img {width:67px;height:67px;display:block;float:left;margin-right:10px;border-radius:100%;border:1px solid rgba(179,179,179,0.8);}
.luckDraw .bottom_prize .prize_all .allBox ul li span.pac_info {width:140px;/*text-align:center;*/}
.luckDraw .bottom_prize .prize_all .allBox ul li span.pac_info p {text-align:left;/*padding:10px 0 5px;letter-spacing:2px;*/overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.luckDraw .bottom_prize .prize_all .allBox ul li span.pac_info p.pac_name {font-size:22px;color:#ff3f00; line-height:30px;}
.luckDraw .bottom_prize .prize_all .allBox ul li span.pac_info p.pac_phone {font-size:18px;color:#4d4d4d; margin-top:10px;}
.luckDraw .bottom_prize .prize_all .allBox_bottom{width:821px;height:6px;background:url(../images/prize_all_bottom.png) no-repeat;position:absolute;left:0;bottom:-6px;}

/*中奖人详细信息弹窗*/
.pop_mask {width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:10;display:none;}
.winning_info_pop {width:840px;position:absolute;top:170px;left:50%;margin-left:-420px;display:none;z-index:20; background-color:#fff;}
.winning_info_pop img {width:330px;height:330px;display:block; float:left;}
.winning_info_pop .infoBox {margin-left:350px; text-align:left;}
.winning_info_pop .infoBox p{font-size:34px;color:#555;line-height:40px;height:80px;overflow:hidden;}
.winning_info_pop .infoBox p.nameLine {padding-top:40px;-webkit-animation-delay:0.4s;animation-delay:0.4s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.winning_info_pop .infoBox p.nameLine .person_name {font-size:48px;line-height:48px;color:#ea8751;}

/*奖品图片显示弹窗*/
.prize_images_pop {position:absolute;top:0;left:50%;margin-left:-512px;z-index:20;width:1024px;height:768px;display:none;}
.prize_images_pop .div_box {width:1024px; height:768px; display:table-cell; vertical-align:middle;}
.prize_images_pop .div_box img{max-width:80%; max-height:80%;}

/* 二维码弹窗 */
.pop-ecode {width:510px;height:640px;background:#fff;z-index:10;position:absolute;right:257px;bottom:100px;border-radius:8px;overflow:hidden;opacity:0;-webkit-opacity:0;transform:scale(0);-webkit-transform:scale(0);transition: all 0.5s;-webkit-transition: all 0.5s;}
.pop-ecode.hover {opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;}
.pop-ecode.zoom1 {transform:scale(0.8);-webkit-transform:scale(0.8);}
.pop-ecode.zoom2 {transform:scale(0.6);-webkit-transform:scale(0.6);}
.pop-ecode .ecode-image {width:100%;display:block;background:#fff;position:relative;cursor:pointer;overflow: hidden;}
.pop-ecode .ecode-image .ecode_img {width:107%;height:107%;margin:-3.5%;display:block;}
.pop-ecode .ecode-image .url_img {width:100%;height:100%;display:block;}
.pop-ecode .ecode-bottomtext {width:470px;height:30px;display:block;margin:0 auto;text-align:left;transition: all 0.5s;-webkit-transition: all 0.5s;}
.pop-ecode .ecode-bottomtext p {font-size:24px;line-height:32px;padding:3px 0;color:#333;}
.pop-ecode .ecode-bottomtext p b {color:#ff0000;font-size:26px;font-weight:normal;}

.swiper-slide.swiper-slide-active {-webkit-animation:animate_fade 0.3s ease-in-out both;animation:animate_fade 0.3s ease-in-out both}
@keyframes animate_fade{
    0% {
        opacity:0.8;
    }
    100% {
    	opacity:1;
    }
}
@-webkit-keyframes animate_fade{
    0% {
        -webkit-opacity:0.8;
    }
    100% {
    	-webkit-opacity:1;
    }
}

.animate_rotate {-webkit-animation:animate_rotate linear infinite;animation:animate_rotate linear infinite;-webkit-animation-duration:10s;animation-duration:10s;}
@-webkit-keyframes animate_rotate{
    0% {
        -webkit-transform:rotate(0);
    }    
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@keyframes animate_rotate{
    0% {
        transform:rotate(0);
    }    
    100% {
        transform:rotate(360deg);
    }
}
.animate_rotate.fast{-webkit-animation-duration:4s;animation-duration:4s;}
.animate_crown {-webkit-animation:animate_crown 0.5s ease-in-out both;animation:animate_crown 0.5s ease-in-out both;-webkit-animation-delay:0.5s;animation-delay:0.5s;}
@-webkit-keyframes animate_crown{
    0% {
        -webkit-opacity:0;
        -webkit-transform:scale(0.5) translateY(100px);
    }
    75% {
    	-webkit-opacity:1;
        -webkit-transform:scale(1) translateY(0);
    }
    90% {
    	-webkit-opacity:0.8;
        -webkit-transform:scale(0.95) translateY(20px) rotateY(0);
    }
    100% {
    	-webkit-opacity:1;
        -webkit-transform:none;
    }
}

.startButton {-webkit-animation:animate_startButton 0.3s ease-in-out both;animation:animate_startButton 0.3s ease-in-out both}
@keyframes animate_startButton{
    0% {
        opacity:0.8;
        transform:scale(0.9);
    }
    70% {
    	opacity:1;
    	transform:scale(1.1);
    }
    90% {
    	opacity:0.95;
    	transform:scale(0.95);
    }
    100% {
    	opacity:1;
    	transform:none;
    }
}
@-webkit-keyframes animate_startButton{
    0% {
        -webkit-opacity:0.8;
        -webkit-transform:scale(0.9);
    }
    70% {
    	-webkit-opacity:1;
    	-webkit-transform:scale(1.1);
    }
    90% {
    	-webkit-opacity:0.95;
    	-webkit-transform:scale(0.95);
    }
    100% {
    	-webkit-opacity:1;
    	-webkit-transform:none;
    }
}
.stopButton {-webkit-animation:animate_stopButton 0.3s ease-in-out both;animation:animate_stopButton 0.3s ease-in-out both}
@keyframes animate_stopButton{
    0% {
        opacity:0.8;
        transform:scale(0.9);
    }
    70% {
    	opacity:1;
    	transform:scale(1.1);
    }
    90% {
    	opacity:0.95;
    	transform:scale(0.95);
    }
    100% {
    	opacity:1;
    	transform:none;
    }
}
@-webkit-keyframes animate_stopButton{
    0% {
        -webkit-opacity:0.8;
        -webkit-transform:scale(0.9);
    }
    70% {
    	-webkit-opacity:1;
    	-webkit-transform:scale(1.1);
    }
    90% {
    	-webkit-opacity:0.95;
    	-webkit-transform:scale(0.95);
    }
    100% {
    	-webkit-opacity:1;
    	-webkit-transform:none;
    }
}

.beat {-webkit-animation:animate_beat 0.3s ease-in-out both;animation:animate_beat 0.3s ease-in-out both}
@keyframes animate_beat{
    0% {
        opacity:0.8;
        transform:scale(0.9);
    }
    70% {
    	opacity:1;
    	transform:scale(1.1);
    }
    90% {
    	opacity:0.95;
    	transform:scale(0.95);
    }
    100% {
    	opacity:1;
    	transform:none;
    }
}
@-webkit-keyframes animate_beat{
    0% {
        -webkit-opacity:0.8;
        -webkit-transform:scale(0.9);
    }
    70% {
    	-webkit-opacity:1;
    	-webkit-transform:scale(1.1);
    }
    90% {
    	-webkit-opacity:0.95;
    	-webkit-transform:scale(0.95);
    }
    100% {
    	-webkit-opacity:1;
    	-webkit-transform:none;
    }
}