@charset "gb2312";
/* CSS Document */

/*default css*/
html{color:#000;background:#fff;}
body{font:12px/1.5 "microsoft yahei","宋体",Tahoma,Arial,Helvetica,sans-serif;word-break:break-all;word-wrap:break-word;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;}ul,ol,input{margin:0;padding:0;}li{list-style: none;}
img{border:none;vertical-align:bottom;}table{border-collapse:collapse;border-spacing:0;}
em,i{font-style:normal}b,strong,th{font-weight:normal;}
textarea{resize:none;}button,input,textarea{/*background: none; border:none;*/font-family:"microsoft yahei","宋体",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;}/*input:focus{outline: none;}*/
a{color:#333333; text-decoration:none; }

.clearfix { *zoom:1}
.clearfix:after{content: "";display: block; clear: both;}
.clearDiv{ clear:both; line-height:0; height:0; overflow:hidden; }
.fl{float:left;}
.fr{float:right;}
.wrap{width:1000px;margin:0 auto;text-align: left;}
h2{ font:bold 45px/70px "microsoft yahei"; color:#fc4052; text-align:center; background:url(imagespic1.jpg) no-repeat center bottom; }

/*top*/
.zg_topWrap{ background:url(imagestop_wrap.jpg) no-repeat center top; }
.zg_top{ background:#fc4052; height:48px; }
.zg_logo{ float:left; }
.zg_top_a{ float:left; padding:28px 0 0 30px; font:18px/20px "microsoft yahei"; color:#fff; }
.zg_top_a a{ color:#fff; padding:0 6px; }
.zg_top_a a:hover{ text-decoration:underline; }
.zg_tel{ float:right; font:18px/20px "microsoft yahei"; color:#fff; padding-top:28px; }

/*banner*/
.zg_bannerWrap{ min-width:1000px; background:url(imagesbanner.jpg) no-repeat center top; }
.zg_banner{ position:relative; }
.zg_banner p{ position:absolute; top:400px; left:525px; font:33px/1 "microsoft yahei"; color:#fff; }

/*m1*/
.zg_m1Wrap{ min-width:1000px; background:url(imagesm1_wrap.jpg) no-repeat center top; height:248px; }
.zg_m1{ background:url(imagesm1.jpg) no-repeat center top; height:168px; padding-top:80px; }
.zg_m1 p{ width:858px; height:68px; font:bold 34px/68px "microsoft yahei"; color:#fff; text-align:center; background:#fc4052; margin:0 auto; }

/*m2填问卷*/
.zg_m2Wrap{ min-width:1000px; height:752px; background:url(imagesm2_wrap.jpg) no-repeat center top; }
.zg_m2{ height:752px; background:url(imagesm2.jpg) no-repeat center top; }
.zg_m2tit{ font:25px/113px "microsoft yahei"; color:#fff; text-align:center; padding-top:54px; }
.zg_m2con{ width:665px; height:280px; background:#fff; margin:0 auto; }
.zg_ques{ position:relative; width:511px; height:208px; font:18px/22px "microsoft yahei"; color:#ff5254; padding:36px 77px; display:none; }
.zg_ques label{ display:inline-block; *display:inline; *zoom:1; width:215px; margin-top:24px; padding-left:36px; background:url(imagespic2.jpg) no-repeat left center; white-space: nowrap; }
.zg_ques label.on{background:url(imagespic3.jpg) no-repeat left center; }
.zg_ques .multi{ display:none; }
.zg_ques .only{ display:none; }
.next,.sub{ position:absolute; bottom:-93px; left:50%; margin-left:-123px; display:block; width:246px; height:58px; background:#fff; font:bold 25px/58px "microsoft yahei"; color:#ff6769; text-align:center; border-radius:12px; }

.zg_form{ width:585px; padding:36px 40px; }
.zg_form p{ padding-bottom:26px; }
.zg_form label{ display:block; width:278px; height:40px; padding:0; margin:0 auto 16px; background:none; }
.zg_form .text,.zg_form .prov{ width:266px; height:38px; border:1px solid #ddd; padding-left:10px; outline:none; font:16px/38px "microsoft yahei"; color:#ddd; }
.zg_form .prov{ width:276px; }
.sub{ border:none; outline:none; cursor:pointer; }
::-webkit-input-placeholder { color: #ddd; } 
:-moz-placeholder { color: #ddd; } 
::-moz-placeholder { color: #ddd; } 
:-ms-input-placeholder { color: #ddd; } 

/*m3 玩转盘*/
.zg_m3Wrap{ min-width:1000px; height:810px; background:url(imagesm3_wrap.jpg) no-repeat center top; }
.zg_m3{ position:relative; background:#fef7f6; height:810px; }
.zg_m3 h2{ margin-bottom:48px; }
.zg_m3con{ position:relative; padding:26px 0 16px; width:458px; border:1px dashed #ff5e5f; margin:0 0 40px 9px; }
.zg_m3con p{ position:absolute; top:-23px; left:-9px; width:160px; height:47px; font:bold 22px/47px "microsoft yahei"; color:#fff; text-align:center; padding:0 3px 4px 0; background:url(imagespic4.png) no-repeat center center;}
.zg_m3con ol{ padding:0 8px 0 18px; }
.zg_m3con li{ font:16px/36px "microsoft yahei"; color:#ff5254; *line-height:34px; }
.zg_m3con li span{ float:left; }
.zg_m3con li span.w{ width:368px; }
.zg_m3con li a{ color:#ff5254; text-decoration:underline; }
.zg_m3con li i{ text-decoration:underline; }

.zg_dial{ position:absolute; top:154px; right:-32px; width:528px; height:528px; background:url(imagespic5.png) no-repeat; }
.zg_dial .zg_dial_zz{ position:absolute; top:50%; left:50%; margin:-107px 0 0 -107px; display:block; width:214px; height:214px; background:url(imagespic6.png) no-repeat; cursor:pointer; }

/*m4 时间紧*/
.zg_m4Wrap{ min-width:1000px; height:590px; background:url(imagesm4_wrap.jpg) no-repeat center top; }
.zg_m4{ background:#fef7f6; height:590px; }
.zg_m4_subtitle{ font:25px/50px "microsoft yahei"; color:#fc4052; text-align:center; margin-bottom:8px; }
.zg_m4con{ width:100%; height:350px; background:url(imagespic13.png) no-repeat;}
.zg_m4con p{ font:24px/42px "microsoft yahei"; color:#000; padding:28px 35px 0; letter-spacing:4px;}
.zg_m4con li{ float:left; width:284px; height:60px; margin:0 8px 16px 8px; font:24px/60px "microsoft yahei"; color:#fff; text-align:center; }
.zg_li1{ background:url(imagespic7.png) no-repeat; }
.zg_li2{ background:url(imagespic8.png) no-repeat; }
.zg_li3{ background:url(imagespic9.png) no-repeat; }
.zg_li4{ background:url(imagespic10.png) no-repeat; }
.zg_li5{ background:url(imagespic11.png) no-repeat; }

.zg_m4 a{ display:block; width:400px; height:68px; border-radius:10px; font:bold 28px/68px "microsoft yahei"; color:#fff; text-align:center; background:#fc4052; margin:33px auto 0; }

/*m5问题多*/
.zg_m5Wrap{ min-width:1000px; height:471px; background:url(imagesm5_wrap.jpg) no-repeat center top; }
.zg_m5{ height:471px; background:url(imagesm5.jpg) no-repeat center top; }
.zg_m5 h2{ margin-bottom:48px; }
.zg_m5con{ width:1000px; height:354px; background:url(imagespic16.jpg) no-repeat center top; }
.zg_m5con ul{ padding:30px 32px 0;}
.zg_m5con li{ float:left; margin-right:84px; }
.zg_m5Img{ width:236px; height:236px; border:10px solid #fc4052; border-radius:10px; }
.zg_m5Img img{ width:100%; height:100%; }
.zg_m5con li p{ font:18px/30px "microsoft yahei"; text-align:center;  }
.zg_m5con li p a{ color:#fc4052; }

/*footer*/
.zg_footerWrap{ min-width:1000px; height:144px; background:url(imagesfooter_wrap.jpg) no-repeat center top; }
.zg_footer{ height:144px; font:18px/144px "microsoft yahei"; color:#fc4052; text-align:center; background:url(imagesfooter.jpg) no-repeat center top; }

/*右浮窗*/
.zg_fix{ position:fixed; top:20px; right:0; width:208px; padding-top:247px; background:url(imagespic17.png) no-repeat left top; }
.zg_fix ul{ width:140px; background:#ff6769; border-radius:10px; padding:25px 0 20px; margin:0 auto; }
.zg_fix li{ font:18px/42px "microsoft yahei"; text-align:center; }
.zg_fix li a{ color:#fff; }

/*遮罩层*/
.zg_cjbg,.zg_hjbgWrap,.cyj{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:url(imagespic18.png) repeat; display:none; }
/*去抽奖*/
.zg_cj{ position:absolute; top:50%; left:50%; margin:-115px 0 0 -333px; width:666px; height:230px; background:url(imagespic19.png) no-repeat; }
.zg_cj dl{ width:428px; padding-top:36px; text-align:center; }
.zg_cj dt{ font:bold 38px/1 "microsoft yahei"; color:#ff6769; }
.zg_cj dd{ font:bold 30px/80px "microsoft yahei"; color:#ff6769; }
.zg_cj p{ width:428px; }
.zg_cj_a{ display:block; width:160px; height:50px; padding-left:20px; font:26px/50px "microsoft yahei"; color:#fff; text-align:center; background:#fe6869; letter-spacing:20px; border-radius:10px; margin:0 auto; }
.close_cj,.close_hj{ position:absolute; top:9px; right:12px; display:block; width:17px; height:17px; background:url(imagespic20.png) no-repeat; }
/*N等奖与参与奖*/
.zg_hjbg{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(imagespic21.png) no-repeat center center;}
.zg_hj{ position:absolute; top:50%; left:50%; margin:-240px 0 0 -375px; width:666px; height:288px; background:url(imagespic22.png) no-repeat; padding:114px 0 14px 42px; }
.zg_hj .close_hj{ top:122px; }
.zg_hj dl{ float:right; width:430px; padding-top:46px; text-align:center;}
.zg_hj dt{ font:bold 43px/1 "microsoft yahei"; color:#ff6769; }
.zg_hj dd{ font:bold 65px/125px "microsoft yahei"; color:#ff6769; }
.zg_hj p{ padding-right:35px; font:23px/51px "microsoft yahei"; text-align:right; }

.zg_hj .zg_xz{ float:right; width:430px; padding:0; font:23px/54px "microsoft yahei"; text-align:center; }
.zg_xz a{ display:block; width:220px; height:54px; background:#fe6869; border-radius:10px; color:#fff; margin:-4px auto 0; }


#animation{
-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;
animation-iteration-count:infinite;
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}