@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/index_bg.png) no-repeat;  }
#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;}
#cook1{ left:27px; top:80px;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:120px; width:607px; height:566px; z-index:1;}

#cook4{ right:-50px; bottom:80px; 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{ left:155px; bottom:10px; z-index:2;}
#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:100px; margin-left:100px; margin-right:100px}
#answer p{position:relative;  font-size:2.6em; 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:160px;  height:100px; margin-top:70px; }
#answer p.f_l:nth-child(1){ left:40px;}
#answer p.f_l:nth-child(2){ left:210px;}
#answer p.f_l:nth-child(3){ left:380px;}

#answer p.f_l .img_ck{ position:relative; width:120px; height:116px; display:inline-block; padding-bottom:10px;}
#answer p.f_l:nth-child(1) .img_ck{background:url(../img/img_a1.png) center top no-repeat;}
#answer p.f_l:nth-child(2) .img_ck{background:url(../img/img_a2.png) center top no-repeat;}
#answer p.f_l:nth-child(3) .img_ck{background:url(../img/img_a3.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;}

*/
#next{ position:absolute; right:300px; bottom:100px; font-size:2em; background:#FFFFFF;}
#cook7{ position:absolute; left:20px; bottom:290px; z-index:111; display:none; width:592px; height:613px; background:url(../img/ending_bg.png) left top no-repeat; }
#end_next{ width:100px; height:46px; position:absolute; left:240px; bottom:86px; z-index:1111111111111111; cursor:pointer;}


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

#index_img1{ position:absolute; top:70px; right:30px; display:none;}
#btn_ck{position:absolute;top:800px; left:208px; padding:0; margin:0; cursor:pointer;}
#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;}

/*
.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;}
*/