body{ background:#e6e6e6; width:100%; height:100%; position:relative;margin:0; padding:0; -webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
p,input,ul,li{ margin:0; padding:0; list-style:none;}
.container{ width:100%; height:100%; position:relative; overflow:hidden;}

.top_title{ width:100%; height:100px; background:url(../images/act/title_bg.png) repeat-x; left:0; position:fixed; top:0; z-index:2;}
.top_title span{ display:block; width:100%; height:80%; background:url(../images/act/activity_title01.png) no-repeat center center; background-size:auto 60%;}
.top_title_en span{ display:block; width:100%; height:80%; background:url(../images/act/activity_title01_en.png) no-repeat center center; background-size:auto 60%;}

.top_title_po{ width:100%; height:100px; background:url(../images/act/title_bg.png) repeat-x; left:0; position:fixed; top:0; z-index:2;}
.top_title_po_1{ width:100%; height:100px; background:url(../images/act/title_bg.png) repeat-x; left:0; position:fixed; top:0; z-index:2;}
.top_title_po span{ display:block; width:100%; height:80%; background:url(../images/act/activity_title03.png) no-repeat center center; background-size:auto 60%;}
.top_title_po_en span{ display:block; width:100%; height:80%; background:url(../images/act/activity_title03_en.png) no-repeat center center; background-size:auto 60%;}

.top_title_po_1 span{ display:block; width:100%; height:80%; background-size:auto 60%;}


.activity_main{ width:100%; height:auto; margin-top:115px; padding-bottom:115px; position:relative; overflow:hidden; display:;}
.activity_list{ width:auto; height:200px; margin:0 auto; background:white; border-radius:30px; margin:0 10px; margin-bottom:10px; padding-right:10px; position:relative;}

.list_pic{ width:20%; height:202px; min-width:202px;max-width:202px; background-size:90% auto; float:left;}
.list_pic img{ width:90%; border:0;}
.footer{width:100%; height:114px; background:url(../images/act/footer_bg.png) 0 -1px; position:fixed; left:0; bottom:-3px; z-index:3;}
.footer span{ display:block; width:100%; height:100%; background:url(../images/act/footer_btn.png) no-repeat center center; background-size:auto 85%;pointer-events:;}
.list_introduce{overflow:hidden; height:auto; padding-top:10px;word-wrap: break-word;}
.list_introduce span{ display:block;font:26px 微软雅黑, Helvetica,sans-serif;line-height:40px;}
.list_introduce .introduce_title{ color:#ff783d;font:32px 微软雅黑, Helvetica,sans-serif;line-height:40px; }
.list_btn01,.list_btn02{ width:154px; height:73px; position:absolute; right:5px; bottom:5px;font:28px 微软雅黑, Helvetica,sans-serif; text-align:center; line-height:68px;letter-spacing:2px;}
.list_btn01{ background:url(../images/act/list_btn.png) no-repeat; color:white;}
.list_btn02{ color:#acacac;}
.fill_info_mask,#loading_mask,#box_mask/*,#rank_help_mask*/,#red_pack_mask,#zq11_popup_mask,#prize_tips_mask{ width:100%; height:2000px; position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); opacity:0.7; z-index:10; display:none;}
.fill_info,.lootery_record{ width:566px; height:751px; background:url(../images/act/fill_info_bg.png) no-repeat;position:fixed; left:50%; top:50%; margin-left:-283px; margin-top:-375px; z-index:11;font:28px 微软雅黑, Helvetica,sans-serif; display:none;}
.info_title,.record_title{ width:100%; height:50px;font:40px 微软雅黑, Helvetica,sans-serif; line-height:50px; text-align:center; font-weight:600; color:white; margin-top:30px;}
.info_text{ width:490px; height:70px; margin:0 auto;line-height:70px; color:white;}
.info_text span{ width:200px; height:100%; float:left; color:#000; background:white; border-radius:10px; padding:0 5px; color:#666;}
.info_text input{ height:55px;; width:200px;font:28px 微软雅黑, Helvetica,sans-serif; border:0;background-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.info_text em{ float:right;max-width:280px; white-space:nowrap;  color:#ed3737; font-style:normal;}
.info_text i{ font-style:normal; padding:5px; padding-top:3px;float:left;}
.info_btn{ width:204px; height:73px; clear:both;margin:0 auto; background:url(../images/act/info_btn.png) no-repeat; text-align:center; line-height:70px; color:white; position:relative; top:20px; z-index:7;}
.info_explain{ width:490px;position:absolute; left:38px; bottom:50px;font:20px 微软雅黑, Helvetica,sans-serif; text-align:center; line-height:30px;  color:white;}


.lottery_main{width:640px; height:1140px;font:28px 微软雅黑, Helvetica,sans-serif;  zoom:112%; margin:0 auto; position:relative; left:0%; display:none;}
.lottery_box{width:640px; top: -20px;height:100%; margin:0 auto; position:relative; overflow:hidden; background:url(../images/act/lottery_bg02.png) no-repeat; background-size:100% auto;}
.lottery_list_box{width:604px; height:486px; background:url(../images/act/marquee_bg01.gif) no-repeat; margin:0 auto; margin-top:10px; overflow:hidden;}
.lottery_list{ width:554px; height:434px; margin:25px;}
.lottery_list .lottery_list01,.lottery_list .lottery_list02{ width:170px; height:132px; background:url(../images/act/lottery_btn02.png) no-repeat; float:left; margin-left:9px; margin-top:8px; margin-bottom:3px; margin-right:4px;}
.lottery_02{ width:100%; height:100%; margin:0; padding:0;}
.lottery_02 span{ width:100%; height:98px; display:block; background:url(../images/act/lottery_pic01.png) no-repeat; background-size:100% auto;}
.lottery_02 em{ width:100%; display:block; font-style:normal; color:#fff527;text-align:center; margin-top:-6px;font-size: 16px;}

.lottery_01{ width:100%; height:100%; background:url(../images/act/lottery_btn01.png) no-repeat;}
.lottery_list01 .lottery_02,.lottery_list02 .lottery_01{ display:none;}

.own_hp,.hp_count,.lottery_hints,.apple_hints{ width:604px; line-height:44px; color:#fccc01; margin:0 auto; margin-top:10px;}
.apple_hints{ margin-bottom:10px;}
.hp_count{ margin-top:0;}
.hp_count span{ float:left;}
.lottery_hints,.apple_hints{ color:#752b1a;}
.lottery_hints{ clear:both; height:44px; }
.lottery_hints span{ height:100%;text-decoration:underline; padding:10px 0; margin-top:-10px; float:left;}
.apple_hints{ text-align:center;opacity:0.7;}

@-webkit-keyframes sxIn1{
	0%{-webkit-transform:scaleX(1);}
	100%{-webkit-transform:scaleX(0);}
}
@-webkit-keyframes sxIn2{
	0%{-webkit-transform:scaleX(0);}
	100%{-webkit-transform:scaleX(1);}
}
.sxIn1{-webkit-animation:sxIn1 150ms ease-in-out;}
.sxIn2{-webkit-animation:sxIn2 150ms ease-in-out;}
.sxIn1,.sxIn2{-webkit-animation-fill-mode:both;-webkit-backface-visibility: hidden;}

.record_close,.popup_close{ width:80px; height:80px; background:url(../images/act/close_box.png) no-repeat center center; position:absolute; right:-18px; top:-18px;}
.record_list{ width:522px; height:538px; background:white; margin:0 auto; margin-top:16px; overflow:hidden;}
.record_list div{ width:100%; height:58px; border-bottom:2px solid #e6e5e6;}
.record_list span{ width:50%; float:left; color:#878787; text-align:center; line-height:60px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.record_list .record_list_title span{ color:#000;}
.bc_g{ background:#f5f5f5;}
.page_box{ width:422px; height:50px; line-height:50px; position:relative; margin:0 auto; top:18px; color:white;}
.page_box span{ height:50px;}
.page_count{ position:absolute; left:0; top:3px; width:100%; text-align:center;}
.prev_btn,.next_btn{ width:100px; position:relative; z-index:1;}
.prev_btn{padding-left:30px; background:url(../images/act/prev_pic.png) no-repeat left center; background-size:auto 65%; float:left;}
.next_btn{ text-align:right; padding-right:30px;background:url(../images/act/next_pic.png) no-repeat right center;  background-size:auto 65%;float:right;}
#boxHint{ width:auto; max-width:600px;padding:15px;background:rgba(0,0,0,.8); color:yellow;position:fixed;left:50%;top:50%;border-radius:10px;z-index:21;font:30px 微软雅黑, Helvetica,sans-serif;text-align:center;-webkit-transform:scale(0) translateZ(0);pointer-events:none;display:none;}
.boxHintIn{-webkit-animation:boxPopupIn 300ms ease-in-out;}
.boxHintOut{-webkit-animation:boxPopupOut 200ms  ease-in-out;}
@-webkit-keyframes boxPopupOut{0%{-webkit-transform:scale(1) translateZ(0); opacity:1;}100%{-webkit-transform:scale(.7) translateZ(0); opacity:0;}}
@-webkit-keyframes boxPopupIn{0%{opacity:0.1;-webkit-transform:scale(0.01) translateZ(0);}60%{opacity:0.6;-webkit-transform:scale(1.05) translateZ(0);}80%{opacity:0.8;-webkit-transform:scale(0.95) translateZ(0);}100%{opacity:1;-webkit-transform:scale(1) translateZ(0);}}
.boxHintIn,.boxHintOut{-webkit-animation-fill-mode:both;-webkit-backface-visibility: hidden;}
.downUpAnime{-webkit-animation:downUpIn 500ms linear infinite;}
@-webkit-keyframes downUpIn{
	0%{ -webkit-transform:translate(0,0px);}
	49%{-webkit-transform:translate(0,-15px);}
	100%{-webkit-transform:translate(0,0px);}
}
.t_w01{ width:90px;}
.t_w02{ width:108px;}
.t_w03{ width:208px;}

#box_mask{ z-index:7;}
.cost_hints em,.cost_hints02 em{ color:#acacac; font-style:normal;}
.list_btn02{ color:#ff783d;}

#loading{ width:300px; height:150px; background:rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; margin:-75px 0 0 -150px; border-radius:10px; z-index:20; display:none;}
#loading_close{ width:75px; height:75px; background:url(../images/act/room_but_close.png) no-repeat; position:absolute; right:-30px; top:-25px; z-index:2;}
.loading_mini_center{ width:100%; height:100%; background:url(../images/act/loading_mini_center.png) no-repeat center center; position:absolute;}
.loading_mini_circle{ width:150px; height:150px; margin:0 auto;background:url(../images/act/loading_mini_circle.png) no-repeat center center;-webkit-animation:circle 1000ms linear infinite;}
@-webkit-keyframes circle{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg)}
}

#exchange_main{ width:640px; height:940px; background:url(../images/act/exchange_bg.png) no-repeat; margin:0 auto; margin-top:90px; position:relative;zoom:112%; display:none;}

.exchange_input_box{ width:363px; height:66px; background:url(../images/act/exchange_text_bg.png) no-repeat; position:absolute; left:44px; top:415px;}
.exchange_input_box input{ width:343px; height:46px; padding:10px; border:0; background:none;font:28px 微软雅黑, Helvetica,sans-serif; font-weight:bold; text-align:center;}
#exchange_prize_btn{ width:178px; height:71px; background:url(../images/act/exchange_prize_btn.png) no-repeat; position:absolute; left:420px; top:415px;}

/* 适配iPhoneX */
.xmask{display: none; width: 100%;height:  100px;position: fixed;left: 0;background: url(../images/act/xmask_top.png) no-repeat center center; background-size:100%;;z-index: 5;}
#topxmask{top: 0;}
@media only screen and (width: 375px) and (height: 812px){
	body{
		padding-top: 44px/* constant(safe-area-inset-top) */;
		padding-left: constant(safe-area-inset-left);
		padding-right: constant(safe-area-inset-right);
		padding-bottom: constant(safe-area-inset-bottom);
	}
	#header_title{top: 57px;}
	#topxmask{display: block;}
}