/* 公共class样式 */
.wid{
	width:6.9rem ;
	margin: 0 .3rem;
}
.bigwid{
	width:7.5rem ;
}
.place{
	width: 100%;
	height: .64rem;
	display: block;
}
.place2{
	width: 100%;
	height: .1rem;
	display: block;
	background:#fafafa;
}
.place3{
	width: 100%;
	height: .2rem;
	display: block;
	background:#eee;
}
.place4{
	width: 100%;
    height: .88rem;
    display: block;
    background: #fff;
}
/*  header */
header{
	position: relative;
	width: 100%;
	height:.8rem ;
	border-bottom: 1px solid #ddd;
	z-index: 2;
	background-color: #fff;
}
header .head-tit{
	height:100%;
	width: 100%;
	font-size: .34rem;
	font-weight: bold;
	text-align: center;
	line-height:.8rem;
}
header .head-tit a{
	width: 70%;
    position: relative;
    display: block;
    margin: 0 auto;
    color:#3a85f8;
    font-size:.32rem;
    line-height:.8rem;
    font-weight: bold;
}
header .head-tit img{
	height:.4rem ;
	margin-top: .2rem;
	width: auto;
}
header a{
	position: absolute;
	top:0;
	width:1rem ;
	height: 100%;
}
header a img{
	width: .4rem;
	height: auto;
	margin: 0 .3rem;
	margin-top: .2rem;
}
header a.head-menu{
	left:0;
	cursor: pointer;
	z-index: 100;
}
header a.head-menu img{
	margin-top: .24rem;
}
header a.login-info{
	right:0;
}
header .head-back {
	position: absolute;
	top:0;
	left: .3rem;
	width:1rem;
	height: .8rem;
	font-size: .28rem;
	line-height: .8rem;
}
header .head-back img {
	margin: .2rem 0 0;
	width: .22rem;
	height: .4rem;
}
header .head-r {
	position: absolute;
	top:0;
    right: .3rem;
    font-size: .28rem;
    line-height: .8rem;
	height: 100%;
    width: 0.8rem;
}
/* footer */
footer{
	padding-bottom: .45rem;
}
footer img{
	width: 100%;
	height: auto;
	margin-top: .2rem;
	vertical-align: top;
	margin-bottom:.45rem;	
}
footer p{
	font-size:.28rem;	
	line-height:.58rem;
	text-align: center;
	color:#999;
}
footer p a{
	color:#999;
	display: inline-block;
}
footer p span{
	display: inline-block;
	width: 1px;
	height: .28rem;
	background:#999;
	margin: 0 .2rem;
	vertical-align: top;
	margin-top: .15rem;
}

/* footer */
.footer2{
	background:#fff;
	width:7.50rem;
	height:.88rem;
	position: fixed;
	bottom:0;
	left: 0;
	border-top: 1px solid #ddd;
	z-index: 10;
	
}
.footer2 li{
	width: 25%;
	text-align: center;
	font-size:.24rem;
	line-height:.3rem;
}
.footer2 li.on a{
	color:#3a85f8;
}
.footer2 li a{
	display: block;
	color:#333;
}
.footer2 li div{
	width: .48rem;
	height: .48rem;
	overflow: hidden;
	margin:0 auto;
	margin-top: .05rem;
}
.footer2 li img{
	width: .48rem;
	position: relative;
	top:-.48rem;
}
.footer2 li.on img{
	top:0;
} 


