h1{position:absolute;left:0;top:-9999px}
.box_content{position:relative;width:100%;height:963px;overflow:hidden;background-color:#a3e4fa}
.box_wrapper{width:960px;margin:0 auto}
.box_bg,.box_select span,.box_date_nav span,.box_blood_result_bd span{background:url(../images/util.png) no-repeat 0 -9999px}
.box_header{padding-top:16px}
.box_header .box_wrapper{position:relative;height:57px}
.box_logo{position:absolute;left:0;top:0;width:195px;height:57px;background:url(../images/box_logo.png) no-repeat;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.box_baby_logo{position:absolute;top:0;right:0;color:#666;font-size:12px;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.box_baby_logo a{display:inline-block;width:74px;height:17px;margin-left:5px;background:url(../images/baby_logo.png) no-repeat;vertical-align:middle}
.box_icon_wrapper{position:absolute;left:50%;top:0;width:960px;margin-left:-480px}
.box_cloud img{position:absolute;-webkit-transition-property:left,top;-moz-transition-property:left,top;-ms-transition-property:left,top;-o-transition-property:left,top;transition-property:left,top;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.box_cloud .box_cloud_1{left:-250px;top:405px}
.box_cloud .box_cloud_2{left:-48px;top:174px}
.box_cloud .box_cloud_3{left:978px;top:290px}
.box_cloud .box_cloud_4{left:843px;top:342px}
.box_icon_bird{z-index:20}
.box_icon_bird i{position:absolute;left:-600px;top:-750px;width:90px;height:90px;background:url(../images/bird_1.png) no-repeat center center;-webkit-transition-property:left,top;-moz-transition-property:left,top;-ms-transition-property:left,top;-o-transition-property:left,top;transition-property:left,top;-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-ms-transition-duration:1.5s;-o-transition-duration:1.5s;transition-duration:1.5s}
.box_home{position:absolute;z-index:10;left:50%;top:1200px;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;width:1920px;height:800px;margin-left:-960px;background:url(../images/home_bg.png) no-repeat center top}
.box_home .box_wrapper{position:relative}
.box_home table{width:630px;margin:0 auto}
.box_home td{width:210px;height:215px;text-align:center;vertical-align:middle}
.box_home .box_item_img{position:relative;display:inline-block;width:72px;height:77px;background:url(../images/icon.png) no-repeat 0 -9999px;margin-bottom:10px}
.box_home .box_item_img:hover{top:-1px}
.box_home .box_icon_safe{background-position:0 0}
.box_home .box_icon_edc{background-position:0 -79px}
.box_home .box_icon_gender{background-position:0 -158px}
.box_home .box_icon_choose{background-position:0 -237px}
.box_home .box_icon_vaccinate{background-position:0 -316px}
.box_home .box_icon_blood{background-position:0 -395px}
.box_home .box_item_txt{font-family:"\5fae\8f6f\96c5\9ed1";color:#707070;font-size:14px}
.box_home .box_item_txt:hover{text-decoration:none}
.box_home .box_icon_bird i{left:5px;top:17px}
.box_home_bd{padding-top:100px}
.box_page{position:absolute;left:50%;top:-750px;width:940px;margin-left:-470px;background-color:#f5f5f5;border-radius:10px;-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.box_page_show{top:150px}
.box_page_close{position:absolute;right:0;top:0;width:45px;height:45px;margin:-22px -22px 0 0;background:url(../images/close.png) no-repeat;cursor:pointer;-ms-transition:-ms-transform 1s;-webkit-transition:-webkit-transform 1s;-o-transition:-o-transform 1s;-moz-transition:-moz-transform 1s;transition:transform 1s}
.box_page_close:hover{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.box_aside{float:right;width:160px;padding:20px 20px 0 0}
.box_section{margin:20px 0}
.box_section_last{margin-bottom:0}
.box_section_hd{font-size:16px;font-weight:normal;font-family:"\5fae\8f6f\96c5\9ed1"}
.box_section_hd i{float:left;display:inline;width:4px;height:15px;overflow:hidden;margin:5px 11px 0 0;background-color:#ff456c}
.box_list{padding-top:10px}
.box_list a{display:inline-block;position:relative;padding-left:15px;color:#666;line-height:26px;white-space:nowrap}
.box_list i{position:absolute;left:5px;top:12px;width:3px;height:3px;overflow:hidden;background-color:#d4d4d4}
.box_imglist li{padding-top:20px;text-align:center}
.box_imglist_img{display:block;margin-bottom:10px;font-size:0}
.box_imglist_txt{display:inline-block;color:#666}
.box_main{float:left;width:680px;height:715px;padding:35px 28px 0 30px;background-color:#fff;border-radius:10px 0 0 10px}
.box_main_hd{margin-bottom:15px;padding-bottom:5px;border-bottom:2px solid #252525}
.box_title{float:left;color:#252525;font-family:"\5fae\8f6f\96c5\9ed1";font-size:26px;font-weight:normal}
.box_count{float:right;padding-top:11px;color:#a0a0a0}
.box_count strong{color:#ff456c}
.box_description{margin-bottom:30px}
.box_description p{color:#666;line-height:25px;text-indent:2em}
.box_form{width:480px;padding:20px 0;margin:0 auto 40px auto;border-radius:5px;background-color:#ffe0e6;font-family:"\5fae\8f6f\96c5\9ed1"}
.box_form th,.box_form td{padding-bottom:16px;text-align:left}
.box_form th{padding-right:15px;color:#e64d6a;font-size:16px;font-weight:normal}
.box_field{float:left;display:inline;position:relative;width:113px}
.box_field_bd{background-color:#fff;font-size:14px;width:104px;height:19px;border:0;padding:3px 0 3px 9px}
.box_select{float:left;position:relative;width:113px;height:25px}
.box_select input{float:left;display:inline;_display:none;margin-right:1px;width:87px;height:19px;padding:3px 0;border:0;background-color:#fff;white-space:nowrap;font-size:14px;text-indent:9px}
.box_select span{_display:none;float:left;width:25px;height:25px;background-color:#fff;background-position:0 0;cursor:pointer}
.box_select select{position:absolute;left:0;top:0;width:113px;height:25px;font-size:14px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.box_safe_form table{margin-left:98px}
.box_form_btn{text-align:center}
.box_form_btn button{width:97px;height:25px;border:0;border-radius:5px;margin:0 8px;background-color:#ff6c88;font-family:"\5fae\8f6f\96c5\9ed1";color:#fff;font-size:16px;cursor:pointer}
.datepicker_title{line-height:35px;font-weight:bold}
.datepicker_wrapper{width:210px;display:none;padding:0 7px 7px 7px;border:1px solid #ffcbd5;background-color:#fff;position:absolute;left:0;top:20px;z-index:50;font:12px arial,\5B8B\4F53,serif;color:#585858;text-align:center}
.datepicker_wrapper .prev_btn,.datepicker_wrapper .next_btn{display:inline-block;width:7px;height:35px;line-height:35px;color:#000;text-decoration:none;text-align:center;margin:0 10px;float:left;background:url(../images/dp_icon.png) no-repeat left 13px}
.datepicker_wrapper .next_btn{float:right;background-position:right 13px}
.date_selector{border-collapse:collapse;border-spacing:0;margin-left:-1px;width:100%}
.date_selector th{font-weight:normal;text-align:center;line-height:20px;color:#727272}
.date_selector td{background:#fefefe;padding:0}
.date_selector td a,.date_selector td a:hover,.date_selector td .disabled:hover{display:block;width:31px;height:21px;cursor:pointer;line-height:21px;text-align:center;color:#676767;padding:0;position:static;text-decoration:none}
.date_selector td a:visited{color:#585858}
.date_selector td a:hover,.date_selector .active{background:#ff668f;color:#fff;font-weight:bold}
.date_selector td .disabled,.date_selector td .disabled:hover{cursor:text}
.box_safe_result{width:680px;margin:0 auto}
.box_safe_result .box_item_bd{width:480px}
.box_date_nav{width:100px;text-align:center;vertical-align:middle}
.box_date_nav span{display:inline-block;width:34px;height:68px;cursor:pointer}
.box_date_nav .box_item_prev{background-position:0 -27px}
.box_date_nav .box_item_next{background-position:-37px -27px}
.box_date{position:relative;height:350px}
.box_datepicker_wrapper{position:absolute;left:0;top:0}
.box_datepicker_wrapper .date_panel{position:relative}
.box_datepicker_wrapper th,.box_datepicker_wrapper td{text-align:center}
.box_datepicker_wrapper thead th{width:68px;height:40px;color:#e66b6b;font-family:"\5fae\8f6f\96c5\9ed1";font-size:18px;font-weight:normal;vertical-align:top}
.box_datepicker_wrapper tbody td{height:53px;vertical-align:top;color:#555;font-size:25px}
.box_datepicker_wrapper tbody a{display:inline-block;width:100%;line-height:50px;color:#555}
.box_datepicker_wrapper tbody a:hover{text-decoration:none;cursor:default}
.box_datepicker_wrapper tbody .prev_month,.box_datepicker_wrapper tbody .next_month{color:#bababa}
.box_datepicker_wrapper .box_datepicker_month{position:absolute;left:0;top:0;z-index:10;width:476px;padding-top:40px;color:#ff6c88;opacity:.3;filter:alpha(opacity=30);font-size:204px;line-height:260px;text-align:center;cursor:default}
.box_safe_label td{padding-top:10px;text-align:center}
.box_safe_label label{display:inline-block;margin:0 15px;color:#666}
.box_safe_label i{float:left;display:inline;width:15px;height:10px;overflow:hidden;margin:4px 7px 0 0}
.box_highlight_safe{background-color:#b6e1c8!important}
.box_highlight_ovulate{background-color:#fff5a2!important}
.box_highlight_menses{background-color:#ffb4a7!important}
.box_edc_result{width:480px;height:170px;margin:0 auto;padding-top:80px;background:url(../images/edc_result.png) no-repeat 92% center;font-family:"\5fae\8f6f\96c5\9ed1"}
.box_edc_result_inner{width:245px;font-size:16px;text-align:right;white-space:nowrap}
.box_edc_result_hd{margin-bottom:10px;color:#ff6c88}
.box_edc_result_bd{position:relative;line-height:34px;color:#aaa}
.box_edc_result_bd em{color:#ff6c88}
.box_edc_result_bd i{position:absolute;right:-57px;top:17px;_top:10px;width:0;height:0;overflow:hidden;border-style:solid;border-width:18px 0 18px 32px;border-color:#fff;border-left-color:#ff6c88}
.box_edc_default{position:relative;background-position:center center}
.box_edc_default .box_edc_result_inner{display:none}
.box_edc_default_bd{display:none;margin-left:12px;padding-top:80px;font-size:48px;line-height:60px;color:#fff;text-align:center}
.box_edc_default .box_edc_default_bd{display:block}
.box_gender_result{width:480px;height:280px;margin:0 auto;background:url(../images/gender_result.png) no-repeat center top}
.box_gender_result em{display:none}
.box_gender_result_inner{display:none;width:180px;padding-top:50px;font-family:"\5fae\8f6f\96c5\9ed1";text-align:right}
.box_gender_result_hd{font-size:16px;margin-bottom:5px}
.box_gender_result_bd{position:relative;font-size:48px;line-height:60px}
.box_gender_result_bd i{position:absolute;right:-57px;top:17px;width:0;height:0;overflow:hidden;border-style:solid;border-width:18px 0 18px 32px;border-color:#fff}
.box_gender_boy{background-position:70% -295px;color:#66d2e8}
.box_gender_boy .box_gender_result_inner{display:block;padding-top:70px}
.box_gender_boy i{border-left-color:#66d2e8}
.box_gender_boy .box_item_boy{display:inline}
.box_gender_girl{background-position:70% -595px;color:#ff6c88}
.box_gender_girl .box_gender_result_inner{display:block;padding-top:70px}
.box_gender_girl i{border-left-color:#ff6c88}
.box_gender_girl .box_item_girl{display:inline}
.box_chooselist{width:620px;height:496px;margin:0 auto 25px auto}
.box_chooselist li{float:left;display:inline;position:relative;width:123px;height:123px;overflow:hidden;margin:0 1px 1px 0;background-color:#f5f5f5;color:#fff;cursor:pointer}
.box_chooselist li img{display:block}
.box_chooselist li .box_item_txt{display:none;position:absolute;left:0;top:0;width:103px;height:108px;padding:15px 10px 0 10px}
.box_chooselist li .box_item_hd{margin-bottom:15px;text-align:center;font-size:14px}
.box_chooselist li .box_item_bd{text-align:justify}
.box_chooselist li:hover,.box_chooselist .box_item_hover{background-color:#fff}
.box_chooselist .box_item_selected .box_item_txt{display:block;background:url(../images/overlay.png);background-color:rgba(255,69,108,0.25)}
.box_blood_form table{margin-left:144px}
.box_blood_result{width:480px;height:180px;padding-top:50px;margin:0 auto;background:url(../images/baby.png) no-repeat 80% center}
.box_blood_result_inner{position:relative;width:195px;text-align:right;font-family:"\5fae\8f6f\96c5\9ed1";color:#ff6c88}
.box_blood_result_inner i{position:absolute;right:-57px;top:50%;margin-top:-18px;width:0;height:0;overflow:hidden;border-style:solid;border-width:18px 0 18px 32px;border-color:#fff;border-left-color:#ff6c88}
.box_blood_result_hd{margin-bottom:20px;font-size:16px;line-height:30px}
.box_blood_result_bd{height:45px}
.box_blood_result_bd span{display:inline-block;font-size:30px;width:45px;line-height:45px;margin-left:3px;background-position:0 -109px;color:#fff;background-color:#ff6c88;text-align:center}
.box_date_select{margin-top:10px}
.box_vaccinate_form table{margin-left:128px}
.box_tbl{width:640px;margin:0 auto}
.box_tbl th,.box_tbl td{border-right:1px solid #fff;text-align:center;vertical-align:middle}
.box_tbl .box_col_1{width:98px}
.box_tbl .box_col_2{width:77px}
.box_tbl .box_col_3{width:191px}
.box_tbl .box_col_4{width:65px}
.box_tbl .box_col_5{width:185px}
.box_tbl_hd th{height:30px;background-color:#ff6c88;color:#fff}
.box_tbl_bd{height:354px;overflow:auto;scrollbar-arrow-color:#fff;scrollbar-face-color:#ff6c88;scrollbar-darkshadow-color:#ff6c88;scrollbar-highlight-color:#ff6c88;scrollbar-3dlight-color:#ff6c88;scrollbar-shadow-color:#ff6c88;scrollbar-track-color:#eee}
.box_tbl_bd::-webkit-scrollbar-track{border-radius:10px;background-color:#eee}
.box_tbl_bd::-webkit-scrollbar{width:10px;border-radius:10px;background-color:#eee}
.box_tbl_bd::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ff6c88}
.box_tbl_bd td{height:59px;color:#333}
.box_tbl_bg td{background-color:#fafafa}
.box_gender_form table{margin-left:96px}
.box_gender_form .box_field_bd{width:80px;padding-left:0;text-align:center}
.box_gender_form .box_select{width:80px}
.box_gender_form .box_select input{width:54px}
.box_gender_form select{width:80px}
.box_page .box_icon_bird i{background-image:url(../images/bird_2.png);left:-45px;top:-45px}
.box_transition .box_cloud_1{left:-750px;top:-95px}
.box_transition .box_cloud_2{left:-548px;top:-326px}
.box_transition .box_cloud_3{left:1478px;top:-210px}
.box_transition .box_cloud_4{left:1343px;top:-158px}
.box_transition .box_logo,.box_transition .box_baby_logo{top:-100px}
.box_transition .box_icon_bird i{left:-600px;top:-750px}
.box_transition .box_home .box_icon_bird{display:none}
.box_show_home.box_transition .box_home .box_icon_bird{display:block}
.box_show_home .box_home{top:163px}
.box_show_safe .box_safe{top:150px}
.box_show_edc .box_edc{top:150px}
.box_show_gender .box_gender{top:150px}
.box_show_choose .box_choose{top:150px}
.box_show_blood .box_blood{top:150px}
.box_show_vaccinate .box_vaccinate{top:150px}
@media screen and (min-height:1000px){html,body{overflow:hidden}
body{background-color:#80dc8d}
.box_content{border-bottom:100px solid #a3e4fa}
.box_show_home{border-bottom:0}
.N-nav-bottom{position:absolute;left:0;bottom:0;z-index:100;width:100%}
}