// display:flex属性设置
.disflexCenSmall {
  display: flex;
  align-items: center;
}
.disflexCen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.disflexCenBtw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.disflexCenAro {
  display: flex;
  justify-content: space-around;
  align-items: center;
}



#contents{
	.child_item_content{
		width: 1200px;
		margin: 0 auto;
		.good_resources_list{
			.choose_resource_list{
				display: flex;
				justify-content: center;
				margin-bottom: 40px;
				.choose_resource_item{
					width: 150px;
					height: 48px;
					line-height: 48px;
					text-align: center;
					color: #666;
					border: 1px solid #D2D2D2;
					margin-right: 32px;
					cursor: pointer;
				}
				.choose_resource_item:last-child{
					margin-right: 0;
				}
				.choose_resource_item:hover,.choose_resource_item.active{
					background: #5184F7;
					color: #fff;
				}
			}
			.good_res_lists{
				.good_res_item{
					display: flex;
					flex-wrap: wrap;
					display: none;
					.res_item_detail{
						width: 373px;
						height: 244px;
						padding: 26px 42px;
						box-sizing: border-box;
						border: 1px solid #d2d2d2;
						border-radius: 10px;
						margin-right: 40px;
						margin-bottom: 40px;
						.res_item_detail-top{
							display: flex;
							align-items: center;
							padding-bottom: 20px;
							border-bottom: 1px solid #ddd;
							div:first-child{
								margin-right: 12px;
								img{
									display: block;
									width: 90px;
									height: 90px;
									-webkit-border-radius: 50%;
									-moz-border-radius: 50%;
									border-radius: 50%;
									border: 2px solid #efefef;
								}
							}
							div:last-child{
								h3{
									font-size: 22px;
									font-weight: bold;
									color: #FF8900;
								}
								div{
									margin-top: 15px;
									width: 165px;
									font-size: 14px;
									color: #666;
									overflow: hidden;
									white-space: nowrap;
									-ms-text-overflow: ellipsis;
									text-overflow: ellipsis;
								}
							}
						}
						.res_item_detail-bot{
							display: flex;
							justify-content: space-between;
							align-items: center;
							div{
								width: 66px;
								margin-right: 45px;
								float: left;
								padding-top: 13px;
								text-align: center;
								i{
									font-size: 24px;
									color: #999;
								}
								p{
									font-size: 14px;
									color: #666;
									margin: 2px 0 2px 0;
								}
								h3{
									font-size: 14px;
									color: #666;
									font-weight: bold;
								}
							}
							div:last-child{
								margin-right: 0;
							}
						}
					}
					.res_item_detail:nth-child(3n+3){
						margin-right: 0;
					}
				}
				.good_res_item.active{
					display: flex;
				}
			}
		}
	}
	.wechat_yinxiao{
		.theme-introduce{
			text-align: center;
			font-size: 16px;
			color: #666;
			letter-spacing: 0.5px;
			margin-top: 14px;
			margin-bottom: 30px;
		}
		.woa-chart-boxfix{
			display: flex;
			justify-content: space-between;
			text-align: center;
			padding: 0 64px;
			box-sizing: border-box;
			flex-wrap: wrap;
			h3{
				font-size: 20px;
				color: #333;
				font-weight: bold;
				text-align: center;
				margin-bottom: 30px;
			}
		}
	}
	.woa-analyse{
		.woa-analyse-contentfix{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.woa-analyse-content-li{
				width: 340px;
				height: 427px;
				border: 1px solid #d2d2d2;
				text-align: center;
				img{
					margin: 26px auto 18px;
				}
				div{
					border-top: 1px solid #e5e5e5;
					padding: 36px 28px 0;
					box-sizing: border-box;
					h3{
						font-size: 20px;
						color: #333;
						padding-bottom: 18px;
						font-weight: bold;
					}
					p{
						font-size: 16px;
						color: #333;
						line-height: 1.5;
					}
				}
			}
		}
	}
	.woa-choose{
		.woa-choose-contentfix{
			display: flex;
			justify-content: space-between;
			text-align: center;
			.woa-choose-content-li{
				div.icon-box{
					width: 272px;
					height: 272px;
					border: 1px solid #d2d2d2;
					border-radius: 50%;
					display: block;
					line-height: 272px;
					box-sizing: border-box;
					i{
						font-size: 116px;
						color: #6297E0;
					}
				}
				h3{
					font-size: 20px;
					color: #333;
					padding-top: 28px;
					padding-bottom: 6px;
					font-weight: bold;
				}
				p{
					font-size: 16px;
					color: #333;
				}
			}
		}
	}
	.woa-effect{
		margin-top: 120px;
	}
}
.same_title{
	margin-top: 60px;
	font-size: 28px;
	color: #333;
	padding-bottom: 45px;
	text-align: center;
}

