body {

	background: #f8fafa;

}

.hide{

	display: none!important;

}

.relative{

	position: relative;

}

.absolute{

	position: absolute;

}

.font-color-gray{

	color: #999;

}

.visi-hiden{

	visibility: hidden;

}

.border-gray{

	border: 1px solid #eee;

}

.align-center {

	text-align: center;

}

/*banner*/

.main-area{

	padding-top: 40px;

	margin-bottom: 60px;

}

.act-banner {

	position: relative;

	text-align: center;

	height: 360px;

	background: url(../images/act_banner.jpg) no-repeat center;

}

.main-title,

.main-title-desc{

	color: #fff;

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}



.main-tabs{

	border: 1px solid #ddd;

	background: #fff;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	display: inline-block;

	margin-bottom: 24px;

	width: 600px;

}

.tab-item{

	width: 33%;

	height: 38px;

	float: left;

	text-align: center;

	line-height: 38px;

	color: #333;

	display: inline-block;

	cursor: pointer;

}

.tab-item-border{

	border-left: 1px solid #ddd;

	border-right: 1px solid #ddd;

}

.tab-item.tab-active{

	color: #fff;

	background: #00aaff;

}   

.main-title{

	top: 175px;

	font-size: 40px;

	font-weight: normal;

}

.main-title-desc{

	top: 240px;

	font-size: 18px;

	font-weight: normal;

}

.banner-item{

	width: 576px;

	height: 358px;

	display: inline-block;

	background: #fff;

	/*padding: 23px 40px 23px 23px;*/

	/*margin-bottom: 24px;*/

	margin: 0 10px 42px 10px;

}

.banner-item:hover{

	box-shadow: 1px 1px 12px rgba(0,0,0,.08);

}

.banner-img-area{

	width: 100%;

	height: 238px;

	/*background: #f0f;*/

}

.img-box,

.a-img-box{

	width: 100%;

	height: 238px;

	display: inline-block;

}

.banner-desc-area{

	width: 100%;

	/*height: 192px;*/

	position: relative;

	padding-left: 22px;

	/*background: #ccc;*/

}

.banner-title{

	font: 500 22px/46px 'microsoft yahei';

	color: #333;

	display: inline-block;

}

.desc-text{

	margin-bottom: 10px;

}

.operate-area .remin-time{

	color: #ff6600;

	height: 40px;

	line-height: 40px;

	vertical-align: middle;

}

.operate-area .remin-time:before{

	width: 16px;

	height: 16px;

	display: inline-block;

	content: '';

	/*background: url('') no-repeat center center / 16px 16px;*/

	margin: -2px 8px 0 0;

	vertical-align: middle;

}

.operate-area .join-btn{

	width: 160px;

	height: 40px;

	background: #00aaff;

	font: 16px/40px 'microsoft yahei';

	color: #fff;

	text-align: center;

	border: 0;

	display: inline-block;

	right: 50px;

	bottom: 7px;

	position: absolute;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

.operate-area .join-btn.unstart{

	background: #fff;

	border: 1px solid #00aaff;

	color: #00aaff;

	cursor: default;

}

.operate-area .join-btn.ended{

	border: 1px solid #CBCBCB;

	background: #CBCBCB;

	color: #fff;

	cursor: default;

}

.corner-mark{

	width: 88px;

	height: 88px;

	right: -5px;

	top: -5px;

	display: inline-block;

}

.no-act-default{

	height: 120px;

	text-align: center;

	margin: 80px 0 100px;

}

.default-img-box{

	width: 40px;

	height: 40px;

	display: inline-block;

	background: url('../images/no_act.png') no-repeat center center / 40px 40px;

}

.tip-words{

	color: #999;

	margin-top: 12px;

}