.homepage-chart{
	width: 100%;
}
.homepage-content{
	margin-top: .60rem;
	/*background-image: url(https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/background1.png);*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	box-shadow:3px -1px 20px 3px rgba(29, 27, 27, 0.11);
	padding-bottom: 0.3rem
}
.homepage-box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.content-title{
	font-size:.38rem;
	font-weight:bold;
	color:rgba(166,119,118,1);
	line-height:.48rem;
	display: flex;
	align-items: center;
	margin-bottom: .49rem;
	margin-top: .43rem;
}
.content-title img{
	height: .4rem;
}
.content-title span{
	margin: 0 .18rem;
}
.homepage-box .content-left{
	min-width: 300px;
	width: 9.81rem
}
.homepage-box .content-right{
	width: 6.19rem
}
.content-left-box{
	display: flex;

}
.content-left-box>a,.content-left-box>div{
	width:45%;
	min-height: 4.63rem;
	background:rgba(240,238,238,0.4);
	border-radius:.20rem;
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	margin-right: 2%;
	font-size:.16rem;
	color:rgba(62,61,61,1);
	box-shadow:3px -1px 20px 3px rgba(29, 27, 27, 0.11);
	cursor: pointer;
	padding: 0.42rem;
	text-align: center;
}

.content-left-box h3{
	font-size:.22rem;
	margin: .36rem 0 .16rem;
}
.content-left-box img{
	width: 1.36rem;
	min-width: 50px;
}
.content-video{
	width:100%;
	position: relative;
	min-width: 300px;
}
.content-video img{
	width:100%;
}
.content-video  .video-play{
	width: 1.41rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.7rem;
	margin-left: -0.7rem
}
.wapper.message-box{
	display: flex;
	justify-content: center;
	font-size:0.18rem;
	color: #FFFFFF;
	width: 16.52rem;
}
.message-box>div{
	background-repeat: no-repeat;
	width:7.74rem;
	box-sizing: border-box;
	margin: 0.6rem 0.26rem 0;
	padding:1rem  0.30rem;
}
#notice-box{
	background-image: url(https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/boat2.png);
	background-position: .6rem bottom;
	background-color: #555346;
}
#dynamic-box{
	background-image: url(https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/boat.png);
	background-position: right+.84rem bottom;
	background-color: #562D15;
}
.message-title{
	font-size:.22rem;
	font-weight:bold;
	color:rgba(255,255,255,1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: .27rem;
}
.message-box a{
	color:rgba(255,255,255,1);
}
.message-more{
	font-size:.16rem;
	font-weight:400;
}
.message-box li{
	display: flex;
	align-items: center;
	margin-top: .10rem;
	cursor: pointer;
	justify-content: space-between;
}
.message-btn{
	display: flex;
	align-items:center;
}
.message-box li img{
	margin-left: .18rem;
	width: 0.28rem;
	min-width: 16px;
}
.notice-content{
	width: 4.5rem;
}
.dynamic-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#activity-box{
	margin: 0.60rem auto 0;
	background-image: url(https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/blue-background.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #FFFFFF;
	padding:0.3rem;
}
.activity-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size:0.22rem;
	font-weight:bold;
	margin-bottom: 0.30rem;
}
.activity-title>div{
	display: flex;
	align-items: flex-end;
}
.activity-title span{
	font-size:0.12rem;
	margin-left: 0.20rem;
	font-weight: 400;
}
.activity-more{
	font-size:0.16rem;
	cursor: pointer;
	font-weight:400;
	color: #fff;
}
.activity-content{
	display: flex;
	font-size: 0.18rem;
	flex-wrap:wrap;
}
.activity-content>div{
	width: 7.44rem
}
.activity-img{
	height: 3.08rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.activity-img img{
	width: 100%;
	height: auto;
}
.activity-content h3{
	font-size: .24rem;
	margin: .2rem 0 .4rem;
}
.activity-message{
	padding-left: .82rem;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}
.activity-message>div>div{
	display: flex;
	align-items: center;
	margin-top: .30rem;
}
.activity-message p{
	width: 100%;
}
.activity-message>div img{
	margin-right: .27rem;
	height: .25rem;
	min-height: 12px;
}
.activity-message>div .location-icon{
	margin-right: .33rem;
}
.activity-time{
	font-size: .12rem;
}
.activity-btn{
	float: right;
	color: #FFFFFF;
	font-size: .18rem;
	margin-top: .18rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.activity-btn img{
	margin-left: .13rem;
	width: .28rem;
	min-width: 16px;
}

#recommend-box{
	margin: 0.6rem auto 0;
	overflow: hidden;
}
#recommend-box ul{
	overflow: hidden;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}
#recommend-box li{
	padding: 0rem 0.2rem;
	position: relative;
	cursor: pointer;
	margin: 0rem 0rem 0.21rem;
	line-height: 0;
}
#recommend-box img{
	/* width: 3.7rem; */
}
@media only screen and (max-width: 850px){
	#recommend-box img{
		width: 306px;
	}
	.message-box>div{
		width: 100%;
	}
	.activity-content{
		width: 100%;
	}
	.activity-content>div{
		width: 100%;
		height: auto;
		padding-left: 0;
	}
	.activity-img img{
		width: 100%;
	}
	.shutter-btn{
		display: none
	}
	.content-left-box img {
		width: 0.9rem;
	}
	.content-left-box>a, .content-left-box>div{
		padding: 28px 4px 20px 4px;
		min-height: 3rem;
		justify-content: flex-start;
	}
	.content-left-box img {
		margin-top: 0 !important;
	}
	.notice-content{
		width: 100px
	}
	.content-title img {
		height: .3rem;
	}
	.content-title span{
		font-size: .2rem;
	}
	.content-video .video-play{
		width: 60px;
		margin-left: -30px;
		margin-top: -30px;
	}
	.message-box{
		flex-wrap: wrap;
	}
	#footer-box{
		padding-top: .3rem !important;
	}
	.content-title {
		margin-top: 0.12rem;
		margin-bottom: 0.12rem;
	}
}
#recommend-box p{
	width: 56%;
    height: 0.68rem;
    background: rgba(0,88,97,0.62);
    color: rgba(255,255,255,1);
    font-size: 0.20rem;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 22%;
    margin: .3rem auto;
}
#recommend-box .pline {
	width: 100%;
}
.translate-box {
	display: flex;
}
.translate-box li {
	margin: 0 6px;
}