/* list-S */
.apply_wrap{margin-bottom: 7%;}

#bo_btn_top {margin:10px 0;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {display: flex; display: -ms-flexbox; flex-direction: row; justify-content: flex-end; -ms-flex-pack: end;}
.bo_fx li + li{margin-left: 10px;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float: left; line-height:34px;font-size:1em;color:#4e546f}

.btn_bo_user { float: right;}
.btn_bo_user > li {position:relative}
.btn_bo_user .bo_sch >form > div {display: flex; display: -ms-flexbox;
    flex-direction: row; -ms-flex-direction: row; align-items: center; -ms-flex-align: center;
}

.bo_sch {display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row;}
.sfl__,
.sch_input{height:2.5em; padding: 0 1%; border: 1px solid #b6b6b6; box-sizing: border-box;}
.sch_bar{display: flex; display: -ms-flexbox; margin-left: 5px;
    flex-direction: row; -ms-flex-direction: row;
}
.sch_btn {height: 2.5em; display: block; margin-left: 5px; padding: 0 3%; width: 5.3em;
    background-color: #8b8b8b; text-align: center; color: #fff;
}
.sch_btn span{margin-left: 3px;}

.list_wrap {display: flex; display: -ms-flexbox;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list_wrap > li {
  width: calc((100% / 4) - 1.5%);
  margin-bottom: 4%;
  padding: 25px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 17px;
  border: 1px solid #dadada;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.list_wrap > li + li{margin-left: 2%;}
.list_wrap > li:nth-child(4n + 1) {margin-left: 0;}
.list_wrap > li a span, .list_wrap > li a strong {
  display: block;
}
.list_wrap li a .state {margin-left: 25px;
  width: 4.37em;
  height: 2.1em;
  margin-bottom: 10%;
  line-height: 2.187em;
  text-align: center;
  color: #fff;
  letter-spacing: 0;
  border-radius: 15px 15px 15px 0;
  background-color: #155f8c;
  font-size: 1.2em;
}
.list_wrap li a strong {padding: 0 25px;
  margin-bottom: 5%;
  font-size: 1.825em;
  font-weight: 500;
}
/* .list_wrap li a p {
  margin-bottom: 10%;
  min-height: 150px;
  width: 100%;
  max-height: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
  line-height: 1.4;
  font-size: 1.2em;
} */
.list_wrap li a ul{padding: 1em 25px; margin-bottom: 1em;
  background-color: #fbfbfb; 
  border-top: 1px dashed #dadada; border-bottom: 1px dashed #dadada;
  transition: all 0.3s;
}
.list_wrap li a li{margin-bottom: 1em;}
.list_wrap li a li:last-child{margin-bottom: 0;}
.list_wrap li a dl{display: flex; display: -ms-flexbox; font-size: 1.2em;
}
.list_wrap li a dl.col{flex-direction: column; -ms-flex-direction: column;}
.list_wrap li a dl.col dt{margin-bottom: 0.5em;}
.list_wrap li dt {color: #333; position: relative; width: 70px; margin-right: 15px;}
.list_wrap li dt::after{content: ""; width: 1px; height: 100%; 
  position: absolute; right: -5px; top: 0;
  background-color: #333;
}
.list_wrap li a dl.col dd{width: 100%;}
.list_wrap li dd {color: #666; width: calc(100% - 85px);}
.list_wrap li a .date {padding: 0 25px;
  font-size: 1em;
  color: #666;
}
.list_wrap > li:hover {
  background-color: #26a19c;
  color: #fff;
  
}
.list_wrap li:hover .state {
  background-color: #fff !important;
  color: #26a19c;
}
.list_wrap li:hover ul{background-color: #3caba6;}
.list_wrap li:hover dt,
.list_wrap li:hover dd{color: #fff;}
.list_wrap li:hover dt::after{background-color: #fff;}
.list_wrap li:hover p, .list_wrap li:hover .date {
  color: #fff;
}


.pg_wrap {
  display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center;
  float: none !important;
  width: 100%;
  text-align: center;
  /* position: absolute;
  left: 50%;
  transform: translateX(-50%); */
}
.pg, .pg > div{display: flex; display: -ms-flexbox;}

.pg_page {
  margin: 0 2px 0 2px;
  display: block;
  background: none;
  border: 1px solid #d7d7d7;
  color: #333;
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  min-width: 30px;
}
.pg_page.page_current {background-color: #26a19c; color: #fff; font-size: 1em;}
.current_wrap {margin: 0 5px 0 5px;}
.pg_btn_wrap a{text-indent: -9999px;}
.pg_prev {background: url(/common/img/btn_prev.gif) no-repeat 50% 50% #fff !important;}
.pg_start {background: url(/common/img/btn_first.gif) no-repeat 50% 50% #fff !important;}
.pg_next {
  background: url(/common/img/btn_next.gif) no-repeat 50% 50% #fff !important;
}
.pg_end {background: url(/common/img/btn_end.gif) no-repeat 50% 50% #fff !important;}

.pg_page:hover {background-color: #f5f5f5; color: #555;}

@media screen and (min-width: 769px) and (max-width: 1124px) {
  .list_wrap li a ul{padding: 1em 15px;}
  .list_wrap li a dl{
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .list_wrap li a dt{margin-bottom: 0.5em;}
  .list_wrap li dd{width: 100%;}
}

@media screen and (max-width: 768px) {
  .list_wrap > li {width: calc((100% / 2) - 1.5%);}
  /* .list_wrap li + li{margin-left: 2%;} */
  .list_wrap > li:nth-child(2n + 1) {margin-left: 0;}

  .view{flex-direction: column; -ms-flex-direction: column;}
  .view > div {width: 100%; min-height: auto; height: 300px;}
  .cont1 .apply_btn{justify-content: center; -ms-flex-pack: center;}
}

@media screen and (max-width: 550px) {
  .sch_input {max-width: 180px;}
  .sch_btn {width: 4.3em;}
  .sch_btn .fa {display: none;}

  .pg_page{padding: 0; font-size:0.9em}
}

@media screen and (max-width: 479px) {
  .bo_sch_wrap .sfl__ {width: 90px;}
  .list_wrap > li {width: 100%;}
  .list_wrap > li + li{margin-left: 0;}
  .list_wrap > li a .state {margin-bottom: 10%; font-size: 1em;}
  .list_wrap > li a strong {font-size: 1.3em;}
  .list_wrap > li a p {margin-bottom: 3%; font-size: 1em;}
  .list_wrap > li a dl{font-size: 1em;}

  .view > div{padding: 10%; height: 280px;}
  .cont1 .apply_tit{padding-top: 40px;}
  .cont1 .apply_tit strong{font-size: 1.5em;}
  .view .cont2{background-size: 25%;}
  .view .cont2 .desc{padding-right: 20px;}

  .edu_info strong{font-size: 1.3em;}
  .edu_info p{min-height: 200px;}
}
@media screen and (max-width: 350px) {
  .bo_sch_wrap .sfl__ {width: 60px;}
  .sch_input {max-width: 175px;}
  .sch_btn {width: 3.3em;}
  .btn_bo_user .bo_sch >form > div{font-size: 0.9em;}
}