#bodys{
	background: #f7f7f7;
	#weibocontents{
		overflow: hidden;
		padding: 60px 0;
		.shows_goods{
			width: 1200px;
			margin: 0 auto;
			.m-tit{
				margin-bottom: 40px;
				.disflexCen();
				div.tit-box{
					p{
						width: 144px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: #666;
						border-radius: 5px;
						cursor: pointer;
					}
				}
				div.tit-box.active{
					p{
						background-color: #e83737;
						color: #fff;
					}
				}
			}
			.m-content{
				background: #fff;
				margin-bottom: 65px;
				div.list{
					display: none;
					overflow: hidden;
					.list-l{
						float: left;
						width:135px;
						li{
							height: 100px;
							border-top: 1px solid #ddd;
							border-right: 1px solid #ddd;
							line-height: 100px;
							color: #727272;
							font-size: 16px;
							text-align: center;
							cursor: pointer;
						}
						li.current{
							color: #e83737;
							border-right: none;
							border-left: 2px solid #e83737;
						}
					}
					.tab-content{
						float: right;
						flex:1;
						.comment{
							display: none;
							padding-top: 5px;
							.box{
								width: 215px;
								height: 210px;
								border: 1px solid #ddd;
								float: left;
								border-radius: 6px;
								margin: 63px 19px 0px 10px;
								position: relative;
								padding: 0px 8px;
								box-sizing: border-box;
								dl{
									text-align: center;
									position: absolute;
									top: -48px;
									left: 0px;
									width: 100%;
									dt img{
										width: 94px;
										height: 94px;
										vertical-align: top;
										-webkit-border-radius: 100%;
										-moz-border-radius: 100%;
										-ms-border-radius: 100%;
										border-radius: 100%;
									}
									dd{
										color: #494949;
										font-size: 16px;
										font-weight: 600;
										margin: 10px 0px;
									}
								}
								div.fl{
									width: 110px;
									border-right: 1px solid #ddd;
									margin: 91px 0px 5px;
									color: #757575;
									text-align: left;
									P{
										overflow: hidden;
										white-space: nowrap;
										text-overflow: ellipsis;
									}
								}
								div.fr{
									width: 85px;
									margin: 91px 0px 5px;
									color: #757575;
									text-align: left;
									P{
										margin-bottom: 6px;
										padding-left: 3px;
									}
								}
								div.see{
									border-top: 1px solid #ddd;
									padding-top: 155px;
									a{
										width: 112px;
										height: 36px;
										text-align: center;
										line-height: 36px;
										color: #fff;
										background: #e83737;
										margin: auto;
										display: block;
										-webkit-border-radius: 20px;
										-moz-border-radius: 20px;
										-ms-border-radius: 20px;
										border-radius: 20px;
									}
								}
							}
						}
						.comment.current{
							display: inline-block;
						}
					}
				}
				div.list.active{
					display: flex;
				}
			}
		}
		.toufangcelue{
			background-color: #fff;
			.show-content{
				width: 1200px;
				margin: 0 auto;
				.show-tit{
					text-align: center;
					font-size: 36px;
					color: #454545;
					font-weight: bold;
					padding-top: 55px;
				}
				.show-title{
					text-align: center;
					color: #727272;
					font-size: 16px;
					margin-top: 23px;
					line-height: 26px;
				}
			}
		}
		.fuwuyoushi{
			.show-content{
				width: 1200px;
				margin: 0 auto;
				.show-tit{
					text-align: center;
					font-size: 36px;
					color: #454545;
					font-weight: bold;
					padding-top: 55px;
				}
				.show-title{
					text-align: center;
					color: #727272;
					font-size: 16px;
					margin-top: 23px;
					line-height: 26px;
				}
				.wbshow3{
					padding: 50px 120px;
					.disflexCenBtw();
					dt{
						text-align: center;
					}
					dd{
						color: #8e8e8e;
						font-size: 16px;
						line-height: 26px;
						margin-top: 25px;
					}
				}
			}
		}
		.toufangsteps{
			background-color: #fff;
			.show-content{
				width: 1200px;
				margin: 0 auto;
				.show-tit{
					text-align: center;
					font-size: 36px;
					color: #454545;
					font-weight: bold;
					padding-top: 55px;
				}
				.show-title{
					text-align: center;
					color: #727272;
					font-size: 16px;
					margin-top: 23px;
					line-height: 26px;
				}
			}
		}
		.kehulists{
			overflow: hidden;
			margin-bottom: 60px;
			.show-content{
				width: 1200px;
				margin: 0 auto;
				.show-tit{
					text-align: center;
					font-size: 36px;
					color: #454545;
					font-weight: bold;
					padding-top: 55px;
				}
				.show-title{
					text-align: center;
					color: #727272;
					font-size: 16px;
					margin-top: 23px;
					line-height: 26px;
				}
				.mr-frbox{
					.mr-frBtnL {
					    float: left;
					    margin: 100px 0px 0px 0px;
					    cursor: pointer;
					    display: inline;
					}
					.mr-frBtnR {
					    float: right;
					    margin-top: 100px;
					    cursor: pointer;
					}
					.mr-frUl {
					    float: left;
					    height: 235px;
					    width: 1020px;
					    margin-left: 65px;
						.tempWrap{
							overflow: hidden;
							position: relative;
							width: 1015px;
							ul{
								li{
									display: inline;
									float: left;
									height: 235px;
									width: 183px;
									margin: 0px 10px;
									overflow: hidden;
									text-align: center;
									a{
										width: 181px;
										height: 91px;
										border: 1px solid #ebebeb;
										display: block;
										margin: 24px 0px 0px;
										background: #fff;
										span{
											width: 181px;
											height: 91px;
											display: table-cell;
											vertical-align: middle;
											img{
												max-width: 181px;
												    max-height: 91px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.weallchoose{
			background: url(/static/site/img/index/mediabox.jpg) no-repeat center top;
			height: 963px;
			.mediabox{
				width: 1200px;
				margin: 0 auto;
				.title{
					text-align: center;
					font-size: 36px;
					color: #fff;
					font-weight: bold;
					padding-top: 80px;
				}
				.boxlist{
					text-align: center;
					padding: 30px  60px;
					box-sizing: border-box;
					.disflexCenBtw();
					dl{
						dt{
							width: 124px;
							height: 124px;
							background: #f07474;
							line-height: 124px;
							border-radius: 100%;
							color: #fff;
							margin: auto;
							font-size: 40px;
							span{
								font-size: 20px;
							}
						}
						dd{
							color: #8c8c8c;
							margin-top: 15px;
						}
					}
				}
				.mr-tith3{
					color: #e83737;
					font-size: 24px;
					margin: 30px 0;
				}
				.mr-frbox{
					.mr-frBtnL {
					    float: left;
					    margin: 175px 0px 0px 0px;
					    cursor: pointer;
					    display: inline;
					}
					.mr-frBtnR {
					    float: right;
					    margin-top: 175px;
					    cursor: pointer;
					}
					.mr-frUl {
					    float: left;
					    height: 235px;
					    width: 1020px;
					    margin-left: 65px;
						.tempWrap{
							overflow: hidden;
							position: relative;
							width: 1015px;
							ul{
								li{
									display: inline;
									float: left;
									height: 360px;
									width: 183px;
									margin: 0px 10px;
									overflow: hidden;
									text-align: center;
									a{
										width: 181px;
										height: 91px;
										border: 1px solid #ebebeb;
										display: block;
										margin: 24px 0px 0px;
										background: #fff;
										span{
											width: 181px;
											height: 91px;
											display: table-cell;
											vertical-align: middle;
											img{
												max-width: 181px;
												    max-height: 91px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}



@media only screen and (max-width:767px) {
	#weibocontents{
		.shows_goods{
			width: 100%!important;
			.daqiehuanChild{
			}
		}
		.toufangcelue{
			.show-content{
				width: 100%!important;
			}
		}
		.fuwuyoushi{
			.show-content{
				width: 100%!important;
				.wbshow3{
					padding: 30px 0!important;
					dt{
						img{
							width: 120px;
						}
					}
					dd{
						font-size: 14px!important;
						margin: 0 10px;
					}
				}
			}
		}
		.toufangsteps{
			.show-content{
				width: 100%!important;
			}
		}
		.kehulists{
			.show-content{
				width: 100%!important;
				.mr-frbox{
					.mr-frUl{
						width: 100%!important;
						margin-left: 0!important;
					}
					>img{
						display: none!important;
					}
				}
			}
		}
		.weallchoose{
			.mediabox{
				width: 100%!important;
				.boxlist{
					padding: 20px 0!important;
					align-items: self-start!important;
					dl{
						width: 33%;
					}
				}
				.mr-frbox{
					.mr-frUl{
						width: 100%!important;
						margin-left: 0!important;
					}
					>img{
						display: none!important;
					}
				}
			}
		}
	}
	.smallClickChild1{
		div.comment{
			div.box:nth-child(n+3){
				display: none;
			}
		}
	}
	.smallClickChild2{
		div.comment{
			div.box:nth-child(n+3){
				display: none;
			}
		}
	}
	#contents{
		.child_item_content{
			width: 100%!important;
		}
	}
	.woa-analyse-contentfix{
		justify-content: center!important;
	}
	.woa-choose-contentfix{
		div.woa-choose-content-li{
			flex: 1;
			.icon-box{
				width: 100%!important;
				height: 140px!important;
				line-height: 140px!important;
				.icon-shimingrenzheng{
					font-size: 70px!important;
				}
			}
		}
	}
}