xiaohuazhu/css/burst.css

.container{
	width: 100%;
	height: 100%;
}
.join_top{
	width: 100%;
	height: 0.67rem;
	background: #FFAA48;
}
/*用户信息*/
.burst_top{
	width:3.55rem;
	height:1.16rem;
	background: #FFFFFF;
	border-radius:0.04rem; 
	margin: auto;
    margin-top: -0.67rem;
    padding: 0 0.16rem;
    box-sizing: border-box;
}
.burst_top .user_info{
	padding-top: 0.22rem;
	padding-bottom: 0.14rem;
}
.burst_top .user_info .touxiang{
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 0.1rem;
	margin-right: 0.14rem;
}
.burst_top .user_info .username{
	display: inline-block;
	width:1.8rem;
	font-size:0.14rem;
	color:#333333;
	line-height:20px;
	margin-right: 0.18rem;
	margin-top: 0.03rem;
}
.burst_top .user_info .follow{
	display: inline-block;
	width:0.62rem;
	height:0.23rem;
	font-size: 0.14rem;
	background:linear-gradient(180deg,rgba(255,183,54,1) 0%,rgba(255,170,72,1) 100%);
	border-radius:0.06rem;
	line-height: 0.23rem;
	text-align: center;
	letter-spacing: 0.005rem;
}
.burst_top .introduce{
	padding-top: 0.12rem;
	padding-bottom: 0.11rem;
	border-top:#D8D8D8 0.01rem solid;
	font-size:0.12rem;
	color:#666666;
	line-height:0.17rem;
}
/*列表*/
.burst_con{
	width: 100%;
	height: 100%;
}
.burst_list{
	width:3.55rem;
	/*height:1.64rem;*/
	background:#FFFFFF;
	border-radius:0.04rem;
	margin: auto;
	margin-top: 0.10rem;
	padding: 0 0.16rem;
	box-sizing: border-box;
}
.burst_news{
	padding-top: 0.1rem;
	padding-bottom: 0.14rem;
	box-sizing: border-box;
}
.burst_news .title{
	font-size:0.14rem;
	color:rgba(34,34,34,1);
	line-height:0.2rem;
	margin-bottom: 0.09rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.burst_news .con{
	font-size:0.12rem;
	color:#999999;
	line-height:0.17rem;
	margin-bottom: 0.14rem;
}
.burst_news .info{
	height: 0.24rem;
}
.burst_news .info .icon{
	display: inline-block;
	width: 0.24rem;
	height: 0.24rem;
	border-radius: 50%;
}
.tel{
	width:0.73rem;
	font-size:0.12rem;
	color:#555555;
	line-height:0.17rem;
	margin-left: 0.13rem;
	margin-right: 0.15rem;
}
.time{
	font-size:0.12rem;
	color:#888888;
	line-height:0.17rem;
}
.browse_count{
	border-top:#D8D8D8 0.01rem solid;
	font-size:0.12rem;
	color:#999999;
	line-height:0.4rem;
	display: flex;
    justify-content: space-around;
}
.span_1,.span_2,.span_3{
	width: 100%;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news_icon{
	display: inline-block;
	width: 0.17rem;
	height: 0.17rem;
	margin-right: 0.07rem;
}
.news_count{}
/*我要发布按钮*/
.release{
	width:0.43rem;
	height:0.43rem;
	border-radius: 50%;
	position: fixed;
    top: 5rem;
    right: 0.5rem;
}
.loading {
	font-size: 0.12rem;
	color: #333;
	text-align: center;
	line-height: 0.3rem;
	cursor: pointer;
	margin: 0.2rem auto 0;
}
/*提示*/
.alert-info {position: absolute;top: 2.74rem;  right: 0; left: 0;bottom: 0; text-align: center;z-index: 999;}
.alert-info p {display: inline-block;height: 0.38rem;color: #fff;font-size: 0.14rem;line-height: 0.38rem;padding: 0 0.10rem;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;}