/* css */
.pos_r{position:relative;}
.main{background:#f4f4f4;max-width:640px;margin:0 auto;}
.main img{display:block;width:100%;}
.main .br_bottom{position:fixed;left:0;bottom:0;width:100%;z-index:90;}
.main .br_bottom .txt{display:block;position:absolute;top:22%;left:4%;width:16.7%;height:70.7%;font-size:1rem;font-weight:600;line-height:18px;text-align:center;box-sizing:border-box;}
.main .br_bottom .txt:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.main .br_bottom .txt span{display:inline-block;vertical-align:middle;}
.main .gift dd{display:none;}
.main .gift.open dd{display:block;}
.footer{padding-bottom:20%;}

/* 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:#2f2b26;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; }
}

.apply_lec .tit{padding:9% 18.75% 5%;background:#fff;}
.apply_lec .tit h3{padding:10px 0;border-radius:30px;background:#2c2c2c;text-align:center;color:#fff;font-size:18px;}

.winner_list{background:#262626;}
.winner_list li{width:112.5px;height:105.5px;padding-top:50px;background:url(//image.hackersjob.com/mobile/event/2018/0312/bg_winnder.png) no-repeat 0 0;background-size:112.5px auto;}
.winner_list li img{width:31px;height:auto;margin:0 auto;}
.winner_list li dl{margin-top:15px;text-align:center;}
.winner_list li dl dt{font-size:14px;color:#a5a5a5;font-weight:600}
.winner_list li dl dd{font-size:12px;}
.winner_list li dl dd strong{display:block;margin:8px 0;}


/* img */
.update{text-align:center;position:relative;}
.update img.up_img{width:30%;height:auto;position:absolute;top:-2px;display:inline-block;margin-left:50%;left:-15%;}

/* tab */
.tab_area{width:100%; padding:3%; border:none;background: #eee;}
.tab_area > .tab_button{width:100%;overflow:hidden;}
.tab_area > .tab_button > li{width:calc(100% / 2 - 1px); margin-right:1px; cursor:pointer; float:left;}
.tab_area > .tab_button > li:last-child{margin-right:0px;}
.tab_area > .tab_cont{width:99.9%;border:1px solid #ddd;}
.tab_area > .tab_cont{display:none;}
.tab_area > .tab_cont.cont_1{display:block;}

/* ¿µ»ó */
.con_movie{position:fixed; top:30%; left:50%; margin-left:-160px; z-index:3; display:none;}
.con_movie > .layer_pop_vod{width:320px; height:220px;display:none;}
.con_movie > .layer_pop_vod > .movie_close{font-size:50px; color:#fff; position:absolute; top:-50px; right:0px; display:inline-block; cursor:pointer;}
.full_bg{width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; z-index:1; display:none;}

.pop_map{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.pop_map.open{display:block;}
.pop_map>div{position:absolute;top:50%;left:50%;z-index:99999;width:100%;border:0;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}
.pop_map:after{display:block;content:'';position:absolute;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.pop_map a{position:absolute;top:10px;right:10px;font-weight:600;font-size:16px;}

/* slide */
.slide_con{padding:0 3.1%;background: #ffebd6}
.slide_con .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background: #007fd8;}

/* video */
.video_cont{padding:0 4.4%;background: #ffebd6}
.video_cont .video_box{position:relative;height:0;padding-bottom:56.25%}
.video_cont .video_box iframe{position:absolute;width:100%;height:100%;left:0}
.video_cont .video_box .video_thumnail{position: absolute;top: 0%;left: 0;width: 100%; height: 100%;}

/* sms */
.sms-con {position:relative;}
.sms-con .input-box {position:relative;}
.sms-con:after {display:block; content:""; clear:both;}
.sms-con [class^="inp-"] {position:absolute; left:30%; top:2%; width:50%; height:35px; line-height:35px; background:#fff; border:none;}
.sms-con .inp-phone {top:26%;}

.agree-info{background: url("//mpublic.hackersjob.com/images/event/2019/0620/m_img0504_bg.jpg") repeat center;  background-size: 100%;padding-bottom:4%;}
.agree-info .inner{padding:0 12%}
.agree-info .agree-box{position:relative;padding-top:3%;}
.agree-info .agree-box .btn_view_open{position:absolute;right:0;top:30%;display:inline-block;background:#aaa;border-radius:5px;padding:1% 2%;color:#fff;}
.agree-info .agree-box .icon_view_open{border-left: 4px solid transparent;border-right: 4px solid transparent;margin-left:5px;border-top: 5px solid #fff;display: inline-block;}

.sms-con label {padding-left:8px; line-height:2em; font-weight:700; font-size:14px; vertical-align:middle;}
.sms-con .not-btn {display:inline-block; margin:20px 0 10px; padding:8px 15px; background:#aaa; color:#fff;}
.sms-con .not-cont {text-align:left;border:1px solid #ddd;padding:3%;}
.sms-con .not-cont strong {font-size:14px; border-bottom:1px solid #000;}
.not-cont-box{display:none;}

/* review */
.review_con {position:relative;}
.review_con .input_box {position:relative;}
.review_con:after {display:block; content:""; clear:both;}
.review_con [class^="inp_"] {position:absolute; left:15%; top:2%; width:50%; height:50px; line-height:50px; background:#fff; border:none;}
.review_con .inp_text {top:58%;}

/* board */
.wrap_comment{background:url("//mpublic.hackersjob.com/images/event/2019/0620/m_img0603_bg.jpg") repeat center;  background-size: 100%; }
.wrap_comment .comment_view{background: white;box-sizing: border-box;margin-top: 18px;padding: 10px 0;width:88%;margin:0 auto;}
.wrap_comment .comment_view li{position: relative;width: 100%;padding: 20px 0;border-bottom:1px solid #ddd;}
.wrap_comment .comment_view li span{position: absolute;color: #010101;font-size: 12px;}
.wrap_comment .comment_view li span.user_name{left: 1%;}
.wrap_comment .comment_view li span.user_text{position: relative;margin-left:30%;display:inline-block;width: 50%;top:0;}
.wrap_comment .comment_view li span.user_day{color:#888;right: 3%;}
.wrap_comment .num_comment{padding:20px 0 70px 0;overflow:hidden;text-align: center}
.wrap_comment .num_comment li{margin: 0 6px;display:inline-block}
.wrap_comment .num_comment li img{vertical-align:middle;padding-bottom:4px;}
.wrap_comment .num_comment li a{font-size:17px;color:#000;}
.wrap_comment .num_comment li.on a{color:#000;font-weight:bold;}


/* m_img0702 */
.m_img0702{width:100%;background:url("//mpublic.hackersjob.com/images/event/2019/0620/m_img0702.jpg") repeat center;  background-size: 100%;  position:relative;}
.m_img0702 div{width:77%;margin:0 auto;}
.m_img0702 div input[type="text"],
.m_img0702 div a{display:inline-block;height:46px;}
.m_img0702 div input[type="text"]{width:70%;background: #fff;vertical-align: top;}
.m_img0702 div a{background:#088592;width:30%;line-height: 46px;text-align: center;color:#fff;}