*{
	font-family: Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Source Han Sans CN",Roboto,"Microsoft Yahei",sans-serif,"微软雅黑";
}
.carousel{
	width: 100%;
	height: 380px;
	background-image: url(../img/320/msg.jpg);
	background-size: cover;
	background-position: center;
	background-color: #F5F5F5;
	-webkit-background-size: cover;
    -o-background-size: cover;
}
a{
	text-decoration: none;
	cursor: pointer;
}
/*布局设置处*/
/*横向布局设置*/
.tab,.title_li,.reason,.form,.resource{
	display: flex;
	flex-direction: row;
}
/*纵向布局设置*/
.tab_left,.state,.rea_li,.form_li{
	display: flex;
	flex-direction: column;
}
/*选项卡*/
.tabbar{
	width: 100%;
}
.tab{
	margin: 90px auto 0;
	width: 1100px;
	height: 273px;
	border: 1px solid #f1f1f1;
}
.tab_left{
	width: 384px;
}
.tab_right{
	width: 713px;
}
.title1,.title2{
	/*width: 384px;*/
	
	border-right: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
}
.title_li{
	height: 60px;
	line-height: 60px;
	width: 90%;
	margin:0 auto;
	justify-content: space-between;
}
.title_li div{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #333;
}
.tab_li{
	width: 94%;
	margin: 40px auto;
}
.tab_li h2,.tab_li h4{
	font-weight: normal;
}
.tab_li h4{
	line-height: 30px;
}
.hover{
	background: #51b3fe;
	color: #fff;
}
/*为什么选择快传播*/
.state{
	width: 100%;
}

.title{
	font-size: 17px;
	color: #141414;
	width: 300px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: center;
}
.botton_bd{
	width: 45px;
	margin: 5px auto;
	border-bottom: 3px solid #FF8900;
}
/*居中并两端对齐的设置*/
.reason,.form,.resource{
	width: 1100px;
	margin: 20px auto;
	justify-content: space-between;
}
.rea_li{
	justify-content: center;
}
.rea_li img{
	width: 255px;
	height: 240px;
}
.rea_li h3,.rea_li p{
	text-align: center;
}
.rea_li p{
	font-size: 14px;
	line-height: 20px;
}

/**/
.back{
	background-color: #FCFCFF;
}

.form_li img{
	width: 313px;
	height: 402px;
}
.form_li p{
	font-size: 16px;
	text-align: center;
	color: #333;
	line-height: 40px;
}
.resource{
	height: 500px;
	background-image: url(../img/320/resource.png);
	background-size: 100% 100%;
}
.resource p{
	font-size: 12px;
	color: #666;
}
/* .hr{
	width: 1100px;
	margin:0 auto;
	height: 1px;
	background-color: #E8E8E8;
} */


.friendlist{ 
	
	width:900px;
	margin:0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #666;
}
.friendlist ul{
	margin:0px;
	padding:0px; 
}
.friendlist ul li{
 float:left;
 margin-right:10px;
 list-style:none;
}
.friendlist ul li.bt{
font-weight:bold;
}

.friendlist ul li a{
	color:#C0C0C0;
}