div.list-9{background-color:#F4F5F8}div.list-9 .student-interview-public-title{width:2.3rem;height:.6rem;background-color:#BC1E1D;padding:.05rem;border-radius:.9rem;margin-top:.15rem}div.list-9 .student-interview-public-title h3{width:100%;height:100%;border:1px dashed #FFFFFF;border-radius:.9rem;display:flex;justify-content:center;align-items:center;font-size:.31rem;font-weight:bold;color:#FFFFFF}div.list-9 .student-interview{padding:.12rem 0 1.2rem}div.list-9 .student-interview .student-interview-container .exclusive-interview ul{margin-top:.35rem;display:flex;flex-wrap:wrap;justify-content:space-between}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li{width:calc((100% - 1.08rem)/4);margin-top:.16rem;overflow:hidden;position:relative;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li .img{height:4.02rem;overflow:hidden}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li .img img{width:100%;height:auto}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li .title{padding:.3rem 0;font-size:.16rem;font-weight:bold;color:#404C5F;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li .bg{width:100%;height:100%;background-color:rgba(29,45,80,0.65);padding:2.05rem .5rem .5rem;position:absolute;left:0;top:-100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li .bg img{display:block;width:.6rem;height:auto;margin:0 auto}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li:hover{border-bottom:4px solid #BC1E1D}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li:hover .bg{top:0}@media screen and (max-width:2161px) and (min-width:1921px){div.list-9 .student-interview .student-interview-container .exclusive-interview ul li .title{font-size:.2rem}}@media screen and (max-width:1024px){div.list-9 .student-interview .student-interview-container .exclusive-interview ul li{width:calc((100% - .3rem)/2)}div.list-9 .student-interview .student-interview-container .exclusive-interview ul li .title{font-size:.28rem}}div.list-9 .student-interview .student-interview-container .interview ul{margin-top:.3rem;display:flex;justify-content:flex-start;flex-wrap:wrap}@media screen and (max-width:1024px){div.list-9 .student-interview .student-interview-container .interview ul{justify-content:space-between}}div.list-9 .student-interview .student-interview-container .interview ul li{width:calc((100% - 1.08rem)/4);margin-top:.22rem;position:relative;margin-right:.35rem}@media screen and (max-width:1024px){div.list-9 .student-interview .student-interview-container .interview ul li{margin-right:0}}div.list-9 .student-interview .student-interview-container .interview ul li:nth-child(4n){margin-right:0}div.list-9 .student-interview .student-interview-container .interview ul li .img{height:1.7rem;overflow:hidden;position:relative}div.list-9 .student-interview .student-interview-container .interview ul li .img img{width:100%;height:auto}div.list-9 .student-interview .student-interview-container .interview ul li .img .bg{width:100%;height:100%;background-color:rgba(85,82,82,0.63);position:absolute;left:0;top:0}div.list-9 .student-interview .student-interview-container .interview ul li .title{padding:.12rem .05rem 0;font-size:.16rem;font-weight:bold;color:#404C5F;text-align:center}div.list-9 .student-interview .student-interview-container .interview ul li .icon{display:block;width:.65rem;height:auto;position:absolute;left:50%;top:.53rem;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;z-index:1}div.list-9 .student-interview .student-interview-container .interview ul li:hover .icon{transform:translateX(-50%) rotate(360deg);-webkit-transform:translateX(-50%) rotate(360deg);-moz-transform:translateX(-50%) rotate(360deg);-ms-transform:translateX(-50%) rotate(360deg);-o-transform:translateX(-50%) rotate(360deg)}@media screen and (max-width:2161px) and (min-width:1921px){div.list-9 .student-interview .student-interview-container .interview ul li .title{font-size:.2rem}}@media screen and (max-width:1024px){div.list-9 .student-interview .student-interview-container .interview ul li{width:calc((100% - .3rem)/2)}div.list-9 .student-interview .student-interview-container .interview ul li .title{font-size:.28rem}}