@charset "utf-8";
/* CSS Document */
.intell_intro{width:685px; margin-top:20px; background:url(../images/assess_images/red_square_bg.jpg) repeat; height:1900px; }
.bk_face{position:relative; top:-14px; height:294px; background:url(../images/assess_images/bk_face.png) center top no-repeat;}
.tag1,.tag2,.tag3,.tag4,.tag5,.tag6,.tag7,.tag8{position:absolute; cursor:pointer;}
.tag1{top:23px; left:287px; width:100px; height:59px; background:url(../images/assess_images/8intell.png);}
.tag2{top:40px; left:156px; width:130px; height:59px; background:url(../images/assess_images/8intell.png) 0 -59px;}
.tag3{top:126px; left:137px; width:124px; height:30px; background:url(../images/assess_images/8intell.png) 0 -118px;}
.tag4{top:175px; left:168px; width:130px; height:61px; background:url(../images/assess_images/8intell.png) 0 -148px;}
.tag5{top:218px; left:283px; width:100px; height:55px; background:url(../images/assess_images/8intell.png) 0 -209px;}
.tag6{top:175px; left:370px; width:132px; height:59px; background:url(../images/assess_images/8intell.png) 0 -264px;}
.tag7{top:129px; left:412px; width:124px; height:30px; background:url(../images/assess_images/8intell.png) 0 -323px;}
.tag8{top:36px; left:384px; width:132px; height:61px; background:url(../images/assess_images/8intell.png) 0 -353px;}
.tag1:hover{background:url(../images/assess_images/8intell.png) -136px 0;}
.tag2:hover{background:url(../images/assess_images/8intell.png) -136px -59px;}
.tag3:hover{background:url(../images/assess_images/8intell.png) -136px -118px;}
.tag4:hover{background:url(../images/assess_images/8intell.png) -136px -148px;}
.tag5:hover{background:url(../images/assess_images/8intell.png) -136px -209px;}
.tag6:hover{background:url(../images/assess_images/8intell.png) -136px -264px;}
.tag7:hover{background:url(../images/assess_images/8intell.png) -136px -323px;}
.tag8:hover{background:url(../images/assess_images/8intell.png) -136px -353px;}
.tag2_content,.tag3_content,.tag4_content,.tag5_content,.tag6_content,.tag7_content,.tag8_content{display:none;}
.left_arrow{position:absolute; left: 22px;top: -117px; width:121px; height:139px; background:url(../images/assess_images/left_arrow.png);}
.right_arrow{position:absolute; right: -2px; top: -40px; width:82px; height:123px; background:url(../images/assess_images/right_arrow.png);}
.left_arrow1{position:absolute; left: 272px;top: -65px; width:121px; height:139px; background:url(../images/assess_images/left_arrow.png);}
.bk_tt{position:absolute; right: -10px;top: -164px; width:173px; height:172px; background:url(../images/assess_images/bk_tt.png);}
.word_explain1,.word_explain2,.word_explain3{position:relative; width:556px; padding:20px 37px 16px; margin:0 auto 21px;border-radius:20px; box-shadow:inset 4px 4px 10px #9f9f9f;}
.word_explain1{height:366px; background:url(../images/assess_images/pattern_bg.jpg) center center no-repeat #fff;}
.word_explain2{background:#fff;}
.word_explain3{background:url(../images/assess_images/pattern_bg.jpg) center 53px no-repeat #fff;}
.explain_l{ float:left; width:272px;}
.explain_r{ float:left; width:260px; margin-left:16px;}
.explain_r h3{font-size:14px; text-align:center; line-height:16px; padding:20px 0;}
.explain_r p{font-size:13px; text-indent:12px; line-height:16px; color:#848384; font-weight:bold;}
.explain_title1{ float:left; width:102px; height:34px; background:url(../images/assess_images/intro_title.png); margin-right:27px;}
.explain_title2{ width:155px; height:34px; background:url(../images/assess_images/intro_title.png) -102px 0;}
.explain_title3{ width:126px; height:34px; background:url(../images/assess_images/intro_title.png) -257px 0;}
.explain_title4{ width:150px; height:34px; background:url(../images/assess_images/intro_title.png) -383px 0; margin-bottom:25px;}
.explain_point{ float:left; width:128px; height:34px; padding-left:15px; background:url(../images/assess_images/point_icon.jpg) left center no-repeat; line-height:18px; font-size:14px; font-weight:bold;}
.explain_one{font-size:14px; font-weight:bold; line-height:26px;}
.red_up{float:left; width:112px; margin-top:11px; line-height:16px; font-size:14px; font-weight:normal;}
.red_down{float:left; width:112px; margin:11px 0 0 32px; line-height:16px; font-size:14px; font-weight:normal;}
.red_up span.red,.red_down span.red{ color:#e60012}
.red_up span.green,.red_down span.green{ color:#007130;}
.intell_word{font-size:12px; font-weight:bold; color:#848384; text-indent:24px; line-height:16px;padding-bottom:10px;}
.intell_word span.deep_grey{color:#707070;}
.intell_list li{font-size:13px; font-weight:bold; color:#707070; line-height:16px;}
.intell_list_l{float:left; width:112px; margin-top:10px;}
.intell_list_r{float:left; width:160px; margin-top:10px;}
.test_writer{ margin:38px 0 0 20px;}
.start_test{display:block; width:220px; margin:0 auto; height:116px; background:url(../images/assess_images/start_link.png);}
.start_test:hover{background:url(../images/assess_images/start_link.png) 0 -116px;}

/*添加宝宝*/
.add_baby{ width:685px; margin-top:20px; background:url(../images/assess_images/yellow_square_bg.jpg) repeat; height:662px; box-shadow:0 0 5px #c5d2b6;}
.first_child{ float:left; width:222px; height:348px; padding-top:11px; background:url(../images/assess_images/info_bg.png) -222px 0;}
.one_child{ margin:23px 0 0 232px;}
.bk_head_icon{width:33px; height:31px; margin:0 0 42px 97px; background:url(../images/assess_images/bk_tt_head.png);}
.tt_head_icon{width:33px; height:31px; margin:0 0 42px 97px; background:url(../images/assess_images/bk_tt_head.png) -33px 0;}
.info_row{width:180px; margin:0 auto 10px;}
.name_icon{ float:left; width:21px; height:23px; background:url(../images/assess_images/form_icon.png);}
.birth_icon{ float:left; width:17px; height:15px; margin-top: 6px; background:url(../images/assess_images/form_icon.png) -21px 0;}
.sex_icon{float:left; width:16px; height:17px; margin-top: 6px; background:url(../images/assess_images/form_icon.png) -38px 0;}
.life_icon{float:left; width:17px; height:17px; margin-top: 4px; background:url(../images/assess_images/form_icon.png) -54px 0;}
.relat_icon{float:left; width:21px; height:20px; margin-top: 4px; background:url(../images/assess_images/form_icon.png) -71px 0;}
.input_title{ float:left; color:#8c8a8e; font-weight:bold; margin:7px 3px 0 3px; font-size:12px;}
.year_bg{ position:relative; float:left; width:63px; height:16px;  margin-top:5px; background:url(../images/assess_images/form_icon.png) 0 -40px;}
.month_bg,.day_bg,.sex_bg{position:relative;float:left; width:34px; height:17px;  background:url(../images/assess_images/form_icon.png) 0 -56px;}
.month_bg{margin:5px 0 0 49px;}
.day_bg{ margin-top:5px;}
.sex_bg{ margin-top:5px;}
.life_bg{position:relative;float:left; width:80px; height:17px; background:url(../images/assess_images/form_icon.png) -34px -56px no-repeat;margin-top:5px;}
.relat_bg{position:relative;float:left; width:62px; height:16px; background:url(../images/assess_images/form_icon.png) 0 -73px;margin-top:5px;}
.username{ float:left; width:85px; height:17px; line-height:17px; background:url(../images/assess_images/form_icon.png) 0 -23px; border:none; margin-top:5px; text-indent:3px; font-weight:bold;color:#8c8a8e;font-size:12px;}
.year{width:47px; height:14px; line-height:14px; border:none; padding:1px 12px 1px 4px; background:none;color:#8c8a8e; text-align:center; font-weight:bold;font-size:12px;}
.month,.days,.sex{width:18px; height:13px; line-height:13px; border:none; padding:2px 12px 2px 4px; background:none;color:#8c8a8e;text-align:center;font-weight:bold;font-size:12px;}
.life{width:36px; height:13px; line-height:13px; border:none; padding:2px 12px 2px 4px; background:none;color:#8c8a8e;text-align:center;font-weight:bold;font-size:12px;}
.relat{width:48px; height:14px; line-height:14px; border:none; padding:1px 11px 1px 3px; background:none;color:#8c8a8e;text-align:center;font-weight:bold;font-size:12px;}
.choose_year{ display:none; position:absolute; top:16px; left:0; width:60px; height:65px; overflow-y: scroll;overflow-x: hidden;border: 1px solid #c6c6c6;z-index: 10;background: #fff; font-size:12px; color:#8c8a8e;}
.choose_month{ display:none; position:absolute; top:16px; left:0; width:50px; height:65px; overflow-y: scroll;overflow-x: hidden;border: 1px solid #c6c6c6;z-index: 10;background: #fff; font-size:12px; color:#8c8a8e;}
.choose_day{ display:none; position:absolute; top:16px; left:0; width:50px; height:65px; overflow-y: scroll;overflow-x: hidden;border: 1px solid #c6c6c6;z-index: 10;background: #fff; font-size:12px; color:#8c8a8e;}
.choose_sex{ display:none; position:absolute; top:16px; left:0; width:33px; height:30px;overflow: hidden;border: 1px solid #c6c6c6;z-index: 10;background: #fff; font-size:12px; color:#8c8a8e;}
.choose_life{ display:none; position:absolute; top:16px; left:0; width:90px; height:65px; overflow-y: scroll;overflow-x: hidden;border: 1px solid #c6c6c6;z-index: 10;background: #fff; font-size:12px; color:#8c8a8e;}
.choose_relat{ display:none; position:absolute; top:16px; left:0; width:60px; height:65px; overflow-y: scroll;overflow-x: hidden;border: 1px solid #c6c6c6;z-index: 10;background: #fff; font-size:12px; color:#8c8a8e;}
.choose_year li,.choose_month li,.choose_day li,.choose_sex li,.choose_life li,.choose_relat li{text-align:center;cursor: default;}
.choose_year li:hover,.choose_month li:hover,.choose_day li:hover,.choose_sex li:hover,.choose_life li:hover,.choose_relat li:hover{background: #f7f7f7;}
.btn_area1{width:39px; margin:5px auto 0;}
.btn_area2{width:83px; margin:5px auto 0;}
.btn_area3{width:152px; margin:5px auto 0;}
.save_btn{ float:left; width:39px; height:21px; background:url(../images/assess_images/btns.png); border:none; cursor:pointer;}
.modify_link{ float:left;width:39px; height:21px; background:url(../images/assess_images/btns.png) -39px 0;}
.delete_btn{ float:left;width:39px; height:21px; background:url(../images/assess_images/btns.png) -78px 0;border:none; cursor:pointer;}
.record_link{ float:left;width:64px; height:21px; background:url(../images/assess_images/btns.png) -117px 0;}
.btn_space{ margin-right:5px;}
.assess_link1,.assess_link2,.assess_link3{display:block; width:145px; height:29px; margin:23px auto 0;}
.assess_link1{background:url(../images/assess_images/assess_link.png) 0 -29px;}
.assess_link2{background:url(../images/assess_images/assess_link.png) 0 0;}
.assess_link3{background:url(../images/assess_images/assess_link.png) 0 -58px;}
.add_child_link{float:right; width:74px; height:75px; background:url(../images/assess_images/add_baby_link.png); margin:12px 15px 0 0;}



/*宝宝信息list*/
.baby_name{ float:left; width:85px; height:17px; line-height:17px;  margin-top:5px; text-indent:3px; font-weight:bold;color:#8c8a8e;font-size:12px;}
.white_bg{ background:#fff; color:#8c8a8e; text-align:center; font-weight:bold;font-size:12px; line-height:18px;}
.second_child{ float:left; width:222px; height:348px; padding-top:11px; background:url(../images/assess_images/info_bg.png) 0 0;}
.third_child{ float:left; width:222px; height:348px; padding-top:11px; background:url(../images/assess_images/info_bg.png) -444px 0;}
.two_child{ margin:23px 0 0 82px;}
.three_child{ margin:23px 0 0 5px;}

/*测试*/
.mask{width: 100%;height: 100%;display: none;position: fixed;top:1px;left:1px;background: #000;z-index: 1000;opacity: 0.8;filter: alpha(opacity=80);}
.test_page{width:685px; margin-top:20px; background:url(../images/assess_images/green_square_bg.jpg) repeat; height:616px; box-shadow:0 0 5px #c5d2b6;}
.blackboard_bg{position:relative; width:564px; height:245px; margin:82px auto 0; padding-top:80px; background:url(../images/assess_images/blackboard_bg.png); font-family:"宋体";}
.q_num{float:left;line-height:28px;height:28px; padding:0 10px; margin-left:80px;}
.question_bg{float:left; width:357px; padding:0 10px; line-height:28px; margin:0 0 27px; text-align:center; background:#32b16c; border:2px solid #03726c; border-radius:10px; font-size:22px;display:none;}
.question_bg_show{float:left; width:357px; padding:0 10px; line-height:28px; margin:0 0 27px; text-align:center;background:#32b16c; border:2px solid #03726c; border-radius:10px; font-size:22px;}
.yes,.no{float:left;width:47px; height:47px; line-height:52px; text-align:center; background:url(../images/assess_images/answer_bg.png); font-size:18px;}
.yes{margin-left:170px;}
.no{margin-left:150px;}
.yes:hover,.no:hover{background:url(../images/assess_images/answer_bg.png) -47px 0; text-decoration:none;}
.yesstatus{
	float:left;width:47px; height:47px; line-height:52px; text-align:center; background:url(../images/assess_images/answer_bg.png) -47px 0; font-size:18px;
}
.prev_question,.next_question{float:left;width:63px;height:15px;background-image:url(../images/assess_images/prev_next_link.png);}
.prev_question{background-position:0 0; margin:30px 0 0 205px;}
.next_question{background-position:0 -15px; margin:30px 0 0 50px;}
.tt_pen{position:absolute;top: -80px;left: -18px;width:167px;height:134px;background:url(../images/assess_images/tt_pen.gif);}
.current_q{position:absolute;bottom:-48px;left:48px;width:83px;height:79px;background:url(../images/assess_images/current_progress_bg.png);line-height: 54px;text-indent: 20px; color:#fff;}
.bk_hand{position:absolute;bottom: -81px;right: -60px;width:192px;height:241px;background:url(../images/assess_images/bk_hand.gif);}
.test_result_link{display:none; position:absolute;bottom: 48px;right: 181px;width:179px;height:239px;background:url(../images/assess_images/test_result_link.png);z-index: 1001;}

/*测试结果详情页*/
.test_result{width:685px; margin-top:20px; background:url(../images/assess_images/purple_square_bg.jpg) repeat; box-shadow:0 0 5px #c5d2b6;}
.radar_bg{width:658px; height:461px; margin:0 auto; padding-top:110px; background:url(../images/assess_images/radar_bg.png);}
.radar_result_bg{width:538px; padding:10px 60px 0; margin:0 auto; background:url(../images/assess_images/radar_result_bg.png); line-height:18px; color:#591a86; word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/}
.radar{width:538px;height:413px; margin:0 auto 17px;}
.radar_result_title{ height:31px; line-height:31px; color:#fff; font-size:18px; text-indent:60px;}
.radar_result_bottom{ width:656px; height:40px; margin:0 auto; background:url(../images/assess_images/radar_result_bottom.png);}
.heart_title{ height:51px; background:url(../images/assess_images/recommend_title.png) 48px top no-repeat;}

.recomm_books{position:relative; width:587px; height:154px; background:url(../images/assess_images/recommend_books_bg.png); margin:0 auto;}
#recomm-img{position:absolute; top:0; left:0; width:587px; height:154px; overflow:hidden;}
.recomm_books ul{ position:absolute; top:0; left:0; padding-top: 19px; height:135px; width:1000em;}
.recomm_books li{ float:left; _display:inline; width:94px;height:117px; margin:3px 3px 3px 34px; text-align: center;  box-shadow:2px 2px 4px #060407;}
.recomm_books li:hover{border:3px solid #ffd800; margin:0 0 0 31px;}
.recomm_books li img{ cursor: pointer;width: 94px;height: 117px;}
.recomm_books .prev{position:absolute; top:50px; left:-40px; width:35px; height:54px; background:url(../images/assess_images/recommend_arrow.png) no-repeat;} 
.recomm_books .next{position:absolute;  top:50px; right:-40px; width:35px; height:54px; background:url(../images/assess_images/recommend_arrow.png) -35px 0 no-repeat; }

/*测试结果list页*/
.result_history{width:685px; margin-top:20px; box-shadow:0 0 5px #c5d2b6;}
.test_time{float:left; width:124px; height:481px; background:#fff;}
#test-date{position:relative; width:124px; height:407px; overflow:hidden;}
.test_time ul{position:absolute;height:407px; height:1000em;}
.test_time li{ width:124px;height:37px; line-height:37px; text-align:center; color:#fff;background:url(../images/assess_images/test_time_bg.png) no-repeat;}
.test_time li:hover,.test_time li.current{background:url(../images/assess_images/test_time_bg.png) 0 -37px no-repeat; color:#000;}
.test_time .prev{width:124px; height:37px; background:url(../images/assess_images/time_arrow.png) no-repeat;} 
.test_time .next{width:124px; height:37px; background:url(../images/assess_images/time_arrow.png) 0 -37px no-repeat; }
.test_time_result{float:left; width:561px; background:#fff;}
.history_radar{ height:250px;}
.history_title_bg{height:32px; line-height:32px; background:url(../images/assess_images/history_title_bg.png) no-repeat;}
.history_result_word{ padding:10px;line-height:20px; color:#888;word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/}