/* 徽章 */
.badge {
	display: inline-block;
	font-size:.2rem;
	color:#b9655b;
	line-height:.26rem;
	border:1px solid #b9655b;
	border-radius:2px;
	height:.26rem;
	padding:0 2px;
	margin-right: .15rem;
	padding-top: 1px;
	vertical-align: middle;
}
.badge.color2 {
	color: #00618d;
    border: 1px solid #00618d;
}
.badge.color3 {
	color:#70518a;
	border:1px solid #70518a;
}
.badge.color4 {
    color: #649564;
    border: 1px solid #649564;
}
.badge.color5 {
	color:#3a85f8;
	border:1px solid #3a85f8;
}
.badge.color6 {
	color:#f1c819;
	border:1px solid #f1c819;
}
.badge.color7 {
	color:#03a84d;
	border:1px solid #03a84d;
}
.badge.color8 {
    color: #e41660;
    border: 1px solid #e41660;
}
.badge.color9 {
	color:#5331c5;
	border:1px solid #5331c5;
}
.badge.color10 {
	color:#e9482b;
	border:1px solid #e9482b;
}
.badge.color11 {
	color:#26b5c3;
	border:1px solid #26b5c3;
}
.badge.color12 {
	color:#ba7952;
	border:1px solid #ba7952;
}
/* 列表 */
.list {
	padding: .3rem;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
.list a>h4{
	margin-bottom: 0.1rem;
}
.list1 .list-content {
	margin-right: .3rem;
	width: 4.18rem;
}
.list-content h4 {
	font-size: .36rem;
	font-weight: normal;
	line-height: .46rem;
	color:#333;
}
.list1 .list-pic {
	width: 2.2rem;
	/*height: 1.36rem;*/
}
.list-pic-wrap {
	margin: .2rem 0;
}
.list-pic-wrap img {
	float: left;
	width: 2.2rem;
	height: 1.26rem;
	margin-right: .09rem;
}
.list-pic-wrap img:nth-of-type(3n) {
	margin-right: 0;
}
.list-content-ft .release-time {
	/*margin-left: .3rem;*/
	font-size: .2rem;
	color: #999;
	line-height: .3rem;
}
.list-content-ft {
	margin-top: .16rem;
}
.list-content-ft span,.list-QA-ft span {
	float: left;
}
.list-content .activity {
	margin: .2rem 0;
}
.list-content .activity-date {
	margin-right: .15rem;
	width: 1.4rem;
}
.list-content .activity-date-m {
	height: .44rem;
	font-size: .24rem;
	line-height: .44rem;
	text-align: center;
	color: #fff;
	background-color: #3a85f8;
	border-radius: .2rem .2rem 0 0;
}
.list-content .activity-date-d {
	height: 1.06rem;
	font-size: .76rem;
	font-weight: bold;
	font-family: "Arial";
	line-height: 1.06rem;
	text-align: center;
	background-color: #fafafa;
	border-radius: 0 0 .2rem .2rem;
}
.list-content .activity-content {
	width: 5.35rem;
}
.list-content .activity-content p img {
	margin-top: .06rem;
	width: .18rem;
}
.list-content .activity-content p b {
	margin-left: .15rem;
	width: 5.02rem;
	font-size: .28rem;
	line-height: .38rem;
	color: #666;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
}
.list-content .activity-content >div {
	margin-top: .2rem;
	text-align: right;
}
.list-content .activity-content >div button {
	width: 1.6rem;
	height: .54rem;
	font-size: .28rem;
	line-height: .54rem;
	color:#fff;
	background:#3a85f8;
	border-radius: .04rem;
	border: 0;
}
/* 问答 */
.list-QA {
	padding-bottom: 0;
}
.list-question {
	padding-bottom: .3rem;
	border-bottom: 1px solid #ddd;
}
.list-question-hd img,.list-answer-hd img {
	margin-right: .2rem;
	width: .36rem;
}
.list-question-hd p,.list-answer-hd p {
	margin-top: -.1rem;
	width: 6.34rem;
	font-size: .36rem;
	font-weight: bold;
	line-height: .46rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
}
.list-QA-ft {
	margin-top: .2rem;
}

.list-answer {
	position: relative;
	margin-top: .3rem;
}
.list-answer .author {
	margin-bottom: .3rem;
	padding: 0;
}
.list-answer-hd p {
	height: 3.2rem;
	margin-top: -.15rem;
	font-weight: normal;
	line-height: .64rem;
	-webkit-line-clamp: 6;
	transition:.5s all ease;
	-moz-transition:.5s all ease; 
	-webkit-transition: .5s all ease; 
	-o-transition:.5s all ease;
	padding-bottom: 0.09rem;
}
.list-answer .read{
	position: absolute;
	bottom: 0;
	padding-top: .78rem;
	width: 6.9rem;
	height: .62rem;
	font-size:.32rem;
	color:#3b8bf8;
	text-align: center;
	line-height: .32rem;
	background: url(../img/backtou.png) no-repeat center;
	-webkit-background-size: 7.5rem 1.4rem;
	background-size: 7.5rem 1.4rem;
}
.list-answer .read img{
	width:.24rem;
	height:.14rem;
	margin-left: .2rem;
	margin-top:0.09rem ;
	transition:.5s all ease;
	-moz-transition:.5s all ease; 
	-webkit-transition: .5s all ease; 
	-o-transition:.5s all ease;
}
/* 加载更多 */
.load-more {
    font-size: .22rem;
    color: #666;
    line-height: .32rem;
    display: block;
    text-align: center;
    padding: .4rem 0;
}
.load-more img{
	width:.32rem;
	height:auto;
	margin-right: .1rem;
	vertical-align: top;
}