.evt_box{width:100%; max-width:640px;margin:0 auto;}
.evt_box img{width:100%;max-width:100%;vertical-align:bottom;}
.p_r {position: relative;}

.teacher_sd{background:#1d41bc}
.teacher_sd .bx-wrapper .bx-prev{left:20px;}
.teacher_sd .bx-wrapper .bx-next{right:20px;}

.brand {background:#222; padding-bottom:10%;}

.mv_area {position:relative;}
.mv_area iframe {position:absolute; top:12.5%; left:4%;}

.review_area {position:relative;}
.review_list{background:#fff;font-size:14px;padding-bottom:10%; position:absolute; top:62%; left:5%; width:90%;}
.review_list_in{height:45vw;overflow-y:auto; max-height:250px;}
.review_list ul{padding:0 5%;}
.review_list ul li{height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.2);}
.review_list ul li.tit span {font-weight:bold;}
.review_list ul li span:nth-of-type(1){width:30%;color:rgba(0,0,0,0.5);}
.review_list ul li span:nth-of-type(2){width:70%;padding-left:10px;}

.review_area select {position:absolute; top:36.5%; left:10%; width:80%; height:30px; border:1px solid #c8c8c8; background:#fff;}
.review_area input[type=text] {position:absolute; top:57.2%; left:10%; width:55%; height:3%; border:0;}
.review_area .text_no {position:absolute; top:40%; right:60px; width:900px; text-align:right; font-size:16px;}

.teacher3 .review_area input[type=text],
.teacher4 .review_area input[type=text],
.teacher5 .review_area input[type=text]{position: absolute;top: 47.2%;left: 10%;width: 55%;height: 4%;border: 0;}
.teacher3 .review_list,.teacher4 .review_list,.teacher5 .review_list{top: 54%;}

.banner_area {background:#2a2f35; padding-bottom:10%;}
.banner_area .ben_box {width:90%; margin:0 auto;}
.banner_area .ben_box li {margin-bottom:5%;}
.banner_area .ben_box img {width:100%;}

.teacher0 .cont05 {position: relative;}
.teacher0 .cont05 .v_wrap{width:91%;height: 16%; position: absolute; top:12.5%; left:50%; transform: translateX(-50%); display: none; background: #000; border-radius: 5%;}
.teacher0 .cont05 .v_wrap iframe{position: absolute; top:0; left: 0; background: #000; border-radius: 3vw;}
.teacher0 .review_area select {top: 48.5%;}

.teacher1 .review_area select {top: 48.5%;}
.teacher1 .cont01_1 {position: relative;}
.teacher1 .cont01_1 .v_wrap {position: absolute;top: 35.5%;left: 50%;transform: translateX(-50%); width: 90.5%; height: 46%;}
.teacher2, 
.teacher3{display:none;}
.teacher2 .review_area .text_no{top:40%;}
.teacher3 .cont08 .v_wrap{width:91%;height: 16%; position: absolute; top:12%; left:50%; transform: translateX(-50%); display: none; background: #000; border-radius: 5%;}

.bx-prev2 {background: url(//image.hackersjob.com/mobile/event/2016/0801/btn_prev.png) no-repeat 0 0;left: 20px;}
.bx-next2 {background: url(//image.hackersjob.com/mobile/event/2016/0801/btn_next.png) no-repeat 0 0;right: 20px;}

.teacher_bx{display:block !important}

.teacher5 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background:#555;}
.teacher5 .bx-wrapper .bx-pager, .teacher5  .bx-wrapper .bx-controls-auto{bottom:10%;}
.teacher5 .bx-controls-direction{display:none;}


.cont02_1{position:relative;}
.cont02_1 .v_wrap{width:91%; height:0; padding-bottom:47.25%; position: absolute; top:37%; left:50%; transform: translateX(-50%); display: none;}
.cont02_1 .v_wrap .video{position: absolute; top:0; left: 0; background: #000;}

.teacher6 {position:relative;}
.teacher6 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background:#ff5ea4;}
.teacher6 .bx-wrapper .bx-pager, .teacher5  .bx-wrapper .bx-controls-auto{bottom:0;}
.teacher6 .bx-controls-direction{display:none;}
.teacher6 .cont07 {position: relative;}
.teacher6 .cont07 .v_wrap{width:91%; height:51%; position: absolute; top:39%; left:50%; transform: translateX(-50%); display: none;}
.teacher6 .cont07 .v_wrap iframe{position: absolute; top:0; left: 0; background: #000; border-radius: 3vw;}
.teacher6 .review_area select {top: 48.5%;}

.teacher7 {position:relative; background: #f8deff;}
.teacher7 .cont02_2 {position: relative;}
.teacher7 .cont02_2 .v_wrap {position: absolute; top: 41%; left: 50%; transform: translateX(-50%);width:91%;height: 41%;display: none;}
.teacher7 .cont07 .v_wrap iframe{position: absolute; top:0; left: 0; background: #000;}
.teacher7 .cont07 {position: relative;}
.teacher7 .cont07 .v_wrap{width:91%; height:0; padding-bottom:48%; position: absolute; top:33%; left:50%; transform: translateX(-50%); display: none;}
.teacher7 .cont07 .v_wrap iframe{position: absolute; top:0; left: 0; background: #000; border-radius: 3vw;}
.teacher7 .bx-wrapper .bx-pager.bx-default-pager a{background: #ddd;}
.teacher7 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background:#999;}
.teacher7 .review_area select {top: 48.5%;}

.teacher8 {position:relative; background: #ffe2b4;}
.teacher8 .cont05 {position: relative;}
.teacher8 .cont05 .v_wrap{width:91%; padding-bottom:48%; position: absolute; top:36%; left:50%; transform: translateX(-50%); display: none;}
.teacher8 .v_wrap .video{position: absolute; top:0; left: 0; background: #000;border-radius: 2.8vw;}
.teacher8 .bx-wrapper .bx-pager {bottom: -9%;}
.teacher8 .bx-wrapper .bx-pager.bx-default-pager a{background: #ddd;}
.teacher8 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ff8e29;}
.teacher8 .bx-wrapper .bx-controls-direction a.bx-prev {left: 4%;}
.teacher8 .bx-wrapper .bx-controls-direction a.bx-next {right: 4%;}
.teacher8 .review_area select {top: 48.5%;}

.teacher9 .review_list {position: static;width: auto;padding: 0 6%; background: url('//image.hackersjob.com/mobile/event/2020/0602/v10/review_list_bg.jpg') repeat-y 0 0/100%;}
.teacher9 .review_area select {top: 78.5%;}
.teacher9 .review_area input[type=text] {position: absolute;top: 91.7%;left: 10.7%;width: 54%;}
.teacher9 .cont07_1 {position: relative;}
.teacher9 .cont07_1 .v_wrap {position: absolute; top: 41%; left: 50%; transform: translateX(-50%);border-radius: 3vw;width:91.5%;height: 53.6%;display: none;overflow: hidden;}
@media screen and (min-width:640px) {
    .teacher8 .v_wrap .video {border-radius: 20px;}
}

.teacher_sd {position: relative;}
.teacher_sd .bx-prev{left:20px; width: 18px;  height: 30px;  margin-top: 0; display:block; position: absolute;top: 50%;}
.teacher_sd .bx-next{right:20px;  width: 18px;  height: 30px;  margin-top: 0; display:block; position: absolute;top: 50%;}
.bx-prev {background: url(//image.hackersjob.com/mobile/event/2016/0801/btn_prev.png) no-repeat 0 0;left: 20px;}
.bx-next {background: url(//image.hackersjob.com/mobile/event/2016/0801/btn_next.png) no-repeat 0 0;right: 20px;}