/* common */
.main {width:100%; max-width:640px;margin:0 auto;text-align:center;}
.main img {width:100%; max-width:640px; display:block;}

/* timer_box_common */
.finish_mark .txt{display:inline-block;margin-top:8px;font-size:14px;color:#fff;font-weight:600;vertical-align:middle;}
.finish_mark .txt strong{display:block;color:#fff695}
.timer_box{width:100%;background:#000;text-align:center}
.timer_box .timer_in{display:table;min-width:300px;padding:10px;margin:0 auto}
.timer_box .timer_in > div{display:table-cell;color:#fff;font-size:1.2rem;letter-spacing:0;vertical-align:middle}
.timer_box .timer_in > div.time_area{min-width:240px}
.timer_box .timer_in > div.finish_mark img{display:block;min-width:60px;max-width:80px}
.timer_box .bx_time{font-size:1.7rem;letter-spacing:-1px}
.timer_box .bx_time span[data-component="timer"]{font-size:3rem;line-height:3rem}
.timer_box .tx_info{font-size:0.7rem;line-height:0.9rem;font-weight:normal;color:#d6d6d6}
.timer_box span[data-format="label"]{display:inline-block;width:80px;height:80px;background:url(//image.hackersjob.com/mobile/event/2018/0320/start_end_bg.png) no-repeat 0 0;background-size:80px auto;}
.timer_box span[data-format="label"]:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.timer_box span[data-format="label"] {
	animation-name:finish_mark;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
	animation-delay: 1s;
}
@keyframes finish_mark{
	0%, 100%{transform:translate(0,5px)}
	50%{transform:translate(0,-5px)}
}
.timebox span[data-format="ss"],.timer_box span[data-format="ss"] {
	animation-name: opacity_key;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	animation-delay: 0;
}
@keyframes opacity_key {
	0%, 100%  { opacity: 1; }
	30% { opacity: 0.3; }
	60% { opacity: 0.6; }
	90% { opacity: 0.9; }
}

.end_date{display:inline-block;width:200px;margin:30px auto 0;padding:10px 0;background:#2c2c2c;border-radius:30px;font-size:14px;color:#fbe46a;font-weight:bold;text-align:center;}
.note{display:none;padding:15px;background:#050c2b;text-align:left;}
.note p{color:#fff;line-height:1.5;}

/* bxslider */
.slide_wrap{padding-bottom:35px;}
.bx-wrapper .bx-pager{bottom:-15px;}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link{background:#ededed;}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background:#346bf7;}

/* banner */
.bnr{position:fixed;left:0;bottom:0;width:100%;}
.evt_foot_ben{z-index:100;}
.evt_foot_ben div{position:relative;}
/* .evt_foot_ben div p.end_foot{position:absolute;left:6.2%;z-index:101;font-size:13px;top:0;padding-top:3%;color:#007fd8;font-weight:bold} */

.evt_foot_ben div .txt{display:block;position:absolute;top:14%;left:3%;width:16.7%;height:70.7%;font-size:1rem;font-weight:600;line-height:18px;text-align:center;box-sizing:border-box;}
.evt_foot_ben div .txt:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.evt_foot_ben div .txt span{display:inline-block;vertical-align:middle;color:#007fd8;font-weight:bold}


/* slide_area */
.slide_area{background:#8deee7;padding:0 3.1%;}
.slide_wrap{margin:0 auto;}
.slide_area .slide_wrap .bx-wrapper .bx-pager,
.slide_area .slide_wrap .bx-wrapper .bx-controls-auto{bottom:35px}

@media all and (min-width: 414px) and (max-width: 768px) {
    .evt_foot_ben div p.end_foot{position:absolute;left:7%;z-index:101;font-size:13px;top:0;padding-top:4.5%;color:#007fd8;font-weight:bold}
}

.cont01{position:relative;}
.cont01 .popup{position: absolute;top:19%;right:1%;width:23%;}