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(img/index/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.33333333333%;

	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: 155px;

	font-size: 40px;

	font-weight: normal;

}

.main-title-desc{

	top: 220px;

	font-size: 18px;

	font-weight: normal;

}

.banner-item{

	width: 580px;

	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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiODBlYTA3Yi0xZGU3LThjNGItYWZiZS1lOWQ0OGZiMzBjZjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUEyNTdDNkM1NDFGMTFFODhBMEU4RDA1Mjk4MTlBRUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUEyNTdDNkI1NDFGMTFFODhBMEU4RDA1Mjk4MTlBRUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxODdlYTVhNi00ZTRlLTc0NDYtYTQxZC0wYzI5MjU1NDhiYTUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZmMwNWFkYi01MzUzLTExZTgtYTVmMC04NDlmNTk3YmE3NWQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7g0KYZAAABNUlEQVR42pzTu0oDURDG8d1FAyJGX8E0EbXxJcQLWggKab316SLYa6WFohbiA2ghiIKI4EssoiCipSh4KdPE/wffyiHEuHHgRza7M4fZs3PixmrUHMNYxiQGfe8RlzjEbZicBNcF7OIGr1hAv1Xw7mcH6MmKYneg4gt8Ysm/raKIIwxgCvWsg20XzTcV17AR/P9yzge2dKMLI5hDGY3o71DOIu6wn3jD9rx63lDujmq1wATOos7jXLVaoOR2Oo171SbR/6OQfQUNyVCbxJo3LhS58+fEEzb7S/GmZqUFxTSuNUijXFy5i7xfouh9G1cHKU49YXGO4ti5qkmzTax65o/R16ZYz048ytXwMNX9Ti94wBr0at3oxRjW/ewNM675OUxhaLRXPGAlJz5pw3yc0zD5W4ABAE3xR0LhE6C2AAAAAElFTkSuQmCC') 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: 22px;

	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('img/index/no_act.png') no-repeat center center / 40px 40px;

}

.tip-words{

	color: #999;

	margin-top: 12px;

}