@charset "utf-8";
/* CSS Document */
/*屏幕尺寸媒体查询 设置页面根字号*/
@media screen and (max-width:300px){html{font-size:10px}}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:12px}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:13px}}
@media screen and (min-width:375px) and (max-width:410px){html{font-size:15px}}
@media screen and (min-width:411px) and (max-width:414px){html{font-size:16px}}
@media screen and (min-width:415px) and (max-width:435px){html{font-size:17px}}

body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; font-family:微软雅黑;}
img { border:0; margin: 0; padding: 0;   }
a {text-decoration:none;font-family:微软雅黑;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.b0{border:none;}
.bb{border-bottom:0.5px solid #eee;}
.bl{border-left:1px solid #eee;}
.bn{border:none;}
.br{border-right:1px solid #eee;}
.cl{ clear:both;}
.cg{background:#57be6a}
.bcf5{background:#f5f5f5;}
.bcfa{background:#fafafa;}
.fcg{color:#57be6a;}
.cr{color:#f60000;}
.c3d{color:#3d3d3d}
.c3{color:#333333}
.c6{color:#666}
.c9{color:#999}
.cf{color:#fff;}
.db{display:block;}
.dn{display:none;}
.di{display:inline;}
img { border:0}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center}
.pr{ position:relative;}
.pa{position:absolute;}
.pf{position:fixed}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.fwb{font-weight:bold;}
.lh{line-height:100px;}
.lh22{line-height:22px;}
.lh18{line-height:18px;}
.green{color:#57be6a !important ;}
.tac{ text-align:center}
.oh{overflow:hidden}
.marginT10{margin-top:10px;}
.ml20{margin-left:20px;}
.mr4{margin-right:4px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt3{margin-top:3px;}
.pb10{padding-bottom:10px;}
.icon-boy{font-size:12px;color:#35A7FF;margin-left:4px;}
.icon-girl{font-size:12px;color:#E064C5;margin-left:4px;}
/**top*/
.topDiv,.topDivm{text-align: center;color: #fff;height: 44px;background: #57be6a;font-size: 1.14rem;line-height: 44px;padding: 0 10px;;position: relative;}
.topDiv .fl, .topDiv .fr {line-height: 44px;color: #fff;}
/**footTab*/
.footTab{height:49px;background:#f8f8f8;width:100%;bottom:-1px;color:#3d3d3d;border-top:1px solid #eee; max-width:640px}
.footTab p{font-size:14px;line-height:14px;}
.footTab a,.footTab div{width: 25%;display:block;float:left;height:100%;text-align: center;font-size:20px;color:#999;padding-top:2px;}
.footTab .on{color:#57be6a;}
.sctp{padding-top:12px;left:-55px;font-size:12px;width:90px;color:#57be6a;}
.footTab .icon-prompt{position:absolute;top:2px;}
/*消息提示*/
.pcDiv ul li .icon-prompt{right:-16px;}
.icon-prompt{color:#f60000;font-size:13px;}

body{ max-width:640px; width:100%; margin:0px auto}

	/**帖子*/
	.selectDiv{margin:0px;margin-bottom:0px;}
	.selectBox .contentDiv{background:#fff; border-bottom: 0.5px solid #efefef;}
	.conTit{overflow:hidden;margin-bottom:10px;margin-top:10px;}
	.conHeadPic{display:block;width:3rem;height:3rem;}
	.conTitImg{width:3rem; height:3rem;border-radius:2.2rem;overflow:hidden;}
	.contentDiv{}
	.contentT{padding:5%;padding-bottom:0px;padding-top:10px;}
	.contentT .conTit .p1{font-size:14px;}
	.contentT .conTit .p2{font-size:12px;color:#999;}
	.conTittxt{margin-left:10px;color:#666;}

/**弹出窗口 编辑、删除*/
.conTitOptionDiv{top:0px;width:100%;height:100%;z-index:100;}
.conOption{padding:0px 4px;height:34px;line-height:34px;font-size:24px;color:#999;}
.conTitBg{width:100%;height:100%;background:#000;top:0px;opacity:0.6;z-index:999;overflow:hidden;}
.conTitOption{background:#fff;position: absolute;top:20%;left: 20%;width:60%;z-index:1000;text-align: center;border-radius: 8px;overflow: hidden;line-height: 48px;color:#3d3d3d;}	.conTitLev{font-size:12px;color:#999;margin-left:8px;color:#57be6a;line-height:24px;}
.detailOption{font-size:20px;}

	.conTitLev .lev{font-size:12px;margin-left:2px;}
	.levName{font-size:12px;border:1px solid #ffad33;border-radius:4px;color:#ffad33;padding:0px 2px;margin-left:4px;line-height:16px;}
	.conText{color:#3d3d3d;font-size:16px;}
	.tabBox .bbsDiv .conTit .txtPic{width: 16px;height: 16px;margin-left: 5px;background-color: #FFA200;line-height:16px;font-size: 12px;text-align: center;color:#fff;border-radius:4px; display:inline-block;}
	.conText{font-size:1.6rem;}
	.conMain{color:#999;font-size:0.88rem;}
	.conMain span{}
	.conTitImgDiv{
		position: relative;
		float:left;
		width:100%;
		display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
		display: -moz-box; /* Firefox 17- */  
		display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
		display: -moz-flex; /* Firefox 18+ */  
		display: -ms-flexbox; /* IE 10 */  
		display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-moz-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.userPic{width:32.8%;height:100px;overflow:hidden;margin-bottom:3px;}
	.userPic::after {
		content: "";
		width: 32%;
	}
	.conTitImgDiv .moreimgcount{
		 background: url(../images/img_ico.png) 10px center no-repeat;
		 background-size:14px;
		 background-color: rgba(0, 0, 0, 0.5);
		 height:1.3rem;
		 line-height:1.3rem;
		 border-radius: 1.3rem;
		 padding-left:30px;
		 padding-right:10px;
		 color:#fff;
		 font-size:12px;
		 position: absolute;
		 right: 10px;
		 bottom: 10px;
		 pointer-events: none;
	}

	.contentM{clear:both;    margin: 0px 5%;text-align:center; height:45px}
	.contentDiv .contentM div {font-size:0.8rem;color:#999;display: block;box-sizing: border-box;height: 45px;text-align: center;position: relative;line-height: 45px;min-width: 22px;}
	.contentM .icon_zan{background:url("../images/icon_zan.png") no-repeat 0 center;background-size: 20px;padding:10px}
	.contentM .icon_zan_ok{background:url("../images/icon_zan_ok.png") no-repeat 0 center;background-size: 20px;padding:10px}

	.contentM .icon_pl{background:url("../images/icon_rep.png") no-repeat 0 center;background-size: 20px;padding:10px}
	.contentM .cate{float: left; font-size:15px}
	.contentM .cate a{color:#4890FF;}
	.contentM .jinghua{float: left; font-size:14px;margin-left:30px; padding-left:18px;background:url("../images/icon-select.png") no-repeat 0 center;background-size: 12px;}
	.contentM .jinghua a{color:#F85959;}
	
	.contentDiv .contentM .bn{border:none;}
	.contentDiv .contentM span{font-size:12px;line-height:30px;text-align:center;vertical-align: 10%;position: absolute;top:-2px;}
	.contentDiv .contentM a .btn{margin-right:6px;}
	.contentB .plDiv ul{padding:0;}
	.contentB .plDiv ul li{margin:10px 0px;overflow:hidden;}
	.contentB .plDiv ul li .headPic{width:14%;margin-left:10px;margin-right:10px;width:16px;height:16px;border-radius:20px;overflow:hidden;}
	.contentB .plDiv ul li .headPic img{width:16px;height:16px;display:block;}
	.contentB .plDiv ul li .plMain{width:86%;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	.contentB .plDiv ul li .plMain .comMain{color:#3d3d3d;}
	
	
	/**回帖*/
	.slideTxtBox .bd .tzList{padding-bottom:50px;font-family:微软雅黑;}
	.slideTxtBox .bd .tzList ul{background:#f5f5f5;padding:10px;}
	.slideTxtBox .bd .tzList ul li{background:#fff;border-radius:4px;padding:8px 10px;margin-bottom:10px;border:1px solid #eee;}
	.slideTxtBox .bd .tzList ul li .tzTop{overflow:hidden;}
	.slideTxtBox .bd .tzList ul li .tzTop .tzPic{width:40px;height:40px;border-radius:40px;overflow:hidden;margin-right:10px;}
	.slideTxtBox .bd .tzList ul li .tzTop .tzPic img{width:100%;}
	.slideTxtBox .bd .tzList ul li .tzDate{font-size:12px;color:#999;}
	.slideTxtBox .bd .tzList ul li .tzTil{line-height:24px;font-size:16px;color:#3d3d3d;padding:10px 0px;}
	.slideTxtBox .bd .tzList ul li .tzBtm{font-size:12px;color:#57be6a;}
	.slideTxtBox .bd .tzList ul li .tzBtm .fl{ white-space:nowrap; text-overflow:ellipsis;width:70%;overflow:hidden;}
	.slideTxtBox .bd .tzList ul li .tzBtm .fr{color:#999;padding-right:6px;width:27%}
	.slideTxtBox .bd .tzList ul li .tzBtm .fr span{margin-left:10px;margin-right:6px;}
	
	
	/**问答*/
	.wdList{background:#fff;}
	.wdList .tit{padding:0px 10px;height:36px;line-height:36px;background:#eee;color:#3d3d3d;border-bottom:0.5px solid #e5e5e5}
	.wdMain{padding:5px 5px;overflow:hidden;clear: both;}
	.wdTit{line-height:28px;color:#3d3d3d;overflow:hidden;padding:5px 0px;max-height:48px;}
	.wdReply{border:1px solid #eee;color:#999;font-size:14px;padding:10px;margin:5px 0px;background:#f8f8f8;}
	.wdTime{color:#999;font-size:14px;}
	.wdPic{width:20px;height:20px;border-radius:20px;overflow:hidden;margin-top:8px;border:0.5px solid #ddd;}
	.wdPic img{max-width:100%;height:auto;display:block;}
	.wdTop{height:36px;line-height:36px;font-size:14px;color:#666;}
	.wdBtm{height:36px;line-height:36px;font-size:14px;color:#666;}
	.wdBtm a{color:#666;}
	.wdBox li,.wdDiv li{border-bottom:1px solid #e5e5e5;}
	.icon-remind .icon-prompt{top:-4px;}

	/**回复窗口*/
	.editrepysend, .psend{border:0;font-size:20px;padding:16px 5%;background:#f8f8f8;}
	
	/**搜索页面*/
	.searchForm{width:86%;margin-top:5px;}
	.searchBox{height:32px;line-height:32px;background:#fff;border-radius:6px;border:1px solid #f2f2f2;position:relative;}
	.searchInput{ outline:none;border:0;width:86%;vertical-align:baseline;color:#666;margin-left:2%;font-size:1rem;padding-left:20px;}
	.searchFdj{position: absolute;left:0;top:-3px;padding:10px;color:#999;font-size:1.14rem;}
	.searchSub{display:block;position: absolute;top:7px;left:0;opacity: 0;}
	.readDiv{padding:10px;}
	.readTit{line-height:36px;color:#999;}
	.readList{padding:10px;}
	.readList ul a li{color:#3d3d3d;line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.searchResult{background:#f2f2f2;border-bottom:1px solid #eee;line-height:36px;color:#999;text-align:center;font-size:14px;}
	.txtPic{background:#ffad33;text-align:center;border-radius:4px;color:#fff;font-size:1rem;padding:0px 3px;display:inline-block;margin-right:5px;} 


	.replyMore{border-top:0.5px solid #f2f2f2;color:#57be6a;padding:6px 0px;}

	
	/*悬浮按钮*/
	/**回到顶部*/
	.xfDiv {width: 3rem;height:3rem;position: fixed;bottom:10rem;right: 12px;z-index: 99;}
	.xftop {background: rgba(85,198,88,0.85);background-size: 40px;border-radius:16rem;width: 3rem;height: 3rem;line-height:3rem;text-align:center;font-size:1.66rem;color:#fff;display:none;}
	/**回复按钮*/
	.replyDiv{background: rgba(85,198,88,0.85);color:#fff;width:3rem;height:3rem;border-radius:3rem;line-height:2.9rem;text-align:center;font-size:1.3rem;position:fixed;right:12px;bottom:60px;}
	/**发贴按钮*/
	.postDiv{background: rgba(85,198,88,0.85);color:#fff;width:3rem;height:3rem;border-radius:3rem;line-height:3rem;text-align:center;font-size:1.3rem;position:fixed;right:12px;bottom:5rem;}
	.postPosts{font-size:1rem}
	/**刷新按钮*/
	.refreshDiv{background: rgba(85,198,88,0.85);color:#fff;width:3rem;height:3rem;border-radius:3rem;line-height:3.2rem;text-align:center;font-size:1.33rem;position:fixed;right:12px;bottom:6rem;}


	/**旋转效果*/
.rotate{
-ms-transform:rotate(9000deg); /* IE 9 */
-moz-transform:rotate(9000deg); /* Firefox */
-webkit-transform:rotate(9000deg); /* Safari and Chrome */
-o-transform:rotate(9000deg); /* Opera */
transform:rotate(9000deg);

transition: transform 20s linear;
-moz-transition: transform 20s linear;	/* Firefox 4 */
-webkit-transition: transform 20s linear;	/* Safari 和 Chrome */
-o-transition:transform 20s linear;  /* Opera */
}

.rotate1{
-ms-transform:rotate(180deg); /* IE 9 */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
transform:rotate(180deg);

transition: transform 0.25s linear;
-moz-transition: transform 0.25s linear;	/* Firefox 4 */
-webkit-transition: transform 0.25s linear;	/* Safari 和 Chrome */
-o-transition:transform 0.25s linear;  /* Opera */
}
.textTopBox{background:#4fb457;color:#fff;margin-right:5px;padding:0px 3px;border-radius:4px;font-size:1rem;}

/**百度词**/
	.baidudiv{
			
			background-color:#F8D97E;
			padding:10px;
			margin:15px;
			margin-bottom:5px;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-o-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			position: relative;
		}
		.baiduul{
			padding:0px;
			margin:0px;
			width:85%

		}
		.baiduul li{
			border:1px #bbb solid;
			background-color:#fff;
			float:left;
			padding:1px 10px;
			margin:2px;
			margin-left:0px;
			border-radius: 25px;
			font-size:14px;
		}
		.baiduul li a{
			color:#000
		}
		.baiduul .xiaodu{
			position: absolute;
			top:0;
			right:0;
			padding:40px;
			background:url(../images/xiaodu.png) right 0px no-repeat;;
			background-size:70px

		}

	.forum{
		position: relative;overflow: hidden;
	}
	.swiper-wrapper{
		height:50px;
		line-height:50px;
	}
	.swiper-wrapper .swiper-slide{
		text-align:center;
		margin-right:10px;
		font-size:15px;
		position: relative;
	}
	.swiper-wrapper .swiper-slide .hover{
		color:#333;
		font-size:15px;
	}
	.swiper-wrapper .swiper-slide .hover::after{
		content: " ";
		background-color: #4890FF;
		height: 2px;
		width: 40%;
		float: left;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0px auto;
		bottom: 8px;
		border-radius: 2px;
	}
	#forum_morebg{
		position: absolute;
		top:0;
		right:0;
		padding:25px;
		/* background:url(../images/bgwhite2.png) center center no-repeat; */
		background-size:50px;
		z-index:8;
	}
	#forum_more{
		position: absolute;
		top:0;
		right:0;
		padding:25px;
		/* background:url(../images/icon_more_plates_night.png) center center no-repeat; */
		background-size:18px;
		z-index:10;
	}


	/**热门植物**/
	.hotplant{
		width:90%;
		margin:0px auto;
		padding-top:10px;
		clear:both
	}
	.hotplant .title{
		margin-bottom:5px
	}
	.hotplant .left{
		width:88%;
		float:left;
	}

	.hotplant .left ul{
		padding:0px ;
		margin:0px;

	}
	.hotplant .left ul li{
		width:25%;
		height:30px;
		line-height:30px;
		text-align:center;
		color:#fff;
		margin-bottom:5px;
		margin-right:20px;
		float:left;
		margin-top:5px;
		font-size:14px;
		background-color:#60cf74;
		position: relative;

	}
	.hotplant .right{
		width:12%;
		float:left;
	}

	.hotplant .plant_more{
		position: absolute;
		margin-top: 30px;
		font-size: 15px;
		margin-left:-10px;
		padding-right:20px;
		color:#666;
		background:url(../images/more_ico2.png) 35px center no-repeat;
		background-size:10px;
	}

	.hotplant .left ul li .sanjiao{
		padding:5px;
		background:url(../images/sanjiao.jpg) right bottom no-repeat;
		background-size:6px;
		position: absolute;
		right: -6px;
		bottom: 0;

	}