.teachers-hsfx[data-v-bd3c7fea]{width:100%;height:100%;background-color:#166f74;background-image:url(../../assets/img/hsfx_logo.03fc524c.svg),url(../../assets/img/bg_xs2.e445e8b6.svg),url(../../assets/img/bg_xs2_lm.5816d5bb.svg),url(../../assets/img/bg.png);background-position:35px 10px,right 40px top 27px,left 300px top 21px,bottom;background-repeat:no-repeat;background-size:298.71px 60px,392.2px 29.61px,429.32px 42px,100% 100%;position:relative;overflow:hidden}.warp[data-v-bd3c7fea]{width:1280px;height:450px;overflow:hidden;position:absolute;bottom:0;left:50%;top:50%;margin-left:-640px;margin-top:-180px;gap:6px;-webkit-animation:fadeIn-bd3c7fea .5s both;animation:fadeIn-bd3c7fea .5s both}.group[data-v-bd3c7fea],.warp[data-v-bd3c7fea]{display:-webkit-box;display:-ms-flexbox;display:flex}.group[data-v-bd3c7fea]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.group ul[data-v-bd3c7fea]{text-align:center;width:1151px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.group .card[data-v-bd3c7fea]{background-color:#c9e5df;width:284px;height:384px;border-radius:20px;margin-bottom:20px;overflow:hidden;position:relative;cursor:pointer;background:url(../../assets/img/card-bg-mid.png) no-repeat;background-size:100% 100%;padding:18px}.group .card .face-box[data-v-bd3c7fea]{width:250px;height:350px;position:relative}.group .card .face-box img[data-v-bd3c7fea]{width:100%}.group .card .face-box .subject[data-v-bd3c7fea]{width:70px;height:39px;border-radius:12px 0 12px 0;font-size:14px;color:#fff;line-height:39px;position:absolute;top:0;left:0}.group .card[data-v-bd3c7fea]:hover{-webkit-box-shadow:0 4px 40px 0 rgba(9,77,81,.6);box-shadow:0 4px 40px 0 rgba(9,77,81,.6)}.group .card .info[data-v-bd3c7fea]{width:100%;position:absolute;bottom:36px;left:0}.group .card .info span[data-v-bd3c7fea]{display:block;margin:2px auto}.group .card .info span.name[data-v-bd3c7fea]{font-size:16px;font-weight:600}.group .card .info span.school[data-v-bd3c7fea]{font-size:14px;color:#196166}.group .card .info button[data-v-bd3c7fea]{width:100px;height:36px;border-radius:18px;color:#fff;background-color:#dd9636;margin:0 auto;font-size:14px}.group .card .info button[data-v-bd3c7fea]:hover{background-color:#cf821b}.group .horizontal[data-v-bd3c7fea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px}@-webkit-keyframes fadeIn-bd3c7fea{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-bd3c7fea{0%{opacity:0}to{opacity:1}}