@charset "utf-8";
html,body {font-family:"Microsoft YaHei",Sans-serif}
#index{ position:relative; margin:0 auto; width:640px;}
#success,#gift{position:relative; width:640px; margin:0 auto; margin-top:-960px; z-index:11111111111111; text-align:center;opacity: 0.5; filter:alpha(opacity=50);       /* For IE 5-7 */ -ms-filter:"alpha(opacity=50)"; /* For IE 8 */}
#end_btn,#end_btn2{ cursor:pointer;}
#gift_input_box{ position:absolute; top:264px; left:218px;}
.gift_input{ display:block; border:1px solid #b89292; background:#ffeeee; width:326px; font-size:22px; padding:5px 0; margin-bottom:22px;}
#hand{ position:absolute; bottom:25px; left:370px;}
#main{position:relative; margin:0 auto; width:640px; background:#ffe7e7; min-height:960px; padding-bottom:100px;}
#main h1{ text-align:center; font-size:2.8em;}
.question{ display:none; padding:0 20px;}
.txt_question{  clear:both; font-size:2.8em; font-weight:normal;background:url(../img/logo_q.png) left top no-repeat; height:73px; padding-left:76px;display:none;margin-top:120px;}
.txt_question img{ margin-top:-20px;}
.txt_question em{ display:inline-block; margin-top:15px; font-style:normal;border-radius:15px; background:#ffc5c5; padding:10px 2px 10px 15px ;font-family:"Microsoft YaHei",Sans-serif}
.txt_question.txt_br{ line-height:40px; height:75px;background:url(../img/logo_q.png) left top no-repeat; margin-bottom:80px; }
.txt_question.txt_br img{margin-top:-80px;}
.txt_question.txt_br em{display:inline-block; margin-top:20px; font-style:normal;border-radius:15px; background:#ffc5c5; padding:15px 15px;font-family:"Microsoft YaHei",Sans-serif;}
.txt_question.txt_br em.txt_w3{ width:300px;}
.txt_question.txt_br em.txt_w35{ }
.txt_question.txt_br em.txt_w4{ width:400px;}
.txt_question.txt_br em.txt_w420{ width:420px;}
.txt_question.txt_br em.txt_w5{ width:500px;}
.txtanswer{ position:relative; background:url(../img/right_sp.png) right 30px no-repeat; margin-top:40px; display:none;}
.txtanswer:after {display:block;visibility:hidden;clear:both;content:""}
.txtanswer ul{ float:right;border-radius:15px; background:#ffdada; padding:5px 15px; margin-right:14px; padding-top:10px;}
.txtanswer ul li{ text-align:left;font-size:2.2em; list-style:none; cursor:pointer; padding:10px 0; padding-left:36px; color:#262626; margin:20px 0;}
.txtanswer ul li.inline{display:inline; margin-right:40px;}
.txtanswer ul li.inline_r{ margin-right:0;}
.txtanswer ul li.no_ck{ background:url(../img/ck_bg.png) left 8px no-repeat;}
.txtanswer ul li.on_ck{ background:url(../img/ck_bg.png) left -52px no-repeat;}


.txtanswer_line{ position:relative; background:url(../img/right_sp.png) right 30px no-repeat; margin-top:40px; display:none;}
.txtanswer_line:after {display:block;visibility:hidden;clear:both;content:""}
.txtanswer_line ul{ float:right;border-radius:15px; background:#ffdada; padding:5px 15px; margin-right:14px; padding-top:10px;}
.txtanswer_line ul li{ float:left; width:190px; text-align:left;font-size:2.2em; list-style:none; cursor:pointer; padding:10px 0; padding-left:36px; color:#262626; margin:20px 0;}
.txtanswer_line ul li.txtanswer_line11{ width:80px;}
.txtanswer_line ul li.txtanswer_line111{ width:130px;}
.txtanswer_line ul li.txtanswer_line22{ width:auto;}
.txtanswer_line ul li.txtanswer_line222{ width:180px;}
.txtanswer_line ul li.txtanswer_line33{ width:160px;}
.txtanswer_line ul li.txtanswer_line333{ width:300px;}
.txtanswer_line ul li.txtanswer_line44{ width:140px;}
.txtanswer_line ul li.txtanswer_line55{ width:180px;}
.txtanswer_line ul li.txtanswer_line77{ width:500px;}
.img_ck_div{ position:relative; background:none; margin-top:40px; margin-bottom:40px; display:none; padding-left:12px;}
.img_ck_div ul { width:100%; clear:both;border:none; background:none; padding:0; margin:0; text-align:center; }
.img_ck_div ul li.img_ck{ position:relative; display:inline-block;border-radius:15px; background:#ffdada; padding:10px 5px 5px 5px; width:154px; height:148px;font-size:18px;text-align:center; margin-right:28px; margin-bottom:30px; }
.img_ck_div ul li.img_ck img.img_ck_a{ padding-bottom:10px; display:block; margin:0 auto; width:138px; }
.img_ck_div ul li.img_ck img.img_ck_b{ position:absolute; top:15px; right:-14px;}
.img_ck_div ul li.img_ck span{ position:absolute; width:34px; height:34px; z-index:11; top:-8px; left:-2px; }
.img_ck_div ul li.img_ck span.span_ck{background:url(../img/ck_bg.png) left 0px no-repeat;}
.img_ck_div ul li.img_ck span.span_on_ck{background:url(../img/ck_bg.png) left -60px no-repeat;}
.img_ck_div ul li.input_ck{position:relative; border-radius:15px; background:#ffdada; padding:20px 15px; width:90%}
.img_ck_div ul li.input_ck span{ position:absolute; width:34px; height:34px; z-index:11; top:18px; left:10px;}
.img_ck_div ul li.input_ck span.span_ck{background:url(../img/ck_bg.png) left 0px no-repeat;}
.img_ck_div ul li.input_ck span.span_on_ck{background:url(../img/ck_bg.png) left -60px no-repeat;}
.img_ck_div ul li.input_ck input{font-size:20px; width:70%; padding:4px 0px;font-family:"Microsoft YaHei",Sans-serif}
.qq_com{ display:none;}
.txt_question_etc,.txtanswer_etc{display:none}
.txt_question_etc{ clear:right;font-size:2.8em; font-weight:normal;background:url(../img/logo_q.png) left top no-repeat; height:73px; padding-left:76px;display:none;}
.txt_question_etc img{ margin-top:-20px;}
.txt_question_etc em{ display:inline-block; margin-top:15px; font-style:normal;border-radius:15px; background:#ffc5c5; padding:10px 2px 10px 15px ;font-family:"Microsoft YaHei",Sans-serif}
.txtanswer_etc{position:relative;  margin-top:40px;float:right;border-radius:15px; background:#ffdada; padding:20px 15px; margin-right:14px; width:500px; font-size:24px;}
.txtanswer_etc input{ font-size:24px; width:450px; padding:2px 0px;font-family:"Microsoft YaHei",Sans-serif; border:none; background:none;}
#basic{}
#basic h3{ text-align:center;border-radius:15px; font-weight:normal; background:#e6e6e6; color:#000000; padding:5px 15px;font-family:"Microsoft YaHei",Sans-serif; width:90%; margin:0 auto; font-size:2em; margin-top:80px; margin-bottom:50px;display:none;}
.basic_question{ font-size:2.8em; font-weight:normal; background:url(../img/logo_q.png) left top no-repeat; height:75px; line-height:75px; padding-left:76px; display:none;margin-top:80px;}
.basic_question img{ margin-top:-20px;}
.basic_question em{ font-style:normal;border-radius:15px; background:#d1f5f0; padding:5px 15px;font-family:"Microsoft YaHei",Sans-serif}
.basic_question.txt_br{ line-height:40px; height:75px;background:url(../img/logo_q.png) left top no-repeat; margin-bottom:80px; }
.basic_question.txt_br img{ margin-top:30px;}
.basic_question.txt_br em{ font-style:normal;border-radius:15px; background:#d1f5f0; padding:5px 15px;font-family:"Microsoft YaHei",Sans-serif; display:block; margin-top:-40px; margin-left:15px;}
.basic_question.txt_br em.txt_w4{ width:400px;}
.txtanswer_line77 input{ font-size:24px; width:350px; padding:2px 0px;font-family:"Microsoft YaHei",Sans-serif; border:none; background:none;}

.basic_answer{ position:relative; background:url(../img/right_sp3.png) right 30px no-repeat; margin-top:20px; margin-bottom:40px; display:none; }
.basic_answer:after {display:block;visibility:hidden;clear:both;content:""}
.basic_answer ul{ float:right;border-radius:15px; background:#dfebee; padding:5px 15px; margin-right:14px; }
.basic_answer ul li{  margin-right:10px; text-align:left;font-size:2.2em; list-style:none; cursor:pointer;   padding-left:36px; color:#000000}
.basic_answer ul li.inline{display:inline; margin-right:40px;}
.basic_answer ul li.inline_r{margin-right:0px;}
.basic_answer ul li.inline2{display:inline-block;}
.basic_answer ul li.basic_ck{ background:url(../img/ck_bg.png) left 8px no-repeat;}
.basic_answer ul li.basic_ck_on_ck{ background:url(../img/ck_bg.png) left -52px no-repeat;}
.basic_answer ul#basic_answer_2{ position:relative; width:540px; height:190px; }
.basic_answer ul#basic_answer_2 li{ position:absolute;}
.basic_answer ul#basic_answer_2 li:first-child{top:15px; left:20px;}
.basic_answer ul#basic_answer_2 li:nth-child(2){top:15px; left:200px;}
.basic_answer ul#basic_answer_2 li:nth-child(3){top:15px; left:380px;}
.basic_answer ul#basic_answer_2 li:nth-child(4){top:100px; left:20px;}
.basic_answer ul#basic_answer_2 li:nth-child(5){top:100px; left:200px;}
.basic_answer ul#basic_answer_2 li:last-child{top:100px; left:380px;}


li.sub_ck input{margin-left:10px;font-size:24px; width:360px;font-family:"Microsoft YaHei",Sans-serif; border:none; background:none;}

#end{ position:relative; margin:0 auto; background:url(../img/end_bt1.png) center center no-repeat; text-align:center; cursor:pointer; margin-top:100px; width:214px; height:102px;text-indent:-99999px; font-size:0px; display:none;}
#end_hand{ position:absolute; top:40px; left:100px; background:url(../img/end_bt2.png) center center no-repeat; width:214px; height:102px;}
.input_next{float:right; position:relative; padding-top:80px; display:none; padding-bottom:80px;}
.input_next:after {display:block;visibility:hidden;clear:both;content:""}
.input_next span{ display:inline-block; text-align:left;font-size:2.2em; cursor:pointer; padding:10px 20px; color:#262626; border-radius:15px; margin-right:15px;padding-left:50px;}
.input_next img{ position:absolute; top:90px; right:0;}
.input_next span.span_ck2{background:#ffdada url(../img/ck_bg.png) 10px 8px no-repeat;}
.input_next span.span_ck2_on{background:#ffdada url(../img/ck_bg.png) 10px -52px no-repeat;}



.input_next2{float:right; position:relative; padding-top:80px; display:none; padding-bottom:80px;}
.input_next2:after {display:block;visibility:hidden;clear:both;content:""}
.input_next2 span{ display:inline-block; text-align:left;font-size:2.2em; cursor:pointer; padding:10px 20px; color:#262626; border-radius:15px; margin-right:15px;padding-left:50px;}
.input_next2 img{ position:absolute; top:90px; right:0;}
.input_next2 span.span_ck3{background:#ffdada url(../img/ck_bg.png) 10px 8px no-repeat;}
.input_next2 span.span_ck3_on{background:#ffdada url(../img/ck_bg.png) 10px -52px no-repeat;}

.cl{ clear:both;}

#end_pop{ position:fixed; width:100%; height:960px; background:rgba(0,0,0,0.30); text-align:center; line-height:960px; left:0; top:0; display:none; }


.basic_input span.span_ck3{background:#dfebee url(../img/ck_bg.png) 10px 8px no-repeat;}
.basic_input span.span_ck3_on{background:#dfebee url(../img/ck_bg.png) 10px -52px no-repeat;}