.page{
	width:100%;
}

.wrap{
	width:1200px !important;
}

.bg{
	padding:30px 0 100px 0;
	width:100%;
	min-width:1200px;
	background:#f8f8f8;
}

.leftArea{
	float:left;
	padding:10px 25px 15px;
	width:280px;
	background:#fff;
	border:1px solid #ebebeb;
	box-sizing:border-box;
}

.leftArea .activity,
.leftArea .news{
	display:inline-block;
	width:230px;
	line-height:54px;
	font-size:18px;
	color:#4d4c4c;
	font-weight:700;
}
.leftArea .activity.active,
.leftArea .news.active{
	color:#d93128;
}
.leftArea .activity .icon{
	display:inline-block;
	margin:17px 15px 0 0;
	width:20px;height:20px;
	background:url('../../images/uhg/activity/tit-icon.png') 0 0 no-repeat;
	vertical-align:-4px;
}
.leftArea .activity.active .icon{
	background-position:0 -20px;
}
.leftArea .news .icon{
	display:inline-block;
	margin:17px 15px 0 0;
	width:20px;height:20px;
	background:url('../../images/uhg/activity/tit-icon.png') -20px 0 no-repeat;
	vertical-align:-4px;
}
.leftArea .news.active .icon{
	background-position:-20px -20px;
}

.leftArea .open-area{
	display:none;
	padding-left:34px;
	width:100%;
	box-sizing:border-box;
}
.leftArea .open-area .btn{
	position:relative;
	display:inline-block;
	padding-left:20px;
	width:100%;
	line-height:54px;
	font-size:18px;
	color:#4d4c4c;
	font-weight:500;
	box-sizing:border-box;
	cursor:pointer;
}
.leftArea .open-area .btn:before{
	content:'';
	position:absolute;
	top:50%;left:0;
	margin-top:-2px;
	width:4px;height:4px;
	background:#4d4c4c;
	border-radius:100%;
}
.leftArea .open-area .btn.active{
	color:#d93128;
}
.leftArea .open-area .btn.active:before{
	background:#d93128;
}

.leftArea .activity.active .open-area,
.leftArea .news.active .open-area{
	display:block;
}

.rightArea{
	float:right;
	width:898px;
	background:#fff;
	border:1px solid #ebebeb;
	box-sizing:border-box;
}

/* 劲舞团 */
.rightArea .jw-activity{
	padding:40px;
	width:100%;
	box-sizing:border-box;
}
.jw-activity .activity-area{
	float:left;
	margin-bottom:40px;
	width:388px;height:339px;
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(153,153,153,0.2), 0 6px 20px 0 rgba(153,153,153,0.19);
}
.jw-activity .activity-area:nth-child(2n){
	float:right;
}
.jw-activity .activity-area .img-ibox{
	position:relative;
	width:388px;height:222px;
}
.jw-activity .activity-area .img-ibox .sub-mask{
	/* display:none; */
}
.jw-activity .activity-area.end .img-ibox .sub-mask{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.4);
}

.jw-activity .activity-area .title{
	margin-top:15px;
	padding:0 22px;
	width:388px;height:28px;
	line-height:28px;
	font-size:18px;
	color:#4d4c4c;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	box-sizing:border-box;
}
.jw-activity .activity-area .time{
	padding:0 22px;
	width:388px;height:22px;
	line-height:22px;
	font-size:14px;
	color:#999;
	box-sizing:border-box;
}
.jw-activity .activity-area .state-area{
	margin-top:17px;
	padding:0 22px;
	width:388px;
	box-sizing:border-box;
}
.jw-activity .activity-area .state-area .countdown{
	float:left;
	width:95px;height:21px;
	line-height:21px;
	font-size:14px;
	color:#ff8726;
}
.jw-activity .activity-area .state-area .countdown .icon{
	display:inline-block;
	width:21px;height:21px;
	background:url('../../images/uhg/activity/time-icon.png') no-repeat;
	vertical-align:-5px;
}
.jw-activity .activity-area .state-area .state{
	float:left;
	margin-left:10px;
	width:90px;height:21px;
	line-height:21px;
	font-size:14px;
	color:#65b03f;
}
.jw-activity .activity-area .state-area .state .icon{
	display:inline-block;
	width:21px;height:21px;
	background:url('../../images/uhg/activity/start-icon.png') no-repeat;
	vertical-align:-5px;
}
.jw-activity .activity-area.end .state-area .state{
	margin-left:0;
	color:#999;
}
.jw-activity .activity-area.end .state-area .state .icon{
	background:url('../../images/uhg/activity/end-icon.png') no-repeat;
}
/* 劲舞团End */

/* 新闻 */
.rightArea .news-area-activity{
	padding:40px;
	width:100%;
	box-sizing:border-box;
}
.news-area-activity .news a{
	display:block;
	margin-bottom:13px;
	padding:0 10px;
	width:100%;
	height:59px;line-height:59px;
	border-bottom:1px solid #ebebeb;
	box-sizing:border-box;
}
.news-area-activity .news a .title{
	float:left;
	width:600px;
	font-size:16px;
	color:#2e2f31;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.news-area-activity .news a .time{
	float:right;
	width:80px;
	font-size:14px;
	color:#999;
}

.news-area-activity .pageArea{
	margin:50px auto 0;
}

.news-area-activity{
	display:none;
}
.news-area-activity.active{
	display:block;
}

/* 新闻End */

/* 新闻详情 */
.rightArea .detailContent{
	padding:40px;
	width:100%;
	box-sizing:border-box;
}

.detailContent .title{
	line-height:52px;
	font-size:24px;
	color:#4d4c4c;
	text-align:center;
}

.detailContent .time{
	height:39px;
	line-height:39px;
	font-size:14px;
	color:#999;
	text-align:center;
}

.detailContent .line{
	margin:13px 0 19px 0;
	width:100%;height:1px;
	background:#ebebeb;
}


.detailContent .img-ibox{
	margin:40px auto;
	width:680px;height:280px;
}

/* 新闻详情End */