.flex {
	display: flex;
}

.fdcl {
	flex-direction: column;
	/* 垂直排列 */
}

.flex1 {
	flex: 1;
}

.aic {
	align-items: center;
}

.jsp {
	justify-content: space-between;
}

.fwrap {
	flex-wrap: wrap;
}
.mgbot0{margin-bottom: 0!important;}
.padtop30{padding-top: 0.3rem;}
.other_tools {
	margin: 0;
	margin-top: .4rem;
}

.other_tools>a {
	margin-bottom: .4rem;
	padding: 0;
	margin-right: .48rem;
}

.other_tools>a:nth-child(5n) {
	margin-right: 0;
}

.other_tools p {
	margin-top: 0.2rem;
}

.index_tu {
	width: 3rem;
	height: 3.28rem;
	border-radius: .16rem;
	overflow: hidden;
}

.index_tu1 {
	position: relative;
	display: block;
	width: 100%;
}

.breed_top {
	margin: .30rem .2rem;
}

.index_tu1>img {
	width: 100%;
	height: 3.28rem;
}

.index_tu1>p {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: .26rem;
	color: #ffffff;
	width: 100%;
	box-sizing: border-box;
	height: .8rem;
	line-height: .80rem;
	padding: 0 .10rem;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.index_turight {
	margin-left: .3rem;
}

.index_turight>div:first-child p:first-child {
	font-size: .32rem;
	font-weight: bold;
	margin-bottom: .20rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.index_turight>div:first-child p:nth-child(2) {
	color: #808080;
	font-size: .24rem;
	line-height: .45rem;
	text-indent: 2em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

.breed_title {
	background: #f2f2f2;
	font-size: .28rem;
	text-align: center;
	color: #333333;
	height: .74rem;
	line-height: .74rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 .10rem;
	margin: 0 .2rem;
	box-sizing: border-box;
}

.index_namelist {
	margin: .2rem;
}

.index_namelist>p {
	font-size: .26rem;
}

.index_namelist a {
	font-size: .28rem;
	color: #808080;
}

.index_namelist>.qum_zx {
	line-height: .60rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: .20rem;
}

.index_namelist>.qum_zx:nth-child(2n) {
	margin: 0;
}

.index_namelist span {
	margin-left: .32rem;
	color: #333;
	position: relative;
	padding-left: 0.1rem;
}

.index_namelist span::before {
	content: '';
	position: absolute;
	top: .0rem;
	left: -.15rem;
	width: .02rem;
	height: .3rem;
	background: #808080;
}

.content_title {
	font-size: .34rem;
	font-weight: 700;
	height: .5rem;
	line-height: .5rem;
	position: relative;
}

.content_title>p:first-child {
	width: 2.4rem;
	height: .5rem;
	line-height: .5rem;
	position: absolute;
	top: -.2rem;
	right: 50%;
	margin-right: -1.2rem;
	background: #fff;
	text-align: center;
}

.xian {
	height: .03rem;
	margin-top: .5rem;
}


.huli_tu {
	width: 2.56rem;
	height: 1.75rem;
	border-radius: .12rem;
	overflow: hidden;
}

.huli_tu img {
	width: 100%;
	height: 100%;
}

.backgroud_p>a {
	color: #12BBB7 !important;
	position: relative;
}

.backgroud_p1>a,
.backgroud_p2>a {
	position: relative;
}

.backgroud_p>a::after,
.backgroud_p1>a::after,
.backgroud_p2>a::after {
	content: '';
	position: absolute;
	top: 0;
	right: -.18rem;
	width: .01rem;
	height: .3rem;
	background: #12BBB7;
}

.backgroud_p1>a::after {
	background: #C4A25D !important;
}

.backgroud_p2>a::after {
	background: #fff !important;
}

.backgroud_p>a:last-child::after,
.backgroud_p1>a:last-child::after,
.backgroud_p2>a:last-child::after {
	content: none;
}

.blue_back {
	background: #12BBB7 !important;
}

.brown_color {
	color: #C4A25D !important;
}

.brown_back {
	background: #C4A25D !important;
}

.pink_color {
	color: #F95569 !important;
}

.pink_back {
	background: #F95569 !important;
}

.blue_color {
	color: #12BBB7 !important;
}

.blue_back {
	background: #12BBB7 !important;
}

.backgroud_p1 {
	color: #C4A25D !important;
	background: #FFEBCB !important;
}

.backgroud_p1>a {
	color: #C4A25D !important;
}

.backgroud_p2 {
	color: #fff !important;
	background: #F78391 !important;
}

.backgroud_p2>a {
	color: #fff !important;
}


.content_box_title {
	height: .6rem;
	margin: .20rem 0;
}

.content_box_title>p {
	font-size: .30rem;
	font-weight: bold;
	color: #ff575a;
	margin: 0 .2rem 0 .2rem;
}

.content_box_title>div {
	position: relative;
	height: .6rem;
	line-height: .6rem;
	background: #def4f7;
}

.content_box_title>div>p>a {
	margin: 0 .20rem;
}

.content_box_title>div>.more {
	position: absolute;
	right: 0;
	top: .13rem;
	height: .34rem;
	line-height: .34rem;
	color: #B3B3B3;
	padding: 0 .10rem;
}

.content_box1 {
	margin: .2rem;
}

.right_title {
	margin-left: .2rem;
}

.right_title>p:first-child {
	font-size: .30rem;
	font-weight: bold;
	color: #333333;
	line-height: .50rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.right_title>p:nth-child(2) {
	font-size: .24rem;
	color: #808080;
	line-height: .40rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.yszx_aboutlist span,
.jibing_ul span {
	color: #b3b3b3 !important;
	margin-right: .04rem;
}

.yszx_aboutlist>li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: .02rem dashed #E6E6E6;
	line-height: .8rem;
	font-size: .26rem;
}

.yszx_aboutlist>li:last-child {
	border: none;
}

.breed_yuefen>li,
.yingyang_list>li {
	width: 1.5rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	border: .02rem dashed #E6E6E6;
	border-radius: .04rem;
	margin-right: .3rem;
	margin-bottom: .3rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.yingyang_list>li {
	width: 2.1rem;
	height: .8rem;
	line-height: .8rem;
	border-radius: .12rem;
	padding: 0 .1rem;
	box-sizing: border-box;
}

.breed_yuefen>li:nth-child(4n),
.yingyang_list>li:nth-child(3n),
.detail_fayu>li:nth-child(4n) {
	margin-right: 0;
}

.index_name>img {
	width: 3.44rem;
	height: 2.35rem;
	border-radius: .12rem;
}

.index_name>figcaption {
	text-align: center;
	font-size: .28rem;
	color: #333333;
	line-height: .45rem;
	width: 3.44rem;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 0 .1rem;
}

.list_box>div {
	padding-bottom: .3rem;
	margin-bottom: .3rem;
	border-bottom: 0.02rem dashed #E6E6E6;
}

.list_box>div:last-child {
	border: none;
	margin-bottom: 0;
}

.swiper_aboutlist {
	max-width: 4rem;
	margin-left: .2rem;
}

.swiper_aboutlist>li {
	border-bottom: none;
	line-height: .68rem;
}

.more_back2 {
	color: #fff !important;
}

.yingyang>p:first-child {
	right: inherit;
	left: -.3rem;
}

.beiyun {
	width: 3rem;
	height: 2.06rem;
}

.beiyun img {
	width: 100%;
}

/* 详情页 */
.detail_readbox>h1 {
	font-size: .36rem;
	font-weight: 800;
	color: #333333;
	line-height: .70rem;
}

.detail_tcenter {
	font-size: .24rem;
	color: #999999;
	line-height: .70rem;
}

.detail_readbox .digest {
	display: block;
	clear: both;
	padding: .2rem .15rem;
	line-height: .5rem;
	color: #666;
	border-radius: .03rem;
	font-size: .26rem;
	margin-top: .10rem;
	color: #999;
	background-color: #f9f9f9;
}

.daodu {
	background-color: #333;
	color: #fff !important;
	padding: .06rem .15rem;
	background: #333333;
	border-radius: .08rem;
	margin-right: .2rem;
	font-size: .22rem;
}

.detail_reads {
	font-size: .32rem;
	color: #333333;
	line-height: .56rem;
}

.detail_reads>img {
	width: 100%;
	margin: .2rem 0;
}

.detail_reads>img {
	width: 100%;
}

.detail_tab {
	margin-top: .3rem;
	border-bottom: .02rem solid #e6e6e6;
	padding-bottom: .2rem;
	color: #808080;
	padding-left: .3rem;
}

.detail_tab>ul>li {
	margin-right: .30rem;
	position: relative;
}

.detail_tab a {
	color: #808080;
}

.detail_tab>ul>li::before {
	content: '';
	position: absolute;
	top: .04rem;
	right: -.12rem;
	height: .25rem;
	width: .02rem;
	background: #808080;
}

.detail_tab>ul>li:last-child::before {
	content: normal;
}

.detail_pian>a {
	font-size: .24rem;
	color: #999999;
	line-height: .50rem;
}

.detail_pian span {
	color: #333;
}

.detail_pian p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.detail_fayu>li {
	width: 1.5rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	background: #F0F0F0;
	border-radius: .04rem;
	margin-right: .3rem;
	margin-bottom: .3rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.yunzhou {
	margin: .10rem;
}

.yunzhou>p {
	font-size: .28rem;
	margin-right: .15rem;
}

.detail_yunzhoulist>li {
	width: 1.30rem;
	height: .80rem;
	line-height: .8rem;
	text-align: center;
	background: #f2f2f2;
	border-radius: .04rem;
	margin-right: .25rem;
}

.detail_yunzhoulist>li:last-child {
	margin-right: 0;
}

/* 能不能吃 */
.weizhi {
	height: .6rem;
	line-height: .6rem;
	font-size: .24rem;
	color: #999999;
	margin-left: .2rem;
	margin-top: .2rem;
}

.weizhi>a {
	color: #999999;
}

.border1 {
	height: .02rem;
	background: #E6E6E6;
}

.more>li {
	margin-right: .45rem;
	margin-bottom: .25rem;
}

.new_zhankai,
.new_shouqi {
	margin: .05rem;
	float: left;
	color: #12BBB7 !important;
	cursor: pointer;
	margin-right: .20rem;
	margin-bottom: .20rem;
	padding: .04rem .10rem;
}

.new_zhankai:after {
	content: '';
	display: inline-block;
	width: .1rem;
	height: .1rem;
	border-top: .01rem solid #999999;
	border-right: .01rem solid #999999;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	position: relative;
	bottom: .03rem;
	left: .04rem;
}

.new_shouqi:after {
	content: '';
	display: inline-block;
	width: .1rem;
	height: .1rem;
	border-top: .01rem solid #999999;
	border-right: .01rem solid #999999;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position: relative;
	bottom: .-1rem;
	left: .04rem;
}

.eat_classify>div {
	margin-top: .2rem;

	border-bottom: .02rem dashed #E6E6E6;
}

.eat_classify>div:last-child {
	border: none;
}
.lxialai{
	margin-top: .16rem;
    width: .22rem;
    height: 0.12rem;
}
.eat_classify>div>p {
	font-size: .26rem;
	font-weight: 800;
	color: #333333;
	line-height: .40rem;
	position: relative;
	padding-left: .3rem;
}

.eat_classify>div>p::before {
	content: '';
	position: absolute;
	top: .15rem;
	left: 0;
	width: .10rem;
	height: .10rem;
	background: #59CDCA;
	border-radius: 50%;
}

table {
	border-collapse: collapse;
}

.table_box {
	border: .02rem solid #D9D9D9;
	box-sizing: border-box;
}
.eats_lists{
display: flex;
flex-wrap: wrap;
border-right: none;
border-bottom: none;
}
.table_box a {
	display: block;
}
.eats_lists a{
	width: 25%;
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	text-align: center;
	line-height: 0.88rem;
	height: 0.88rem;
	box-sizing: border-box;
}
.table_box tr {
	line-height: .6rem;
	height: .6rem;
}

.table_box td {
	text-align: center;
	font-size: .26rem;
	color: #333333;
}

.table_box .table_txt th {
	font-weight: bold;
	font-size: .28rem;
	color: #333333;
}

.table_box .table_txt {
	background: #f0f0f0;
}

.index_ys_title {
	font-size: .3rem;
	font-weight: bold;
	color: #999999;
	height: .8rem;
	line-height: .8rem;
	overflow: hidden;
	border-bottom: .02rem solid #E6E6E6;
}

.index_ys_title .active {
	color: #12BBB7;
	border-bottom: .04rem solid #12BBB7;
}

.index_ys_title span {
	padding: .2rem .3rem;
	margin-right: .6rem;
	text-align: center;
	position: relative;
}

.index_ys_title span:nth-of-type(1)::after {
	content: '';
	display: inline-block;
	width: .02rem;
	height: .4rem;
	background: #e6e6e6;
	position: absolute;
	right: -.35rem;
	top: .18rem;
}

.index_ys_list.active {
	display: block;
}

.index_ys_list {
	padding: 0 .13rem;
	display: none;
}

.index_ys_list li {
	margin: .3rem 0;
	border-bottom: .02rem solid #E6E6E6;
	padding-bottom: .3rem;
}

.index_ys_list li:last-child {
	border: none;
}

.index_ys_list li .content {
	font-size: .26rem;
	line-height: .40rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index_ys_list li .content>img {
	display: inline-block;
	width: .3rem;
	height: .3rem;
	margin-right: .1rem;
	margin-top: 0;
}

.diandian {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index_ys_list img {
	margin-top: .3rem;
	width: 7.10rem;
	height: 4.33rem;
	border-radius: .12rem;
}

.index_ys_list li .xuhao {
	width: .4rem;
	height: .4rem;
	background: #d9d9d9;
	border-radius: .04rem;
	font-size: .26rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	line-height: .4rem;
	margin-right: .15rem;
	display: inline-block;
}

.yi {
	background: #ffb93d !important;
}

.er {
	background: #F18181 !important;
}

.san {
	background: #86D5A0 !important;
}

.breed_huan p {
	font-size: .22rem;
	color: #999999;
	line-height: .58rem;
	margin-right: .2rem;
}

.breed_huan img {
	width: .3rem;
	height: .3rem;
}

.clearfix {
	clear: both;
}
.remen_jump{overflow: hidden;height: 0.7rem;}
.remen_jump a {
	display: inline-block;
	margin: .05rem 0.18rem;
	float: left;
	margin-bottom: .20rem;
	padding: .04rem .10rem;
}
.font30{font-size: 0.3rem!important;}
.remen_active {
	background-color: #12BBB7;
	color: #fff !important;
	padding: .04rem .10rem;
	border-radius: .08rem;
}

.wenzi {
	font-size: .26rem;
	color: #808080;
	line-height: .60rem;
}

.wenzi>p {
	text-indent: 2em;
}

.wenzi>div {
	font-size: .3rem;
	font-weight: bold;
	color: #333333;
}

.ear_tu>img {
	width: .9rem;
	height: .33rem;
	position: relative;
    top: -0.05rem;
}

/* 聚合页 */
.label_jh_list {
	border-top: .01rem solid #E6E6E6;
	padding: 0.27rem 0.2rem 0.16rem 0.2rem;
}

.label_jh_list a {
	display: flex;
	align-items: center;
}

.label_jh_list img {
	width: 2.52rem;
	height: 1.72rem;
	margin-right: 0.25rem;
}

.label_jh_list div {
	width: 4.6rem;
}

.label_jh_list h3 {
	font-size: 0.28rem;
	font-weight: bold;
}

.label_jh_list p {
	font-size: 0.24rem;
	color: #999999;
	line-height: 0.36rem;
	width: 100%;
	margin-top: 0.15rem;
	margin-bottom: 0.1rem;
}
.cannot_eat{width: 1.16rem!important;}
.duodiandian {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.label_jh_list span {
	font-size: 0.24rem;
	color: #b2b2b2;
	line-height: 0.24rem;
}

.pad20 {
	padding: 0 0.2rem;
}

.padd23 {
	padding: 0.15rem 0 0 0 !important;
	margin-bottom: 0.25rem;
}

.txt300b {
	overflow: hidden;
	border: .01rem solid #E6E6E6;
	width: 7.1rem;
	height: 6rem;
	margin: 0 auto;
	margin-top: 0.3rem;
	margin-bottom: 0.5rem;
}

.chi {
	margin: 0.4rem 0;
	font-size: 0.36rem;
	text-align: center;
	color: #12BBB7;
}

.mui-input-row {
	width: 6rem;
	height: 0.8rem;
	background: rgba(133, 154, 157, 0.16);
	border: .01rem solid #dfdfdf;
	margin: 0 auto;
	padding: 0 0.1rem;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 0.35rem;
}

.mui-input-row>img {
	width: 0.3rem;
}

.mui-input-row select {
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	background-color: initial;
	color: #666666;
	margin-left: 0.16rem;
	font-size: 0.26rem;
	position: relative;
	z-index: 111;
}

.mui-input-row .more {
	position: absolute;
	right: 0;
	top: 0.22rem;
	border-left: .01rem solid rgba(51, 51, 51, 0.16);
	height: 0.34rem;
	width: 0.77rem;
	text-align: center;
}

.mui-input-row .more>img {
	margin-top: 0.02rem;
	width: 0.3rem;
	height: 0.3rem;
}

.mui-input-group button {
	display: block;
	width: 4rem;
	height: 0.7rem;
	background: #12bbb7;
	font-size: 0.26rem;
	color: #ffffff;
	border: none;
	margin: 0 auto;
	margin-top: 0.6rem;
	outline: none;
}

.lable_jh_cjbing li {
	margin: 0 0.2rem;
}

.lable_jh_cjbing {
	border-top: .01rem solid #E6E6E6;
}

.choose_fenlei_box {
	border-top: .01rem solid #E6E6E6;
	border-bottom: .01rem solid #E6E6E6;
	padding: 0 0.2rem;
}

.choose_fenlei_box .level1_box {
	border-bottom: .01rem dashed #E6E6E6;
}

.choose_fenlei_box a {
	padding: 0 0.15rem;

	display: block;
	font-size: 0.26rem;
	font-weight: 500;

}

.choose_fenlei_box .liebiao {
	flex-wrap: wrap;
	height: .5rem;
	overflow: hidden;
	width: 6.88rem;
	-webkit-flex-wrap: wrap;
}

.choose_fenlei_box .xuan {
	padding: .3rem 0;
}

.choose_fenlei_box .liebiao>li {
	margin-bottom: .3rem;
	padding: 0 .15rem;
	margin-right: .16rem;
	line-height: .5rem;
	height: .5rem;
}

.choose_fenlei_box .xuanzhong {
	background: #12BBB7;
	border-radius: .04rem;
}

.choose_fenlei_box .xuanzhong a {
	color: #fff;
}

.choose_fenlei_box .xuan>img {
	margin-top: .16rem;
	width: .22rem;
	height: 0.12rem;
}

/* 发育指标 */
.zhibiao {
	margin: .10rem;
	padding-left: .20rem;
}

.zhibiao>li {
	font-size: .26rem;
	line-height: .45rem;
	position: relative;
	width: 50%;
	padding-bottom: .5rem;
	padding-left: .4rem;
	box-sizing: border-box;
}

.zhibiao>li::before {
	content: "";
	position: absolute;
	top: .20rem;
	left: -0.02rem;
	width: .04rem;
	height: .9rem;
	background: #f0f0f0;
}

#development>li {
	width: 100%;
}

.yun_week {
	position: relative;
	line-height: .30rem;
	font-size: .24rem;
	display: none;
}

.yun_week a {
	color: #999999;
	width: 50%;
    display: block;
}

.yun_week::before {
	content: "";
	position: absolute;
	top: .3rem;
	left: -.42rem;
	width: .04rem;
	height: 1.5rem;
	background: #f0f0f0;
}

.yun_week>p {
	margin-top: .3rem;
	display: flex;
}

.line4{border-bottom: 0.12rem solid #e6e6e6;}

.zhibiao>li>p {
	display: inline-block;
}

.zhibiao>li>img {
	margin-left: .2rem;
	width: .22rem;
	height: .12rem;
}

.zhibiao>li>a::before,
.zhibiao>li>p::before {
	content: "";
	position: absolute;
	top: .1rem;
	left: -.1rem;
	width: .2rem;
	height: .2rem;
	background: #12bbb7;
	/* border:.01rem solid #ffffff; */
	border-radius: 50%;
}

.zhibiao>li:last-child::before,
.befor_none::before {
	content: normal !important;
}

.zhibiao>li>a.active::before,
.fayu_on::before {
	background: #ffffff !important;
	border: .04rem solid #12bbb7 !important;
	box-sizing: border-box;
}

.zhibiao>li>a.active,
.fayu_on {
	color: #12bbb7;
}

.right_biaoqian {
	margin-bottom: .4rem;
}

.right_biaoqian div {
	width: 1.6rem;
	height: 1.2rem;
	line-height: 1.3rem;
	text-align: center;
	background: #ffffff;
	border: .01rem solid #e6e6e6;
	border-radius: .12rem;
	margin-top: .15rem;
}

.right_biaoqian .huli {
	color: #FF9601;
	border-bottom: .1rem solid #FF9601;
}

.right_biaoqian .yingyang {
	color: #3BA156;
	border-bottom: .1rem solid #3BA156;
}

.right_biaoqian .zaojiao {
	color: #E6199B;
	border-bottom: .1rem solid #E6199B;
}

.right_biaoqian .jibing {
	color: #0A5E99;
	border-bottom: .1rem solid #0A5E99;
}

.breed_biaoti {
	position: relative;
	font-size: .32rem;
	font-weight: 700;
	text-align: center;
	color: #333333;
}

.breed_biaoti::before {
	content: "";
	position: absolute;
	left: 1.8rem;
	top: .15rem;
	width: .16rem;
	height: .16rem;
	opacity: 0.4;
	border-radius: 50%;
	background: #12BBB7;
}

.breed_biaoti::after {
	content: "";
	position: absolute;
	right: 1.8rem;
	top: .15rem;
	width: .16rem;
	height: .16rem;
	opacity: 0.4;
	border-radius: 50%;
	background: #12BBB7;
}

.tishi::before {
	left: 2.5rem;
}

.tishi::after {
	right: 2.5rem;
}

.growDetail::before {
	left: 1.6rem;
}

.growDetail::after {
	right: 1.6rem;
}

.calTitle9 {
	text-align: center;
	font-size: .32rem;
	font-weight: bold;
	color: #333333;
}

form span {
	font-size: .26rem;
}

.select_outer {
	margin: 0 .12rem;
}

.diycolor select {
	background: #F6F6F6;
	border: 0;
	width: 1.6rem;
	height: .60rem;
	outline: 0;
	font-size: .26rem;
	color: #000;
	padding: 0 .2rem;
	box-sizing: border-box;
	border: .01rem solid #E6E6E6;
}

.select_inner>input {
	width: 5.40rem;
	height: .60rem;
	background: #F6F6F6;
	border: .01rem solid #E6E6E6;
	padding: 0 .2rem;
	outline: none;
}

.select_outer80 select,
.select_outer80 input {
	width: 5.4rem;
}

.select_outer80 input {
	width: 5rem;
}

.select_outer120 select {
	width: 1.8rem;
}

.apart {
	position: relative;
}

.apart>.form_cue {
	width: 1.6rem;
	height: .6rem;
	text-align: center;
	line-height: .6rem;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -.8rem;
	display: none;
	background-color: rgba(0, 0, 0, 0.9);
	color: rgb(255, 255, 255);
	text-align: center;
	transition: all 0.3s ease-in 0s;
}

.apart button,
.mui-input-group button {
	display: block;
	width: 3.00rem;
	height: .70rem;
	background: #12BBB7;
	border-radius: .35rem;
	font-size: .26rem;
	color: #ffffff;
	border: none;
	margin: 0 auto;
	margin-top: .60rem;
	outline: none;
}

.jieguo>p {
	font-size: .30rem;
	line-height: .60rem;
}

.jieguo>p>span {
	font-weight: bold;
	color: #12bbb7;
}

/* 身高预测 */
.remen {
	margin: .3rem .2rem;
}

.remen>li {
	text-align: center;
	width: 2.14rem;
	height: .74rem;
	line-height: .74rem;
	font-size: .26rem;
	background: #F5F5F5;
	border-radius: .10rem;
	margin-right: .32rem;
	margin-bottom: .32rem;
	padding: 0 .1rem;
	box-sizing: border-box;
}

.remen>li:nth-child(3n) {
	margin-right: 0;
}

.jieguo .red {
	font-size: .32rem;
	color: #F31414;
	margin: 0 .08rem;
}

/* 胎儿发育详情 */
.huaiyun_title {
	font-size: .28rem;
	color: #333333;
	margin-top: .3rem;
}

.huaiyun_border {
	border: 1px solid #E6E6E6;
	padding: .3rem 0;
	text-align: center;

}

.huaiyun_border>p {
	font-size: .24rem !important;
}

.huaiyun_border .red {
	font-size: .26rem !important;
}
.yuntu{
	width: 7.13rem;
	height: 5.00rem;
	margin-top: .3rem;
}
.yuntu>img{
	width: 100%;
	height: 100%;
}
/* 生男生女 */
.data-display{
	position: relative;
	margin-top: .2rem;
}
.data-display>input{
	display: block;
	margin: 0 auto;
}
.data-display img {
	width: .4rem;
	height: .4rem;
    position: absolute;
    top: .1rem;
    right: .8rem;
}
.explain {
	margin-top: .2rem;
    font-size: .22rem!important;
    color: #999;
    line-height: .40rem!important;
}
.explain>span{
	color: #EF0000!important;
}
.grey {
    background: #F5F5F5;
}
.w60 {
    width: .8rem;
}
.fzh {
    font-weight: bold;
    color: #333;
}
.lh30 {
    height: .30rem !important;
    line-height: .40rem !important;
    font-size: .24rem !important;
}

.choose_fenlei_box >p{
	font-size: .26rem;
    font-weight: 800;
    color: #333333;
    line-height: .40rem;
    position: relative;
    padding-left: .3rem;
}
.choose_fenlei_box >p::before{
	content: '';
    position: absolute;
    top: .15rem;
    left: 0;
    width: .10rem;
    height: .10rem;
    background: #59CDCA;
    border-radius: 50%;
}

/* 年龄计算 */
.nianshow {
    display: none;
    width: 7.1rem;
	background: #f9f9f9;
	margin: 0 auto;
}
.nianshow li {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    min-height: 0.8rem;
}
.nianshow li>div:first-child {
    width: 30%;
    color: #757275;
    font-size: 0.28rem;
    text-align: center;
    line-height: 0.8rem;
}
.nianshow li>div:last-child {
    width: 70%;
    color: #333333;
    font-size: 0.26rem;
    padding: 0.2rem 0.24rem;
    line-height: 0.4rem;
    border-left: 1px solid rgba(0,0,0,0.1);
}
.spanred {
    color: #DA5D58;
}
.shuxian {
    display: inline-block;
    position: relative;
    height: 0.22rem;
    width: 1px;
    background: rgba(0,0,0,0.1);
    margin: 0 0.14rem;
}

.ToolCon-tb-showDiv {
    display: none;
    margin: 0.25rem 0.2rem;
    border-top: 1px #ececec dashed;
}
.ToolCon-tb-showDiv .showDiv-info-table {
    text-align: left;
    font-size: 0.28rem;
    line-height: 0.32rem;
    margin: 0 auto;
}
.ToolCon-tb-showDiv .showDiv-title {
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.36rem;
    padding-top: 0.16rem;
}
.calTable {
    border: 1px #ececec solid;
    text-align: center;
    border-collapse: collapse;
    padding-bottom: 0.05rem;
    margin: 0.1rem 0.1rem 0.13rem;
	width: 80%;
}
.calTable td.TdTitle {
    width: 100%;
    height: 0.6rem;
	line-height: 0.6rem;
    text-align: center;
}
.calTable .TrWeek td {
    background: #f8f8f8;
}

.calTable td {
    width: 0.35rem;
    height: 0.6rem;
    text-align: center;
    font-size: 0.28rem;
}
.calTable .TdH5{
	height: 0.2rem;
}
.calTable td a {
    line-height: 0.5rem;
    height: 0.5rem;
    display: block;
}
.calTable td i {
    height: 100%;
    display: inline-block;
    line-height: 0.5rem;
    width: 100%;
}


#result .pTips p {
    font-size: 0.24rem;
    line-height: 0.5rem;
	display: flex;
	align-items: center;
}
#result .pTips p span{
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 50%;
	background: #ffe9d4;
	margin-right: 0.15rem;
	border: 1px solid #f77c07;
}
#result .pTips p:nth-of-type(1){
	align-items: flex-start;
	margin-top: 0.15rem;
}
#result .pTips p:nth-of-type(1) span{
	margin-top: 0.12rem;
}
#result .pTips p:nth-of-type(2) span{
	background: #fefee9;
	border: 1px solid #f1f50ac9;
}
#result .pTips p:nth-of-type(3) span{
	background: #f8f8f8;
	border: 1px solid #dedede;
}
.fordata >p{
	font-size: 0.24rem;
    color: #999;
	margin-top: 0.2rem;
}
#datacont{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 3rem;
	height: 0.6rem;
	background: rgba(0,0,0,0.5);
	color: white;
	text-align: center;
	display: none;
	font-size: 0.28rem;
	line-height: 0.6rem;
	border-radius: 0.12rem;
}