body{font-size: 16px;}
.school-filter{font-size:14px;}
.school-filter .item{padding: 0 10px; border-radius: 6px;float: left;margin: 5px;cursor: pointer;border: 1px solid transparent;}
.school-filter .item.active{color: #4483BD;border: 1px solid #4483BD;}
input.input{border: none;padding: 0 20px;}
.img-64{width: 64px;height: 64px;}
.img-80{width: 80px;height: 80px;}
.p{line-height: 30px;text-align: justify;}
/* article{line-height: 30px;;color: #2f2f2f;font-size: 16px;text-align: justify;}
article p{padding: 15px 0;text-align: justify;} */
h3,h4{font-size: 24px;}
h3.title{position: relative;padding:0 30px;margin: 0px -30px 0px;}
h4.title{position: relative;padding:0 30px;margin: 64px -30px 0px;}
h3.title::before,h4.title::before{content: "";position: absolute;left: 0;top:10%;bottom: 10%; width: 8px;background: #4483BD;}
h5{font-size: 20px;}
.mt-32{margin-top: 32px;}
.mt-16{margin-top: 16px;}
.mt-8{margin-top: 8px;}
.table{width: 100%;overflow: hidden;border-collapse: collapse;font-size: 16px;}
.table td{padding: 8px;border: 1px solid #eaeaea;}
.table.zebra td{border: none;}
.table.zebra tr:nth-child(even){background-color: #f9f9f9;}
.table thead{background-color: #f6f6f6;}
.table thead td,.table.zebra thead td{padding: 9px;border: 1px solid #eaeaea;font-size: 14px;color: #999999;}
/* 新增的，需要新图片 */
.bg-img.arrow-right-grey {
  width: 1.6rem;
  height: 1.6rem;
  background-position: 0.6rem -51.9rem;
  vertical-align: middle;
}
.bg-img.arrow-down-fill {
  width: 1.6rem;
  height: 1.6rem;
  background-position: 0.3rem -55.2rem;
  vertical-align: middle;
}
.bg-img.star-orange {
  width: 1.2rem;
  height: 1.2rem;
  background-position: 0.3rem -53.8rem;
  vertical-align: middle;
}
.bg-img.star-grey{
  width: 1.2rem;
  height: 1.2rem;
  background-position: 0.3rem -59.3rem;
  vertical-align: middle;
}
.bg-img.star-orange-grey {
  width: 1.2rem;
  height: 1.2rem;
  background-position: 0.3rem -60.8rem;
  vertical-align: middle;
}
.bg-img.pdf {
  width: 2.2rem;
  height: 2.2rem;
  background-position: 0px -56.7rem;
  vertical-align: middle;
}
.bg-img.search {
  width: 1.6rem;
  height: 1.6rem;
  background-position: 0.2rem -97.5rem;
  vertical-align: middle;
}
.bg-img.none {
  width: 5rem;
  height: 6rem;
  background-position: 0.2rem -65rem;
  vertical-align: middle;
}
.bg-img.none{
  -width:5rem;
  height:6rem;
  background-position:-0.2rem--65rem;
  vertical-align:middle;
}
.m-lr-8{margin-left: 8px;margin-right: 8px;}
.br-16{border-radius: 16px;}
.picker{display: flex;margin: 0 -4px;margin-top: 16px;flex-wrap: wrap;cursor: pointer;}
.picker .item{border: 1px solid #4483BD;background:#EEF6FF;line-height: 32px;border-radius: 16px;padding: 0 16px;display: flex;align-items: center;margin:4px;font-size: 14px;justify-content: center;}
.bb-green,.bb-blue{position: relative;}
.bb-green::after,.bb-blue::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 60%;
  left: 20%;
  height: 4px;
  border-radius: 2px;
  background: #00B97D;
}
.bb-blue::after {
  background: #4483BD;
}
.bg-black-5{background: rgba(0,0,0,0.5);}
.br-5{border-radius: 5px;}
.line-1{
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 30px;
  height: 30px;
  text-align: justify;
  position: relative;
}
.line-2{
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 30px;
  height: 60px;
  text-align: justify;
  position: relative;
}
.line-3{
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 30px;
  height: 90px;
  text-align: justify;
  position: relative;
}
.line-4{
  overflow: hidden;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 30px;
  height: 120px;
  text-align: justify;
  position: relative;
}
.line-5{
  overflow: hidden;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 30px;
  height: 150px;
  text-align: justify;
  position: relative;
}
.all{background: linear-gradient(to right,rgba(255,255,255,0) 0px,white 30px);padding-left: 30px;position: absolute;right: 0;bottom: 0;}
.line-1 *,.line-2 *,.line-3 *{line-height: 30px;}
.bg-blue-light{background: #EEF6FF;}
.pointer{cursor: pointer;}
.toapp{cursor: pointer;}