@charset "utf-8";

.page {
	position: relative;
}
header {
	height: 1.173333rem;
	background: #fff;
	position: relative;
	text-align: center;
}
header h1 {
	font-weight: normal;
	font-size:0.426667rem;
	height: 1.066667rem;
	line-height: 1.066667rem;
}

header h1 span{
	font-size:0.32rem;
	margin-left: 0.2rem;
}

header .back {
	position: absolute;
	left: 0.266667rem;
	top: 0.266667rem;
}
header .back a{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	border-radius: 50%;
}

.back i{
	font-size:0.666667rem;
}

section {
	margin-top: 0.133333rem;
	padding-bottom: 1.333333rem;
}

.comment h5:after,.personal li:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
	top: auto;
	width: 100%;
	height: 1px;
	z-index: 15;
	background: #e3e8e2;
	display: block;
	transform:scaleY(.5);
	-webkit-transform:scaleY(.5);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.content .comment {
	background: #fff;
	
}
/*.comment h5{
	height: 0.933333rem;
	line-height: 0.933333rem;
	padding: 0 0.293333rem;
	font-weight: normal;
	position: relative;
	font-size:0.32rem;
}
.comment h5 i {
	font-size:0.426667rem;
	vertical-align: text-top;
}
.comment h5 span{
	margin: 0 0.266667rem 0 0.346667rem;
	color:#406240;
}*/
.comment .personal li {
	/*height: 2.96rem;*/
	padding: 0 0.266667rem;
	position: relative;
	font-size: 0.32rem;
}
.personal li h6{
	font-weight: normal;
	height: 1.733333rem;
	line-height: 1;
}
.personal li h6 .portrait {
	position: relative;
}
.personal li h6 .portrait img {
	width: 1.173333rem;
	height: 1.173333rem;
	margin: 0.346667rem 0.266667rem 0.213333rem 0;
	border-radius: 50%;
	overflow: hidden;
}
.personal li h6 .circle img {
	width: 0.426667rem;
	height: 0.426667rem;
	position: absolute;
	margin: 0;
	
}

.circle .bg2 img {
	z-index: 10;
}

.personal li h6 .circle .img {
	width: 0.426667rem;
	height: 0.426667rem;
	position: absolute;
	right:0.266667rem;
	bottom:0.24rem;
	overflow: hidden;
	border-radius: 50%;
}

.personal li h6 .name {
	padding: 0.56rem 0 0.106667rem;
	font-size:0.373333rem;
}
.personal li h6 p img{
	display: inline-block;
	width: 0.48rem;
	height: 0.373333rem;
	margin-left: 0.133333rem;
}
.personal li .text {
	padding-bottom: 0.266667rem;
}

.personal li.more {
	height: 0.933333rem;
	line-height: 0.933333rem;
	background: #f5f7f4;
	text-align: center;
}

footer {
	background: #fff;
	width: 100%;
	height: 1.12rem;
	position: fixed;
	z-index: 99;
	bottom: 0;
	color:#fff;
	padding: 0.186667rem 0 0;
}

footer .talk {
	height: 0.853333rem;
	line-height: 0.906667rem;
	width: 72%;
	border:1px solid #e2e8e2;
	border-radius:0.133333rem;
	float: left;
	margin-left: 0.266667rem;
}

footer .talk i{
	vertical-align: middle;
	margin: 0 0.133333rem;
	font-size: 0.373333rem;
	vertical-align: text-bottom;
}

/*input placeholder内容的样式*/

::-webkit-input-placeholder { /* WebKit browsers */ 
color: #e2e8e2;
font-size:0.373333rem; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #e2e8e2;
font-size:0.373333rem; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #e2e8e2; 
font-size:0.373333rem; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #e2e8e2;
font-size:0.373333rem; 
}

footer .talk input {
	/*height: 34px;*/
	width: 80%;
	border:none;
	color:#9fb09f;
	font-size: 0.373333rem;
}

footer button {
	/*width: 61px;*/
	padding: 0 0.4rem;
	height: 0.906667rem;
	line-height: 0.906667rem;
	background: #25bb1c;
	border:none;
	font-size:0.426667rem;
	color:#fff;
	margin-right: 0.266667rem;
	border-radius: 0.453333rem;
	float: right;
}


.show{display: block;}
.hide{display: none;}