@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0px; padding:0px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{ text-decoration:none;}
/*万能清除浮动*/
.clearfix:after{ display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix { zoom:1;}
.cb{ clear:both;}
html{font-size:62.5%; }
body,html,.screenful{ width:100%; height:100%;}



/*====背景音乐图标===*/
.audio_btn,.audio_close{ display:block;position:absolute;right:0.5rem; top:0.5rem; width:3rem; height:3rem; background:url(music.png) no-repeat; background-size:100%; cursor:pointer;z-index: 5;}
.audio_close{ background:url(music_sel.png); background-size:100%;}

/*==== 引导页====  */
.warp {background-color:#dcf3f0;max-width:640px;margin:0 auto; position:relative;width:100%; height:100%; overflow:hidden; min-height:570px;}
.a_logo { background:url(a-logo.png) center 0px no-repeat;background-size:100% auto; width:110px; height:32px; margin:0 auto; display:block; margin-top:80%;}
.csd { background:url(chuansongdai.gif) no-repeat center 0; width:212px; height:42px;background-size:100% auto; margin:0 auto;}
.csd { font-family:"微软雅黑"; font-size:1.5rem;color:#fff100; text-align:center; line-height:42px;}
.gift { background:url(a-gift.png) no-repeat center 0; width:68px; height:51px;background-size:100% auto; margin:0 auto;margin-top:50%;}
.gift p {font-family:"微软雅黑"; font-size:1.2rem;color:#ffffff;font-weight:bold;  line-height:70px; text-align:center; margin-left:5px;}
/* ======引导页 END==== */


/*==== 首页====  */
.index_banner {background:#53aa49 url(bg.png) no-repeat center 0; background-size:100%;max-width:640px;min-height:100%; height:auto !important; height:100%;margin:0 auto; position:relative; }
.banner_gift {background-size:100% auto; width:100%; height:auto; margin:0 auto; padding-top:35px; position:relative;}
.banner_gift img { width:100%;}
.banner_title { background:url(a_title.png) no-repeat center 0; width:65%; height:67%;background-size:100% auto; position:absolute; top:28%; left:18%;}
.banner_btn { background:url(a_btn.png) no-repeat center 0; width:21%; height:22%;background-size:100% auto; position:absolute; bottom:7%; right:12%;}
.banner_btn:hover { background:url(a_btn_sel.png) no-repeat center 0; width:21%; height:22%;background-size:100% auto;}

.zhi_bg { background-size:100% auto; width:100%; height:auto; margin:0 auto; position:relative; bottom:0px}
.zhi_bg img{ width:100%} 
.dj_btn { background:url(dj_btn.png) no-repeat center 0; width:63%; height:42%;background-size:100% auto;position:absolute;top:18%; left:24%;}
.dj_btn:hover { background:url(dj_btn_sel.png) no-repeat center 0; width:63%; height:42%;background-size:100% auto;}
.qqq_btn { background:url(qqq_btn.png) no-repeat center 0; width:44%; height:17%;background-size:100% auto;position:absolute;top:66%; left:34%;}
.qqq_btn:hover { background:url(qqq_btn_sel.png) no-repeat center 0; width:44%; height:17%;background-size:100% auto;}

.pt_tc { width:100%; height:100%;max-width:640px; margin:0 auto;background-size:100% auto;background:#000000; position:absolute;filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9; z-index:10;}
.bg_tc { background:url(tc_bg.png) no-repeat;background-size:100% auto; width:63%; height:42%; z-index:11;position:absolute; left:50%; top:20%; margin-left:-32%;}
.bg_tc h3 {font-family:"微软雅黑"; font-size:1.2rem;color:#555555;font-weight:bold;  line-height:55px; text-align:center;}
.tc_btn01,.tc_btn02 { width:70%; height:35px; background-color:#f97f20; border-radius:50px; display:block; margin:0 auto;font-family:"微软雅黑"; line-height:35px;font-size:1.4rem;color:#ffffff;font-weight:bold; text-align:center;}
.tc_btn02 {background-color:#e13b29; margin-top:10px;}
.tc_btn01:hover {background-color:#ea5300;}
.tc_btn02:hover {background-color:#aa2d1f;}
/*==== 首页END====  */

/*==== 活动说明====  */
.hdsm {background:#53aa49; background-size:100%;max-width:640px;min-height:100%; height:auto !important; height:100%;margin:0 auto;}
.sm_box {padding-top:20px;}
.sm_bt {background:url(hdsm_bt.png)  no-repeat center 0; width:94%; height:36px; margin:0 auto;background-size:100% auto; }
.sm_box p {font-family:"微软雅黑"; font-size:1.2rem;color:#ffffff; line-height:2.2rem; margin:0% 3% 3% 3%;}
.zhi_bg02 {background-size:100% auto; width:100%; height:auto; margin:0 auto; position:relative; bottom:0px;}
.zhi_bg02 img { width:100%;}
.zhi_left {position:absolute; left:20%; top:10%;}
.zhi_left p {font-family:"微软雅黑"; font-size:2.4rem;color:#a26947;font-weight:bold;  line-height:2.6rem; }
.zhi_left .zhi_xl { background:url(icon_xl.png) no-repeat center 0; width:23px; height:10px; display:inline-block;background-size:100% auto; margin-left:16%; margin-top:4%;}


.zhi_right {position:absolute; left:30%;top:6%; width:200px;}
.part1_gift1 { background:url(gift_hb.png); width:100px; height:100px;background-size:100% auto; margin-top:10px;}
.gift01 { background:url(jt02.png) no-repeat center 0; width:45px; height:41px; display:inline-block;background-size:100% auto; margin-left:40px; margin-top:10px;}
.part1_gift2 { background:url(gift_jf.png); width:100px; height:100px;background-size:100% auto; margin-top:10px;}
.zhi_right span{ background-color:#778a99;border-radius:20px; width:100px; height:18px; display:block;color:#ffffff;font: bold 1rem "微软雅黑" ; text-align:center; margin-top:-15px;}
.zhi_right em { background:url(jt01.png) no-repeat center 0; width:45px; height:41px; display:inline-block;background-size:100% auto; margin-left:10px; margin-top:10px;}
.part1_gift3 { background:url(gift_up.png); width:100px; height:100px;background-size:100% auto;}
.gift001 { margin-top:50%; margin-left:-10%;}
.gift002 { margin-left:45%; margin-top:-130%}
.gift003 { margin-top:5%; margin-left:45%;}
/*==== 活动说明END====  */

/*==== 结果页====  */
.jgy_banner {background:#53aa49 url(bg02.png) no-repeat center 0; background-size:100%;max-width:640px;min-height:100%; height:auto !important; height:100%;margin:0 auto; position:relative; }
.jgy_gift {background-size:100% auto; width:100%; height:auto; margin:0 auto; padding-top:35px; position:relative;}
.jgy_gift img { width:100%;}
.jgy_box { position:absolute; top:44%; left:22%; text-align:center; width:58%; height:42%; }
.jgy_title { background:url(thank.png) no-repeat center 0; width:100%; height:48%;background-size:100% auto;}
.jgy_box em {color:#fff100;font: bold 60px "微软雅黑" ;}
.jgy_box b {color:#fff100;font: bold 12px "微软雅黑" ;  display:inline-block; text-align:left; margin-left:10px;}
.jgy_gift p {color:#ffffff;font: normal 9px "微软雅黑" ; text-align:center; margin-top:-20px; margin-bottom:5px;}

.share_btn { background:url(share_btn.png) no-repeat center 0; width:63%; height:42%;background-size:100% auto;position:absolute;top:18%; left:24%;}
.share_btn:hover { background:url(share_btn_sel.png) no-repeat center 0; width:63%; height:42%;background-size:100% auto;}
.bk_mk { background:#5ab5ed; width:100%; height:100%;background-size:100%; margin-top:-3px; padding-top:30px;}
.bk_bt {background:url(bk_bt.png)  no-repeat center 0; width:94%; height:36px; margin:0 auto;background-size:100% auto; }

.part3{ background:#a5dbf3; width:100%;background-size:100%; margin-top:-3px; padding-top:15px; padding-bottom:15px;}
.part3_box {margin:0 auto; width:220px;}
.sys { background:url(downQr.png) no-repeat center 0; width:75px; height:75px; display:inline-block; background-size:100% auto;}
.btn { width:107px; height:75px; display:inline-block; margin-left:30px;}
.btn_a { background:url(ip.png) no-repeat center 0; width:107px; height:30px;display:inline-block; background-size:100% auto; margin-bottom:10px;cursor:pointer;}
.btn_a:hover {  background:url(ip_sel.png) no-repeat center 0; width:107px; height:30px;background-size:100% auto;}
.btn_b {background:url(an.png) no-repeat center 0; width:107px; height:30px;display:inline-block; background-size:100% auto;}
.btn_b:hover { background:url(an_sel.png) no-repeat center 0; width:107px; height:30px;background-size:100% auto;}


.part2_main { display:inline-block; padding:15px 0px 15px 15px;}
.part2_main li { display:inline-block;}
.part2_main em { background:url(bq_sz.png); width:20px; height:20px; display:inline-block;color:#6a3906;font: bold 12px "微软雅黑" ; text-align:center; float:left; position:relative;background-size:100% auto;}
.part2_main .m01 { background:url(m01.png); width:50px; height:50px; display:inline-block; margin-left:-15px; margin-top:5px; z-index:4;background-size:100% auto; }
.part2_main .m02 { background:url(m02.png); width:50px; height:50px; display:inline-block; margin-left:-15px; margin-top:5px; z-index:4;background-size:100% auto; }
.part2_main .m03 { background:url(m03.png); width:50px; height:50px; display:inline-block; margin-left:-15px; margin-top:5px; z-index:4;background-size:100% auto; }
.part2_main .m04 { background:url(m04.png); width:50px; height:50px; display:inline-block; margin-left:-15px; margin-top:5px; z-index:4;background-size:100% auto; }
.part2_main .m05 { background:url(m05.png); width:50px; height:50px; display:inline-block; margin-left:-15px; margin-top:5px; z-index:4;background-size:100% auto; }
.part2_main .m06 { background:url(m06.png); width:50px; height:50px; display:inline-block; margin-left:-15px; margin-top:5px; z-index:4;background-size:100% auto; }
.part2_main .m07 { background:url(m07.png); width:50px; height:50px; display:inline-block; margin-left:-15px; margin-top:5px; z-index:4;background-size:100% auto; }
.part2_main .t01 { background:url(bq_g.png); width:111px; height:30px; display:inline-block; margin-left:5px;background-size:100% auto; color:#ffffff;}
.part2_main span { background:url(span.png); width:61px; height:18px; display:inline-block;margin-left:-55px;color:#ffffff;font: normal 11px "微软雅黑" ;text-align:center;background-size:100% auto;}
.part2_main h3 { background:url(bq_h.png); width:111px; height:30px; display:inline-block; margin-left:5px;color:#6a3906;font: bold 17px "微软雅黑" ;text-align:center;background-size:100% auto; }
.part2_main p {color:#ffffff;font: normal 10px "微软雅黑" ; margin-left:5px;text-align:left;}
.part_li { width:75%;}
.more {width:70%; height:35px; background-color:#1f91d7; border-radius:50px; display:block; margin:0 auto;font-family:"微软雅黑"; line-height:35px;font-size:1.4rem;color:#ffffff;font-weight:bold; text-align:center; margin-bottom:20px; margin-top:10px;}
.web_top {width:35px; height:35px; background-color:#1f91d7; border-radius:50px; display:block; margin:0 auto;font-family:"微软雅黑"; line-height:35px;font-size:1.4rem;color:#ffffff;font-weight:bold; text-align:center; margin-bottom:20px; margin-top:10px;}
.more:hover,.web_top:hover { background:#176b9e;}
/*==== 结果页END====  */

/*==== 分享====  */
.tc { width:100%; height:100%;max-width:640px; margin:0 auto;background-size:100%;background:#000000; position:absolute;filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8; z-index:17}
.share { background:url(share_png.png) no-repeat 0px center;background-size:100% auto; width:135px; height:75px; margin:0px auto;position:absolute;top:2%; right:5%;  z-index:99;}

.mask_bor{ background:#fff; border-radius:5px;text-align:center;color:#555; width:22rem;min-height:12rem; position:absolute;  left:50%; top:20%; margin-left:-11rem; margin-top:-10rem; z-index:99; box-shadow:0px 0px 5px #ccc;}
.mask_bor .mask-alert{ padding:20px 20px 10px;font:normal 14px/25px "微软雅黑"; color:#5f2503; background:#fdefcc; margin-bottom:15px; border-radius:5px 5px 0px 0px;}
.mask_bor .mask-btn{ display:block; margin:20px 20px 15px; margin-top:0px; height:30px; background:#ffd200; border-radius:3px;font:normal 14px/28px "微软雅黑"; color:#5f2503;}
.mask_bor .mask-btn:hover{ background:#f2c200;}
.mask_bor .close-btn{ display:block; width:3.5rem; height:3.5rem; border:1px #DBDBDB solid; border-radius:100%;position:absolute;right:-1rem; top:-0.5rem;color:#a0a0a0; line-height:3.5rem; font-size:1.8rem; font-family: Arial; background:#FFF;}
.mask_bor ul{ padding-top:20px;}
.mask_bor li{ display:block; height:8.5rem; text-align:center;}
.mask_bor li a{ display:inline-block; width:50px; padding:0px; margin:0px 7px; font-size:1.2rem; line-height:3rem; color:#555;}
.mask_bor li a:hover{ color:#e13b29;}
.mask_bor li a span{ display:block; width:45px; height:45px; background:url(main.png) no-repeat;  margin:0 auto; }
.mask_bor li a .weix{ background:url(main.png) no-repeat 0 0px; background-size:100px auto;}
.mask_bor li a .pyq{ background:url(main.png) no-repeat 0 -45px; background-size:100px auto;}
.mask_bor li a .sina{ background:url(main.png) no-repeat 0 -90px;background-size:100px auto;}
.mask_bor li a .qzone{ background:url(main.png) no-repeat 0 -135px; background-size:100px auto;}
.mask_bor li a .qq{ background:url(main.png) no-repeat 0 -180px; background-size:100px auto;}
.mask_bor li a .btn{ width:40px; height:40px; background:url(main.png) no-repeat 0 -611px; background-size:320px auto; margin-top:5px;}
/*==== 分享END====  */
.fanhui {display:block;position:absolute;left:0.5rem; top:0.5rem; width:3rem; height:3rem; background:url(fanhui.png) no-repeat; background-size:100%; cursor:pointer;}