@charset "utf-8";
html,body {font-family:"Microsoft YaHei",Sans-serif;height:100%; overflow:hidden; overflow-y:auto;}
#index{ position:relative; margin:0 auto; width:640px;height:960px; background:url(../img/main.jpg) no-repeat; overflow:hidden; z-index:1; }
#main{position:relative; margin:0 auto; width:640px; height:960px; background:url(../img/bg.jpg) no-repeat;  overflow:hidden; z-index:0;}
.ani{ position:absolute; display:none;}
.no_ani{ position:absolute;}
#cook1{ left:42px; top:120px;z-index:2;}
#cook2{ left:20px; top:30px; z-index:1; width:600px; height:161px; background:url(../img/question.png) left top no-repeat;}

#cook3{ background:url(../img/answer.png) left top no-repeat; left:5px; top:120px; width:618px; height:630px; z-index:1;}

#cook4{ right:-50px; bottom:40px; z-index:2; display:block; width:172px; height:206px;} 
#cook4 img{ position:absolute; left:0; top:0; display:none;}
#cook4 img:first-child{ display:block;}
#cook5-1{ left:0px; top:760px; z-index:2; display:block;}
#cook5-2{ right:60px; top:860px; z-index:2;display:block;}

#cook6{ right:-30px; top:160px; display:block; display:none; position:absolute;}
.intro{height:158px; font-size:2.4em; color:#FFFFFF; text-align:left;  display:none;font-weight:bold; padding-top:35px; width:560px; margin:0 auto; }
#cook8{ position:absolute; bottom:25px; left:10px; z-index:1111111111111111111; cursor:pointer; display:none;}
#answer{ margin:120px; margin-top:180px; margin-left:120px; margin-right:100px}
#answer p{position:relative;  font-size:28px; color:#FFFFFF; opacity:0; margin-left:-10px;  font-weight:bold;}
#answer p span{cursor:pointer; padding-left:36px; display:none; }

#answer p span.ck{position:relative; background:url(../img/btn.png) left center no-repeat; height:60px; line-height:60px;}
#answer p span.ck_on{background:url(../img/btn_on.png) left center no-repeat;}



/*
#answer p span.lt1{display:block; line-height:40px; height:80px;}
#answer p span.ck_img{ background-position:10px 0;height:120px; line-height:10px; font-size:14px;display:block;  text-align:center;}
#answer p span.ck_img em{ font-style:normal; line-height:24px; font-size:20px; display:block;}
#answer p.f_l{ position:absolute; width:170px; height:120px; margin-top:70px; }
#answer p.f_l:nth-child(1){ left:40px; top:0;}
#answer p.f_l:nth-child(2){ left:210px; top:0;}
#answer p.f_l:nth-child(3){ left:40px; top:150px;}
#answer p.f_l:nth-child(4){ left:210px;top:150px;}

#answer p.f_l .iimg_box1{ position:relative; width:170px; height:120px; display:inline-block;}
#answer p.f_l:nth-child(1) .img_box1{background:url(../img/product_01.png) center top no-repeat;}
#answer p.f_l:nth-child(2) .img_box1{background:url(../img/product_02.png) center top no-repeat;}
#answer p.f_l:nth-child(3) .img_box1{background:url(../img/product_03.png) center top no-repeat;}
*/

/*#answer p.f_l:nth-child(1) .img_ck{background:url(../img/img_a2.png) center top no-repeat;}
#answer p.f_l:last-child .img_ck{background:url(../img/img_a3.png) center top no-repeat;}

*/
#answer p.f_l{ position:absolute; margin-top:50px; text-align:center; display:block;  }
#answer p.f_l:nth-child(1){width:95px; height:150px; left:80px; top:170px; }
#answer p.f_l:nth-child(2){width:174px; height:150px; left:230px; top:170px;}
#answer p.f_l:nth-child(3){width:95px; height:150px;  left:440px; top:170px;}
#answer p.f_l span.ck{background-position:center top;}
#answer p.f_l em{position:relative;  font-style:normal; line-height:24px; font-size:20px; display:block; padding-top:20px;}

#answer p.f_l strong.img_box1{ position:relative; display:block;}
#answer p.f_l:nth-child(1) strong.img_box1{width:95px; height:121px; background:url(../img/product_01.png) center top no-repeat;}
#answer p.f_l:nth-child(2) strong.img_box1{width:174px; height:121px; background:url(../img/product_02.png) center top no-repeat;}
#answer p.f_l:nth-child(3) strong.img_box1{width:95px; height:121px; background:url(../img/product_03.png) center top no-repeat;}


#answer p.f_l2{ position:absolute; margin-top:100px; text-align:center; display:block;width:220px; height:140px;  }
#answer p.f_l2:nth-child(1){left:20px; top:95px; }
#answer p.f_l2:nth-child(2){left:240px; top:95px;}
#answer p.f_l2:nth-child(3){left:20px; top:260px;}
#answer p.f_l2:nth-child(4){left:240px; top:260px;}
#answer p.f_l2 span.ck{background-position:center top; z-index:11111111111111; text-align:center;}
#answer p.f_l2 em{position:relative;  font-style:normal; line-height:24px; font-size:20px; display:block; padding-top:65px; margin-left:60%;}

#answer p.f_l2 strong.img_box2{ position:absolute; display:block;width:170px; height:120px; z-index:-1; left:0px; top:-10px; }
#answer p.f_l2:nth-child(1) strong.img_box2{background:url(../img/food_01.png) center top no-repeat;}
#answer p.f_l2:nth-child(2) strong.img_box2{background:url(../img/food_02.png) center top no-repeat;}
#answer p.f_l2:nth-child(3) strong.img_box2{background:url(../img/food_03.png) center top no-repeat;}
#answer p.f_l2:nth-child(4) strong.img_box2{background:url(../img/food_04.png) center top no-repeat;}

#end_title{position:absolute; left:60px; top:150px; display:none; }
#coupon{ position:absolute; left:60px; top:260px; display:none; }

#next{ position:absolute; right:300px; bottom:100px; font-size:2em; background:#FFFFFF;}
#cook7{ position:absolute; left:0px; top:0px; z-index:111; display:none; width:640px; height:960px; background:url(../img/event_ending.jpg) left top no-repeat; }
#end_next{ position:absolute; left:350px;top:665px; z-index:1111111111111111; font-size:28px; display:block; font-weight:bold; }


#cook9{ position:absolute; top:210px; left:325px; font-size:3em; color:#FFFFFF; z-index:1111111111111111111111111111111111111111; display:none; }

#index_img1{ position:absolute; top:51px; right:100px; display:none;}
#index_img1_1{ position:absolute; top:51px; right:100px; display:none;}
#index_img1_2{ position:absolute; top:151px; right:100px; display:none;}
#index_img1_3{ position:absolute; top:360px; right:170px; display:none;}
#btn_ck{position:absolute;top:840px; left:230px; padding:0; margin:0; cursor:pointer; z-index:11111111111111111111;}
#index_img2{ position:absolute; top:0; left:0;}
#index_img3{ position:absolute; top:0; left:0;}
.ck_inp{ border:3px solid #f9f4bd; background:#FFFFFF; width:160px; height:37px; margin-left:10px; font-size:22px;}
#answer #gi_next{ position:relative;font-style:normal;background:url(../img/next_bt.png) left top no-repeat; width:91px; height:60px; text-indent:-99999px; cursor:pointer; display:none;}
#answer #ju_si{ display:none;}
#answer #ju_si2{ position:absolute;bottom:160px; left:50px; text-align:center; font-size:2em; color:#FDFDFD; width:500px; display:none;}

.ck_inp2{position:absolute; top:250px; left:100px; border:3px solid #f9f4bd; background:#FFFFFF; width:280px; height:37px; margin-left:10px; font-size:22px;}
#answer #next{ position:absolute; right:120px; top:245px;font-style:normal;background:url(../img/next_bt.png) left top no-repeat; width:91px; height:60px; text-indent:-99999px; cursor:pointer;}


.ck_inp_box{}
.ck_inp3{ border:3px solid #f9f4bd; background:#FFFFFF; width:220px; height:37px; margin-left:43px; font-size:22px;}
#answer .t_gi_next{ position:relative;font-style:normal;background:url(../img/next_bt.png) left top no-repeat; width:91px; height:60px; text-indent:-99999px; cursor:pointer; display:none;}

.snow{ width:100%;}

#index2{  width:640px; height:960px; position:absolute; overflow:hidden; opacity:0.5; z-index:0}
/*
.ani{ position:absolute;}
#cook1{ left:27px; top:100px;z-index:2;}
#cook2{ left:10px; top:25px; z-index:1; width:622px; height:158px; background:url(../img/question.png) left top no-repeat;}
#cook3{ background:url(../img/answer.png) left top no-repeat; left:15px; top:260px; width:607px; height:566px; z-index:1;}
#cook4{ right:10px; bottom:80px; z-index:2;}
#cook5{ left:30px; bottom:22px; z-index:2;}
*/