body{font-size: 1.6rem;}
.bb-green{
    position: relative;
}
.bb-green::after{content: "";position: absolute;bottom: 0;width: 60%;left:20%;height: 4px;border-radius: 2px;background: #00B97D;}
.table{width: 100%;overflow: hidden;border-collapse: collapse;font-size: 1.6rem;}
.table td{padding: 1rem;border: 1px solid #eaeaea;line-height:2.8rem;}
.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: 0.8rem;border: 1px solid #eaeaea;font-size: 1.4rem;color: #999999;}
.line-1{
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 3rem;
    height: 3rem;
    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: 3rem;
    height: 6rem;
    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: 3rem;
    height: 9rem;
    text-align: justify;
    position: relative;
}
.line-1 *,.line-2 *,.line-3 *{line-height: 3rem;}
.bg-black-5{background: rgba(0, 0, 0, 0.5);}
.bg-f6{background: #f6f6f6;}
h4{font-size: 1.8rem;}
h4.title{position: relative;padding-left: 1.6rem;padding-right: 1.6rem; margin: 0 -1.6rem;}
h4.title::before{content: "";position: absolute;left: 0;top:10%;bottom: 10%; width: 0.6rem;background: #00B97D;}
h5{font-size: 1.6rem;}
.bg-blue-light{background: #EEF6FF;}
/*article{line-height: 3rem;;color: #2f2f2f;font-size: 1.6rem;text-align: justify;}
article p{padding: 1.5rem 0;text-align: justify;}*/
.center{text-align: center;}
.mt-32{margin-top: 3.2rem;}
.display-b{display: block;}
.p{line-height: 3rem;text-align: justify;}
.b-1{border: 1px solid #E4E4E4;}
.br-16{border-radius: 1.6rem;}
.input{border: none;font-size: 1.4rem;}
.line-h-36{line-height: 3.6rem;}
.school-filter .col{width: auto;min-width: 25%;}
.school-filter .col .item{min-width: 25%;line-height: 3.2rem;font-size: 1.4rem;background: #f6f6f6;border-radius: 0.3rem;padding: 0 0.4rem;}
.school-filter .col .item.active {background: #00B97D;color:white;}
.ub{flex-wrap: wrap;}
.mt-4{margin-top: 0.4rem;}
.picker{display: flex;margin: 0 -0.4rem;margin-top: 1.6rem;flex-wrap: wrap;justify-content:start;}
.picker .item{border: 1px solid #00B97D;background:#EDF7F4;line-height: 3.2rem;border-radius: 1.6rem;padding: 0 1.6rem;display: flex;align-items: center;margin:0.4rem;font-size: 1.4rem;justify-content: center;}
.all{background: linear-gradient(to right,rgba(255,255,255,0) 0px,white 3rem);padding-left: 3rem;position: absolute;right: 0;bottom: 0;line-height: 3rem;}
.dowbtn img{pointer-events: none; }