.banner { width:100%; float:left;}
.banner img { width:100%; float:left;}

.gj_nav { width:100%; float:left; padding:2% 0px; border-bottom:0.1rem dashed #cccccc;}
.gj_nav ul { width:100%; float:left;}
.gj_nav ul li { width:25%; float:left; margin:2% 0px;}
.gj_nav ul li img { width:50%; margin:0% 25%; float:left;}
.gj_nav ul li p { width:100%; line-height:2em; font-size:1rem; color:#353535; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.gj_title { width:100%; float:left; margin:3% 0px;}
.gj_title span { width:100%; float:left; text-align:center; color:#565656; line-height:1.5em; font-size:1.5rem;}
.gj_title span strong { font-weight:normal; color:#e95383;}
.gj_title p { width:96%; margin:1% 2% 0px 2%; float:left; color:#666; line-height:2.0em; font-size:1.1rem; text-indent: 2rem;}

/*预产期计算器*/
.ycqjs_con { width:96%; float:left; margin:2%;}
.ycqjs_top { width:100%; float:left; background:#f298b5; height:8rem; -moz-border-radius: 2rem; /* Gecko browsers */ -webkit-border-radius: 2rem; /* Webkit browsers */ border-radius:2rem; /* W3C syntax */ }
.ycqjs_top_l { width:68%; margin-left:7%; float:left; margin-top:1rem;}
.ycqjs_top_lc { width:100%; float:left; line-height:1.4rem; font-size:1rem; color:#ffffff; height:1.4rem; margin:0.8rem 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ycqjs_top_l1 { width:5rem; height:1.4rem; font-size:1rem; color:#f298b5; text-align:center; -moz-border-radius: 0.2rem; /* Gecko browsers */ -webkit-border-radius: 0.2rem; /* Webkit browsers */ border-radius:0.2rem; /* W3C syntax */ }
.ycqjs_top_l .laydate-icon { width:7rem; height:1.4rem; font-size:1rem; color:#f298b5; text-align:center; -moz-border-radius: 0.2rem; /* Gecko browsers */ -webkit-border-radius: 0.2rem; /* Webkit browsers */ border-radius:0.2rem; /* W3C syntax */ }

.ycqjs_top_r { width:25%; float:left; margin:1rem 0px;}
.ycqjs_top_r button { width:100%; float:left; text-align:center; background:none; border:none;}
.ycqjs_top_r button img { width:6rem;}
.ycqjs_c { width:94%; float:left; color:#e95383; background:url(/style/images/mico/003.png) no-repeat center center; background-size:100% 100%; margin-top:2%; padding:4% 3%;}
.ycqjs_c span { width:100%; float:left; font-size:1.4rem; line-height:1.5em; margin-top:2%;}
.ycqjs_c p { width:100%; float:left; font-size:1rem; line-height:2em; margin:1% 0px;}
.ycqjs_c1 { border:none; height:1.4rem; font-size:1rem; color:#e95383; text-align:center; width:auto; -moz-border-radius: 0.2rem; /* Gecko browsers */ -webkit-border-radius: 0.2rem; /* Webkit browsers */ border-radius:0.2rem; /* 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: 1.5rem; font-family:"微软雅黑"; width:100%; height:3rem; line-height:3rem; position: relative; z-index: 3; float: left; text-align: center; color:#E7E7E7;}
.TTSliderTitle li span { width:80%; float:left; line-height:3rem; height:3rem; background:#ebebeb; font-size:1.2rem; color:#e95383; font-family:"微软雅黑"; margin-left:10%; -moz-border-radius:1rem 1rem 0px 0px; /* Gecko browsers */ -webkit-border-radius:1rem 1rem 0px 0px; /* Webkit browsers */ border-radius:1rem 1rem 0px 0px; /* W3C syntax */ }
.TTSliderTitle li span b { width:30%; float:left; text-align:center; background:#e95383; margin-right:0px; color:#FFFFFF; font-weight:normal;-moz-border-radius:1rem 1rem 0px 0px; /* Gecko browsers */ -webkit-border-radius:1rem 1rem 0px 0px; /* Webkit browsers */ border-radius:1rem 1rem 0px 0px; /* W3C syntax */ }
.TTSliderTitle li span b input {width:1.5rem; background:none; border:none; background:#ffffff; text-align:center;  font-size:1.2rem; color:#e95383;}

.TTSliderPic { width:98%; position: relative; z-index: 1; float:left; border:0.1rem solid #fcb2cc; -moz-border-radius:1rem; /* Gecko browsers */ -webkit-border-radius:1rem; /* Webkit browsers */ border-radius:1rem; /* W3C syntax */ }
.TTSliderPicList { position: relative; width:100%; overflow: hidden; min-height:12rem;}
.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:0.9rem; font-family:"宋体"; color:#555555; line-height:1.5em;}
.TTSliderPic li a { color:#e95383; float:right; margin-right:3%;}
.TTSliderPrevBtn, .TTSliderNextBtn { width:30%; float:left; margin:2% 10%; 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:2%; color:#565656; font-family:"宋体"; font-size:0.8rem; float:left;}
.ycqjs_botc p b { color:#FF0000; font-weight:normal;}
/*排卵期计算器*/
.plqjs_con { width:100%; float:left; margin:2% 0px;}
.plqjs_top { width:86%; padding:3% 4%; margin:0px 3%; float:left; background:#f298b5;-moz-border-radius:1rem; /* Gecko browsers */ -webkit-border-radius: 1rem; /* Webkit browsers */ border-radius:1rem; /* W3C syntax */ }
.plqjs_top1 { width:100%; margin:1% 0%; float:left; line-height:1.8rem; font-size:1.2rem; color:#ffffff; height:1.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.plqjs_top2 { width:30%; text-align:center; margin:0px 2%; color:#e95383; line-height:1.8rem; font-size:1.2rem; height:1.8rem;}
.plqjs_top3 { width:14%; text-align:center; margin:0px 2%; color:#e95383; line-height:1.8rem; font-size:1.2rem; height:1.8rem;}
.plqjs_top4 { width:10%; text-align:center; margin:0px 2%; color:#e95383; line-height:1.8rem; font-size:1.2rem; height:1.8rem;}
.plqjs_top5 { width:100%; text-align:center; color:#e95383;}
.plqjs_top5 input { width:50%; float:left; margin:2% 25% 0px 25%; height:3rem; border:none; background:url(/style/images/mico/004.png) no-repeat center center; background-size:auto 100%;}
.plqjs_top5 button { width:50%; float:left; margin:2% 25% 0px 25%; height:3rem; border:none; background:url(/style/images/mico/004.png) no-repeat center center; background-size:auto 100%;}


.plqjs_l { width:94%; margin:2% 3%; float:left;}
.plqjs_l table { width:100%; float:left;}
.plqjs_l td { text-align:center; line-height:1.5rem; font-size:0.8rem;}
.plqjs_botc { width:94%; margin:2% 3%; float:left;}
.plqjs_botc span { width:100%; font-size:1.2rem; line-height:2rem; color:#e95383;}
.plqjs_botc p { width:100%; line-height:2.2em; color:#565656; font-family:"Microsoft YaHei"; font-size:1.0rem; float:left;text-indent: 2rem;}
/*色盲测试*/
.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:2%; color:#565656; font-family:"Microsoft YaHei"; font-size:0.8rem; float:left;}
.smcs_bot p b { color:#565656;}
/*胎动记录*/
.tdjl_con { width:100%; float:left; margin-bottom:2%;}
.tdjl_con img { width:80%; margin:0% 10%; float:left;}
.tdjl_con a { width:40%; margin:2% 30% 0px 30%; background:#e95383; color:#ffffff; text-align:center; line-height:2.4rem; font-size:1rem; float:left;-moz-border-radius: 1.2rem; /* Gecko browsers */ -webkit-border-radius: 1.2rem; /* Webkit browsers */ border-radius:1.2rem; /* W3C syntax */ }
.tdjl_bot { width:94%; margin:2% 3%; float:left;}
.tdjl_bot span { width:100%; font-size:1.2rem; line-height:2rem; color:#e95383;}
.tdjl_bot p { width:100%; line-height:1.7em; margin-top:2%; color:#565656; font-family:"Microsoft YaHei"; font-size:0.8rem; float:left;}
.tdjl_bot p b { color:#565656;}

/*胎儿发育*/
.tefy_con { width:100%; float:left; margin-bottom:2%;}
.tefy_c { width:90%; float:left; color:#e95383; background:url(/style/images/mico/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:1.4rem; line-height:1.5em; margin-top:2%;}
.tefy_c p { width:100%; float:left; font-size:1rem; line-height:2em; margin:1% 0px;}
.tefy_c1 { border:none; height:1.4rem; font-size:1rem; color:#e95383; text-align:center; width:auto; -moz-border-radius: 0.2rem; /* Gecko browsers */ -webkit-border-radius: 0.2rem; /* Webkit browsers */ border-radius:0.2rem; /* W3C syntax */ }

/*血型遗传*/
.xxyc_con { width:100%; float:left; margin-bottom:2%;}
.xxyc_top { width:86%; padding:5% 4%; margin:0px 3%; float:left; background:#fca3bf; -moz-border-radius:1rem; /* Gecko browsers */ -webkit-border-radius: 1rem; /* Webkit browsers */ border-radius:1rem; /* W3C syntax */ }
.xxyc_top1 { width:100%; margin:1% 0%; float:left; line-height:1.8rem; font-size:1.2rem; color:#ffffff; height:1.8rem; 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:#e95383; line-height:1.8rem; font-size:1.2rem; height:1.8rem;}
.xxyc_top3 { width:36%; float:left; margin:2% 7% 0px 7%; height:2.4rem; border:none; color:#ffffff; background:#e95383; line-height:2.4rem; font-size:1rem; -moz-border-radius:1.2rem; /* Gecko browsers */ -webkit-border-radius: 1.2rem; /* Webkit browsers */ border-radius:1.2rem; /* W3C syntax */ }
.xxyc_top4 { width:36%; float:left; margin:2% 7% 0px 7%; height:2.4rem; border:none; color:#ffffff; background:#858585; line-height:2.4rem; font-size:1rem; -moz-border-radius:1.2rem; /* Gecko browsers */ -webkit-border-radius: 1.2rem; /* Webkit browsers */ border-radius:1.2rem; /* W3C syntax */ }
.xxyc_c { width:88%; float:left; color:#e95383; background:url(/style/images/mico/003.png) no-repeat center center; background-size:100% 100%; margin:2% 3% 0px 3%; padding:4% 3%;}
.xxyc_c span { width:100%; float:left; font-size:1.4rem; line-height:1.5em; margin-top:2%;}
.xxyc_c p { width:100%; float:left; height:5rem; font-size:1rem; line-height:2em; margin:1% 0px;}
/*孕妇体重计算器*/
.yftzjc_c { width:90%; float:left; color:#e95383; background:url(/style/images/mico/003.png) no-repeat center center; background-size:100% 100%; margin:2% 3% 0px 3%; padding:4% 2%;}
.yftzjc_c span { width:100%; float:left; font-size:1.4rem; line-height:1.5em;}
.yftzjc_c p { width:100%; float:left; font-size:1rem; line-height:2em;}
.yftzjc_c p font { padding:0px 2%;}











