*{margin: 0; padding: 0; user-select: none;}

@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

body{background-color: #120d0d ;}
#wrap{width: 100%; min-width: 1700px; overflow: hidden;}


/*title*/
.title{height: 980px; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/title.jpg') no-repeat center 0; position: relative;}
	.topin{width: 1240px; margin: 0 auto; position: relative;}
	.topin .logo{position: absolute; top: 60px; left: 0;}
	.topin .close{display: block; width: 181px; height: 44px; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/home.png') no-repeat; position: absolute; right: 0; top: 60px; transition: all 0.5s;}
		.topin .close:before{content: ''; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/home_hover.png') no-repeat; position: absolute; top:0; left: 0; opacity: 0;}
		.topin .close:hover{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/home_hover.png') no-repeat;}
		
	.event_date{font-size: 46px; color: #fff;font-family: 'S-CoreDream-5Medium'; text-align: center; padding-top: 870px;}

	#particles-js{ position:absolute; width: 100%; height: 993px; top:0; left: 0;}

/*content*/
.content{width: 100%; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/content.jpg') repeat-y center 0; position: relative;}
	.day_cont{width: 1010px; margin: 0 auto;}
	.day_cont:after{content: ''; display: block; clear: both;}
	.day_cont .day{float: left; width: 187px; height: 276px; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/day.png') no-repeat; margin-bottom: 20px; margin-left: 18.5px; position: relative;}
	.day_cont .day:first-child{margin-left: 0;}
	.day_cont:first-child{padding-top: 310px;}
		.day_text{}
			.day_text .item{width: 92px; height: 92px; position: absolute; top: 64px; left: 50%; margin-left: -44px;}
			.day_text .item img{width: 100%; height: 100%;}

			.day_title{width: 140px; font-size: 14px; font-family: 'S-CoreDream-5Medium';  color: #988165;  text-align: center; position: absolute; bottom: 69px; left: 50%; margin-left: -70px;}
			.text_date{text-indent: -9999px;}

			.item_btn{display: block; width: 187px; height: 64px; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/day_default.png') no-repeat center 0; position: absolute; left: 0; bottom: 0; transition: all 0.5s;}
			.item_btn:before{content: ''; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/day_hover.png') no-repeat; opacity: 0; position: absolute; top: 0; left: 0;}
			.item_btn:hover{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/day_hover.png') no-repeat;}

	.day_cont .day.on .item_btn{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/day_finish.png') no-repeat;}

	.day_text .day_date{width: 185px; height: 45px; position: absolute; top: 2px;}
		.day1{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/1day.jpg') no-repeat;  left: 1px; }
		.day2{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/2day.jpg') no-repeat;  left: 1px; }
		.day3{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/3day.jpg') no-repeat;  left: 1px; }
		.day4{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/4day.jpg') no-repeat; left: 1px;}
		.day5{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/5day.jpg') no-repeat;  left: 1px; }
		.day6{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/6day.jpg') no-repeat;  left: 1px; }
		.day7{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/7day.jpg') no-repeat;  left: 1px; }
		.day8{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/8day.jpg') no-repeat;  left: 1px; }
		.day9{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/9day.jpg') no-repeat;  left: 2px;}
		.day10{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/10day.jpg') no-repeat;  left: 1px; }
		.day11{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/11day.jpg') no-repeat;  left: 1px; }
		.day12{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/12day.jpg') no-repeat;  left: 1px; }
		.day13{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/13day.jpg') no-repeat;  left: 1px; }
		.day14{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/14day.jpg') no-repeat;  left: 2px;}
		.day15{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/15day.jpg') no-repeat;  left: 1px; }
		.day16{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/16day.jpg') no-repeat;  left: 1px; }
		.day17{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/17day.jpg') no-repeat;  left: 1px; }
		.day18{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/18day.jpg') no-repeat;  left: 1px; }
		.day19{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/19day.jpg') no-repeat;  left: 2px;}
		.day20{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/20day.jpg') no-repeat;  left: 1px; }
		.day21{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/21day.jpg') no-repeat;  left: 1px; }
		.day22{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/22day.jpg') no-repeat;  left: 1px; }
		.day23{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/23day.jpg') no-repeat;  left: 1px; }
		.day24{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/24day.jpg') no-repeat;  left: 2px;}
		.day25{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/25day.jpg') no-repeat;  left: 1px; }
		.day26{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/26day.jpg') no-repeat;  left: 1px; }
		.day27{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/27day.jpg') no-repeat;  left: 1px; }
		.day28{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/28day.jpg') no-repeat;  left: 1px; }
		.day29{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/29day.jpg') no-repeat;  left: 2px;}
		.day30{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/30day.jpg') no-repeat;  left: 1px; }
		.day31{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/31day.jpg') no-repeat;  left: 1px; }
		.day32{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/32day.jpg') no-repeat;  left: 1px; }
		.day33{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/33day.jpg') no-repeat;  left: 1px; }
		.day34{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/34day.jpg') no-repeat;  left: 2px;}
		.day35{background: url('/_DKOnline/_event/attend_DailyEvent_default/images/35day.jpg') no-repeat; left: 1px;  }

		.tip_cont{width: 1012px; height: 284px; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/tip.jpg') no-repeat center 0; margin: 0 auto; padding-bottom: 65px;}
	.footer{height: 99px; background: url('/_DKOnline/_event/attend_DailyEvent_default/images/copyright.jpg') no-repeat;}

	/*info*/
.info_btn{width: 24px; height: 24px; background: url('/_DKOnline/_event/attend_DailyEvent_Spring/images/info_btn.png') no-repeat; cursor: pointer; position: absolute; top: 130px; left: 150px; }
.info_btn:before{content: url('/_DKOnline/_event/attend_DailyEvent_Spring/images/info_btn_hover.png') no-repeat; width: 24px; height: 24px; position: absolute; visibility: hidden;top: 0; left: 0; }
.info_btn:hover{background: url('/_DKOnline/_event/attend_DailyEvent_Spring/images/info_btn_hover.png') no-repeat;}
.info_box{display: none; opacity: 0.97; height: auto;width: 324px;   background: #1f1f1f; color:#fff; border-radius: 10px; position: absolute; top: -8px; left: 43px; z-index: 15; }
.info_header{height: 40px; width: 100%; text-align: center;background: #111111; border-radius: 10px 10px 0px 0px; font-size: 16px; font-weight: bold; line-height: 40px; margin-bottom: 12px;}
.info_box:before{display: block;content: ''; clear:both; background:url('/_DKOnline/_event/attend_DailyEvent_Spring/images/popup_triangle.png') no-repeat; width: 12px; height: 15px; position: absolute; left: -12px; top: 12px;}
.info_text{line-height: 22px;display: -ms-flexbox; display: block; word-break: break-all; width: 100%; overflow: hidden; font-size: 14px;padding: 0 20px; box-sizing: border-box; text-align: left; margin-bottom: 16px;}
.info_option{display: -ms-flexbox; display: block; word-break: break-all; width: 100%; overflow: hidden; font-size: 14px;padding: 0 20px; box-sizing: border-box; text-align: left; margin-bottom: 4px;}
.info_copyright{display: -ms-flexbox; display: block; word-break: break-all; width: 100%; overflow: hidden;font-size: 14px;padding: 0 20px; box-sizing: border-box; text-align: left;}

.info_btn:hover .info_box{display: block;}