body{
	font: normal 100%;
    max-width: 1024px;
   	margin: 0px auto;
}

a:link{ text-decoration:none; } 
a:visited{ text-decoration:none; }
a{ 
	text-decoration: none;
}
a:hover{ 
	text-decoration:underline;
	cursor: pointer;
}
.topbar{
	width:100%;
	height: 50px;
	text-align: center;
	background-color: #F54B30;
	font-size: 19.5px;
	color: #FFFFFF;
}
.topbar div{
	line-height: 50px;
}
.topbar .top_prompt{
	font-size: 12px;
}
.banner_img{
	width: 100%;
}
.banner_img img{
	width: 100%;
}
.banner_content{
	margin: 0 10px;
}
.banner_content h5{
	width: 100%;
	margin: 6px auto 5px;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}
.banner_content p{
	margin: 0 auto 10px;
	font-size: 14px;
	color: #999999;
}
.share {
	width:100%;
	margin-bottom: 5px;
	overflow: hidden;
}
.share-line{
	float:left;
	color:#d36a43;
	font-size:16px;
}


.works_title{
	width: 100%;
	padding: 6px 0;
	border-top: 1px solid #E4E3E2;
	overflow: hidden;
}
.works_title img{
	float: left;
	margin-left: 10px;
}
.works_title p{
	float: left;
	font-size: 13px;
	color: #666666;
	line-height: 18px;
	margin: 0;
	margin-left: 7px;
}
.works_table ul{
	list-style: none;
	margin: 0;
	padding: 0 10px;
	overflow: hidden;
}
.people_table ul{
	list-style: none;
	margin: 0;
	padding: 10px;
	overflow: hidden;
}
.work-list{
	float: left;
	text-align: center;
	width: 33%;
	position: relative;
	/* height: 160px; */
}
.work-list .work-img{
	position: relative;
	width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 100%;
}

.user_img_link {
    display: block;
    position: relative;
}

.user_img_link img{    
    position: absolute;
    top: 0;
    left: 0;
	width: 94%;
    min-height: 100%;
	border: 1px solid #E7E7E7;
}
.bottom_listened{
	z-index: 100;
	position: absolute;
	bottom: 2px;
	width: 94%;
	left: 3%;
	color: #FFFFFF;
}
.bottom_listened img{
	float: left;
	margin-left: 2px;
	width: 15px;
}
.bottom_listened div{
	float: left;
	font-size: 13px;
	padding-left: 5%;
	line-height: 15px;
}
.bottom_listened_bg{
	z-index: 1;
	opacity: 0.2;
	background-color: #200000;
	height: 20px;
	width: 94%;
	left: 3%;
	bottom: 0;
	position: absolute;
}
.work_name_link{
	text-align: left;
	width: 98%;
	font-size: 14px;
	color: #333333;
	overflow: hidden;
	margin: 3px auto 4px;
	max-height: 32px;
	line-height: 16px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	word-break: break-all;
}
.work_user_link{
	color: #B57761;
	width: 98%;
	position: absolute;
	height: 20px;
	text-align: left;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.user-list{
	float: left;
	text-align: center;
	width: 33%;
	position: relative;
	height: 155px;
}

.chart_user_avatar{
	border-radius: 50%;
	width: 95%;
	border: 1px solid #E7E7E7;
}
.user_name_link{
	text-align: center;
	width: 90%;
	margin: 5px auto;
	color: #B57761;
	font-size: 14px;
	line-height: 16px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	word-break: break-all;
}
.chart_user_detail {
	width: 90%;
	text-align: center;
	font-size: 13px;
	margin: auto;
	color: #999999;
}

.accompany_bottom{
	border-bottom: 1px #E4E3E2 solid;
}


.accompany_right{
	float: right;
	text-align: left;
}
.accompany_name{
	font-size: 15.5px;
	margin-left: 1%;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #333333;
}

.accompany_size{
	float: left;
	margin-left: 1%;
	font-size: 13px;
	margin-bottom: 10px;
	color: #999999;
}
.accompany_provider{
	float: left;
	font-size: 13px;
	margin-right: 20%;
	color: #999999;
}
.button_style{
	font-size: 14.5px;
	color: #666666;
	padding: 8px 14px 8px 14px;
	border-radius: 25px;
	border: 1.5px solid #999999;
	/*color: #FFFFFF;*/
	background-color: #FFFFFF;
}



@media screen and (min-width:1024px){
.topbar {
	max-width: 1024px;
	margin: 0 auto;
}
.banner{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.original_works,.original_people,.original_accompany,.in_the_past{
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}