/*顶部banner*/
.ymgj_banner { width:100%; float:left; margin:0px 0px 0px 0px; padding:250px 0px 20px 0px; background:#ffffff; background:url(../img/jsbanner.jpg) no-repeat left top;}
/*列表left*/
.lb_left { width:810px; float:left;}
.lb_home { width:810px; float:left;}
.lb_home span { width:770px; padding-left:40px; background:url(../img/home.png) no-repeat left center; float:left; color:#000000; font-size:16px; border-bottom:1px solid #dedede; height:40px; line-height:40px}
.lb_home p { width:810px; float:left; color: rgb(133, 131, 131); font-size:16px; line-height:28px; margin-top:15px; text-indent:2em;}
.lb_left_con { width:100%; float:left; margin-top:15px;}
.zt_nav { width:100%; float:left; padding:2% 0%;}
.zt_nav ul { width:100%; float:left; margin:2% 0px;}
.zt_nav ul li { width:12.5%; float:left; cursor:pointer;}
.zt_nav ul li img { width:70%; margin:0% 15%; float:left;}
.zt_nav ul li p { width:100%; line-height:2em; font-size:14px; padding-top:73px; color:#565656; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zt_nav1 { background:url(../img/001-1.png) no-repeat center top; background-size:70% auto;}
.zt_nav1:hover { background:url(../img/001-01.png) no-repeat center top; background-size:70% auto;}
.zt_nav2 { background:url(../img/001-2.png) no-repeat center top; background-size:70% auto;}
.zt_nav2:hover { background:url(../img/001-02.png) no-repeat center top; background-size:70% auto;}
.zt_nav3 { background:url(../img/001-3.png) no-repeat center top; background-size:70% auto;}
.zt_nav3:hover { background:url(../img/001-03.png) no-repeat center top; background-size:70% auto;}
.zt_nav4 { background:url(../img/001-4.png) no-repeat center top; background-size:70% auto;}
.zt_nav4:hover { background:url(../img/001-04.png) no-repeat center top; background-size:70% auto;}
.zt_nav5 { background:url(../img/001-5.png) no-repeat center top; background-size:70% auto;}
.zt_nav5:hover { background:url(../img/001-05.png) no-repeat center top; background-size:70% auto;}
.zt_nav6 { background:url(../img/001-6.png) no-repeat center top; background-size:70% auto;}
.zt_nav6:hover { background:url(../img/001-06.png) no-repeat center top; background-size:70% auto;}
.zt_nav7 { background:url(../img/001-7.png) no-repeat center top; background-size:70% auto;}
.zt_nav7:hover { background:url(../img/001-07.png) no-repeat center top; background-size:70% auto;}
.zt_nav8 { background:url(../img/001-8.png) no-repeat center top; background-size:70% auto;}
.zt_nav8:hover { background:url(../img/001-08.png) no-repeat center top; background-size:70% auto;}

.zt_nav1a { background:url(../img/001-01.png) no-repeat center top; background-size:70% auto;}
.zt_nav2a { background:url(../img/001-02.png) no-repeat center top; background-size:70% auto;}
.zt_nav3a { background:url(../img/001-03.png) no-repeat center top; background-size:70% auto;}
.zt_nav4a { background:url(../img/001-04.png) no-repeat center top; background-size:70% auto;}
.zt_nav5a { background:url(../img/001-05.png) no-repeat center top; background-size:70% auto;}
.zt_nav6a { background:url(../img/001-06.png) no-repeat center top; background-size:70% auto;}
.zt_nav7a { background:url(../img/001-07.png) no-repeat center top; background-size:70% auto;}
.zt_nav8a { background:url(../img/001-08.png) no-repeat center top; background-size:70% auto;}

/*列表right*/
.lb_right { width:355px; float:left; margin-left:35px;}
.lb_right_top { width:289px; float:left; border:1px solid #eceaeb; padding:0px 32px 0px 32px;}
.lb_right_topt { width:100%; float:left; padding:25px 0px;}
.lb_right_topt span { width:100%; float:left; line-height:1.5em; color:#353535; font-size:24px;}
.lb_right_topt p { width:100%; float:left; line-height:25px; color:#787878; font-size:14px;}
.lb_right_topc { width:100%; float:left;}
.lb_right_topc ul { width:100%; float:left; border-top:1px solid #eceaeb; background:url(../img/lb-001.png) repeat-y center center;}
.lb_right_topc ul li { width:128px; font-size:16px; color:#565656; cursor:pointer; float:left; margin-right:12px; line-height:40px;}
.lb_right_topc ul li a { color:#565656;}
.lb_right_topc ul li:hover a { color:#018787;}

.lb_right_con { width:355px; float:left;}
.lb_right_con ul { width:355px; float:left;}
.lb_right_con ul li { margin-top:15px; float:left; cursor:pointer; background:#7dc9d3; width:300px; color:#ffffff; padding-right:55px;}
.lb_right_con ul li h1 { width:238px; padding-left:40px; float:left; margin-left:22px; font-weight:normal; font-size:24px; line-height:50px; height:50px;}
.lb_right_con ul li ul { width:100%; float:left;}
.lb_right_con ul li ul li{}
.lb_right_con .folder {background:url(../img/lb-002-1.png) no-repeat right center #44b8c6; background-size:auto 90%;}
.lb_right_con .open {background:url(../img/lb-002-2.png) no-repeat right center #7dc9d3; background-size:auto 90%;}

.lb_right_ssys { width:289px; float:left; padding:15px 33px; background:#009aad;}
.lb_right_ssys span { width:100%; float:left; color:#FFFFFF; font-size:16px; line-height:20px; text-align:center;}
.lb_right_ssys .tjxiala { width:289px; color:#FFFFFF; display:none; font-size:18px; float:left; padding:0px 30px; margin-top:15px; height:45px; background:url(../img/lb-002-3.png) no-repeat center center; background-size:100% 100%; border:none;}
.lb_right_ssys option {  background:#83cbd4;}
.lb_right_ssys .tjweben { width:229px; color:#FFFFFF; font-size:18px; float:left; padding:0px 30px; margin-top:15px; height:45px; background:url(../img/lb-002-3.png) no-repeat center center; background-size:100% 100%; border:none;}
.lb_right_ssys .tjbd { width:289px; float:left; margin-top:15px; height:45px; background:url(../img/lb-002-4.png) no-repeat center center; background-size:auto 100%; border:none;}

.lb_right_zxyy { width:289px; float:left; padding:15px 33px; background:#009aad;}
.lb_right_zxyy span { width:100%; float:left; color:#FFFFFF; font-size:16px; line-height:25px;}
.lb_right_zxyy a { width:161px; float:left; height:51px; line-height:51px; text-align:center; color:#ffffff; background:url(../img/lb-002-6.png) no-repeat center center; font-size:18px; padding:15px 64px 15px 64px; border-bottom:1px solid #ffffff;}
.lb_right_zxyy1 { width:134px; float:left; margin-left:21px;}
.lb_right_zxyy1 img { width:100%; float:left;}
.lb_right_zxyy1 p { width:100%; float:left; color:#ffffff; font-size:16px;background:#009aad; border-top:10px solid #f4f6f5; margin-bottom:30px; line-height:25px; text-align:center;}

.lb_right_tel { width:289px; float:left; padding:33px; background:#f4f6f5;}
.lb_right_tel p { width:250px; float:left; padding-left:39px; font-size:26px; line-height:40px; color:#44b8c6; background:url(../img/lb-002-5.png) no-repeat left center;}
.lb_right_tel p strong { font-size:21px; float:left; font-weight:normal;}
.gj_nav { width:96%; float:left; padding:2% 2%; background:#f4f6f5;}
.gj_nav1 { width:25%; float:left; padding-top:44px; margin:2% 0px;}
.gj_nav1 img { width:50%; margin:0% 25%; float:left;}
.gj_nav1 p { width:100%; line-height:2em; font-size:14px; color:#565656; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.gj_nav01 { background:url(../img/001-1.png) no-repeat center top; background-size:50% auto;}
.gj_nav01:hover { background:url(../img/001-01.png) no-repeat center top; background-size:50% auto;}
.gj_nav02 { background:url(../img/001-2.png) no-repeat center top; background-size:50% auto;}
.gj_nav02:hover { background:url(../img/001-02.png) no-repeat center top; background-size:50% auto;}
.gj_nav03 { background:url(../img/001-3.png) no-repeat center top; background-size:50% auto;}
.gj_nav03:hover { background:url(../img/001-03.png) no-repeat center top; background-size:50% auto;}
.gj_nav04 { background:url(../img/001-4.png) no-repeat center top; background-size:50% auto;}
.gj_nav04:hover { background:url(../img/001-04.png) no-repeat center top; background-size:50% auto;}
.gj_nav05 { background:url(../img/001-5.png) no-repeat center top; background-size:50% auto;}
.gj_nav05:hover { background:url(../img/001-05.png) no-repeat center top; background-size:50% auto;}
.gj_nav06 { background:url(../img/001-6.png) no-repeat center top; background-size:50% auto;}
.gj_nav06:hover { background:url(../img/001-06.png) no-repeat center top; background-size:50% auto;}
.gj_nav07 { background:url(../img/001-7.png) no-repeat center top; background-size:50% auto;}
.gj_nav07:hover { background:url(../img/001-07.png) no-repeat center top; background-size:50% auto;}
.gj_nav08 { background:url(../img/001-8.png) no-repeat center top; background-size:50% auto;}
.gj_nav08:hover { background:url(../img/001-08.png) no-repeat center top; background-size:50% auto;}




/*预产期计算器*/
.ycqjs_con { width:100%; float:left; margin:2% 0px;}
.ycqjs_top { width:100%; float:left; background:#66cdd9; height:120px; -moz-border-radius: 60px; /* Gecko browsers */ -webkit-border-radius: 60px; /* Webkit browsers */ border-radius:60px; /* W3C syntax */ }
.ycqjs_top_l { width:660px; float:left; margin-top:15px; margin-left:30px;}
.ycqjs_top_lc { width:100%; float:left; line-height:45px; font-size:16px; color:#ffffff; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ycqjs_top_l1 { width:100px; height:25px; font-size:16px; color:#66cdd9; text-align:center; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ }
.ycqjs_top_l .laydate-icon { width:100px;  height:25px; font-size:16px;color:#66cdd9; text-align:center; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ }
.ycqjs_top_r { width:90px; float:left; margin:15px;}
.ycqjs_top_r button { width:100%; float:left; text-align:center; background:none; border:none;}
.ycqjs_top_r button img { width:100%; float:left;}


.ycqjs_c { width:750px; padding:30px 30px 0px 30px; float:left; color:#047c8b; background:url(../img/003.png) no-repeat center center; background-size:100% 100%; height:300px; margin-top:15px;}
.ycqjs_c span { width:100%; float:left; font-size:24px; line-height:1.5em; margin-top:15px;}
.ycqjs_c p { width:100%; float:left; font-size:16px; line-height:30px; margin:1% 0px;}
.ycqjs_c1 { border:none; font-size:16px; height:20px; color:#047c8b; text-align:center; width:150px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ }

.ycqjs_bot { width:100%; float:left; margin-top:3%;}
.TTSlider {width: 100%;margin: auto;}
.TTSlider li {list-style-type: none;float: left;}
.TTSliderTitle {width:100%; float:left;}
.TTSliderTitle ul { width: 100%; float: left;}
.TTSliderTitle li { font-size: 20px; font-family:"微软雅黑"; width:100%; height:50px; line-height:50px; position: relative; z-index: 3; float: left; text-align: center; color:#E7E7E7;}
.TTSliderTitle li span { width:80%; float:left; line-height:50px; height:50px; background:#ebebeb; font-size:18px; color:#026471; font-family:"微软雅黑"; margin-left:10%; -moz-border-radius:10px 10px 0px 0px; /* Gecko browsers */ -webkit-border-radius:10px 10px 0px 0px; /* Webkit browsers */ border-radius:10px 10px 0px 0px; /* W3C syntax */ }
.TTSliderTitle li span b { width:30%; float:left; text-align:center; background:#40c0d0; margin-right:0px; color:#FFFFFF; font-weight:normal;-moz-border-radius:10px 10px 0px 0px; /* Gecko browsers */ -webkit-border-radius:10px 10px 0px 0px; /* Webkit browsers */ border-radius:10px 10px 0px 0px; /* W3C syntax */ }
.TTSliderTitle li span b input {width:50px; background:none; border:none; background:#ffffff; text-align:center;  font-size:18px; color:#2ba3b2;}

.TTSliderPic { width:808px; position: relative; z-index: 1; float:left; border:1px solid #dbedef; -moz-border-radius:25px; /* Gecko browsers */ -webkit-border-radius:25px; /* Webkit browsers */ border-radius:25px; /* W3C syntax */ }
.TTSliderPicList { position: relative; width:100%; overflow: hidden; min-height:200px;}
.TTSliderPic ul { position: absolute; width:100%; float:left; display: none; left: 0}
.TTSliderPic ul.show {display: block;}
.TTSliderPic li { width:100%; float:left;}
.TTSliderPic li p {text-indent:2em; width:94%; padding:3%; float:left; font-size:15px; font-family:"宋体"; color:#555555; line-height:1.7em;}
.TTSliderPic li a { color:#40c0d0; float:right; margin-right:3%;font-size: 16px;}
.TTSliderPrevBtn, .TTSliderNextBtn { width:200px; float:left; margin:2% 102px; text-align: center;}
.TTSliderPrevBtn img, .TTSliderNextBtn img { width:100%; float:left;}
.ycqjs_botc { width:94%; margin:2% 3%; float:left;}
.ycqjs_botc p { width:100%; line-height:1.7em; margin-top:15px; color:#565656; font-family:"宋体"; font-size:15px; float:left;}
.ycqjs_botc p b { color:#FF0000; font-weight:normal;}
/*排卵期计算器*/
.plqjs_con { width:100%; float:left; margin:2% 0px;}
.plqjs_top { width:750px; padding:30px 30px 30px 30px; float:left; background:#66cdd9;-moz-border-radius:20px; /* Gecko browsers */ -webkit-border-radius: 20px; /* Webkit browsers */ border-radius:20px; /* W3C syntax */ }
.plqjs_top1 { width:100%; margin:1% 0%; float:left; line-height:35px; font-size:20px; color:#ffffff; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.plqjs_top2 { width:30%; text-align:center; margin:0px 2%; color:#047c8b; line-height:35px; font-size:20px; height:35px;}
.plqjs_top3 { width:14%; text-align:center; margin:0px 2%; color:#047c8b; line-height:35px; font-size:20px; height:35px;}
.plqjs_top4 { width:10%; text-align:center; margin:0px 2%; color:#047c8b; line-height:35px; font-size:20px; height:35px;}
.plqjs_top5 { width:100%; text-align:center; color:#047c8b;}
.plqjs_top5 input { width:50%; float:left; margin:2% 25% 0px 25%; height:50px; border:none; background:url(../img/004.png) no-repeat center center; background-size:auto 100%;}
.plqjs_top5 button { width:50%; float:left; margin:2% 25% 0px 25%; height:50px; border:none; background:url(../img/004.png) no-repeat center center; background-size:auto 100%;}

.plqjs_l { width:810px; padding:30px 0px 30px 0px; float:left;}
.plqjs_l table { width:100%; float:left;}
.plqjs_l td { text-align:center; line-height:45px; font-size:17px;}
.plqjs_botc { width:100%; margin:2% 0%; float:left;}
.plqjs_botc span { width:100%; font-size:20px; line-height:2em; color:#1c9bab;}
.plqjs_botc p { width:100%; line-height:1.7em; margin-top:15px; color:#565656; font-family:"宋体"; font-size:15px; float:left;}


/*色盲测试*/
.smcs_con { width:100%; float:left; margin:2% 0px;}
.smcs_c { width:94%; float:left; margin:3%;}
.smcs_bot { width:94%; margin:2% 3%; float:left;}
.smcs_bot p { width:100%; line-height:1.7em; margin-top:15px; color:#565656; font-family:"宋体"; font-size:15px; float:left;}
.smcs_bot p b { color:#FF0000; font-weight:normal;}
/*胎动记录*/
.tdjl_con { width:100%; float:left; margin-bottom:1%;}
.tdjl_con img { width:80%; margin:0% 10%; float:left;}
.tdjl_con a { width:40%; margin:2% 30% 0px 30%; background:#2ba3b2; color:#ffffff; text-align:center; line-height:36px; font-size:20px; float:left; -moz-border-radius:18px; /* Gecko browsers */ -webkit-border-radius: 18px; /* Webkit browsers */ border-radius:18px; /* W3C syntax */ }
.tdjl_bot { width:100%; margin:2% 0%; float:left;}
.tdjl_bot span { width:100%; font-size:20px; line-height:1.8em; color:#1c9bab;}
.tdjl_bot p { width:100%; line-height:1.7em; margin-top:15px; color:#565656; font-family:"宋体"; font-size:15px; float:left;}
.tdjl_bot p b { color:#565656;}

/*胎儿发育*/
.tefy_con { width:100%; float:left; margin-bottom:2%;}
.tefy_c { width:90%; float:left; color:#047c8b; background:url(../img/003.png) no-repeat center center; background-size:100% 100%; margin:2% 3% 0px 3%; padding:4% 2%;}
.tefy_c span { width:100%; float:left; font-size:18px; line-height:1.7em; margin-top:15px;}
.tefy_c p { width:100%; float:left; font-size:15px; line-height:1.5em; margin:1% 0px;}
.tefy_c1 { border:none; height:40px; font-size:15px; color:#047c8b; text-align:center; width:auto; -moz-border-radius:8px; /* Gecko browsers */ -webkit-border-radius:8px; /* Webkit browsers */ border-radius:8px; /* W3C syntax */ }

/*血型遗传*/
.xxyc_con { width:100%; float:left; margin-bottom:2%;}
.xxyc_top { width:750px; padding:30px 30px 30px 30px; float:left; background:#66cdd9; -moz-border-radius:20px; /* Gecko browsers */ -webkit-border-radius: 20px; /* Webkit browsers */ border-radius:20px; /* W3C syntax */ }
.xxyc_top1 { width:100%; margin:1% 0%; float:left; line-height:30px; font-size:18px; color:#ffffff; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xxyc_top5 { width:100%; margin:1% 0%; float:left;}
.xxyc_top2 { width:20%; padding:0px 3%; text-align:center; margin:0px 2%; color:#047c8b; line-height:30px; font-size:18px; height:30px;}
.xxyc_top3 { width:36%; float:left; margin:2% 7% 0px 7%; height:50px; border:none; color:#ffffff; background:#2ba3b2; line-height:50px; font-size:18px; -moz-border-radius:10px; /* Gecko browsers */ -webkit-border-radius:10px; /* Webkit browsers */ border-radius:10px; /* W3C syntax */ }
.xxyc_top4 { width:36%; float:left; margin:2% 7% 0px 7%; height:50px; border:none; color:#ffffff; background:#bcbfc0; line-height:50px; font-size:18px; -moz-border-radius:10px; /* Gecko browsers */ -webkit-border-radius:10px; /* Webkit browsers */ border-radius:10px; /* W3C syntax */ }
.xxyc_c { width:750px; padding:30px 30px 0px 30px; float:left; color:#047c8b; background:url(../img/003.png) no-repeat center center; background-size:100% 100%; height:300px; margin-top:15px;}
.xxyc_c span { width:100%; float:left; font-size:18px; line-height:1.7em; margin-top:15px;}
.xxyc_c p { width:100%; float:left; font-size:15px; line-height:1.5em; margin:1% 0px;}
/*孕妇体重计算器*/
.yftzjc_c { width:750px; padding:30px 30px 0px 30px; float:left; color:#047c8b; background:url(../img/003.png) no-repeat center center; background-size:100% 100%; height:300px; margin-top:15px;}
.yftzjc_c span { width:100%; float:left; font-size:20px; line-height:1.7em;}
.yftzjc_c p { width:100%; float:left; font-size:15px; line-height:2em;}
.yftzjc_c p font { padding:0px 2%;}