html{font-size:14px;-webkit-text-size-adjust:100%}body{color:#231815;margin:0;padding:0;line-height:1.3;background-color:#fff}body a{color:#231815}.main-area,.subject-area,.header,.menu-list,.footer{max-width:950px;margin:0 auto;width:100%;background-color:#fff}.subject-area{padding:2.8rem 0 1rem 0;border-bottom:1px solid #000}.subject-area span{font-size:1.17rem}.content-page .subject-area{border:none;padding:2.2rem 0 0.8rem 0}.menu-list{background-color:#fff}.menu-list .menu{display:flex;justify-content:space-between;padding:1.2rem 0;align-items:center;border-bottom:1px solid #989898}.menu-list .menu img{height:2.75rem;display:block}.menu-list .menu .classify{display:flex;align-items:center}.menu-list .menu .classify .cn{font-size:1.625rem}.menu-list .menu .classify .eng{color:#989898;font-size:0.73rem}#header{position:fixed;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:0;width:100%;background-color:#fff;z-index:100}.header-area{position:relative}.header-area .btn-menu{width:60px;height:26px;border:1px solid #000;border-radius:20px;display:flex;align-items:center;justify-content:center}.header-area .btn-menu img{transform:rotate(180deg);-webkit-transform:rotate(180deg);transition:all 0.5s;-webkit-transition:all 0.5s}.header-area .btn-menu.on img{transform:rotate(0);-webkit-transform:rotate(0)}.header-area .meun-area{background:#fff;overflow:scroll;position:absolute;top:100%;left:0;width:100%;z-index:100;display:none}.main-area .worklist .work{border-radius:0.82rem;overflow:hidden;background-color:#f1f1f1;margin-top:2rem;line-height:1}.main-area .worklist .work .title{font-size:1.3rem;line-height:1.5rem;width:calc(100% - 50px)}.main-area .worklist .work .name{font-size:0.82rem;margin-top:0.3rem;line-height:1rem}.main-area .worklist .work .deptname{font-size:0.85rem}.main-area .worklist .work .stuname{max-width:calc(100% - 68px)}.main-area .worklist .work .thumb{width:100%;display:block;height:auto}.main-area .worklist .work .about{padding:0.8rem 0.8rem 1.2857rem 0.8rem}.main-area .worklist .work .about .go{margin:1.02rem 0}.main-area .workdetail{margin-top:-1.55rem;background-color:#fff;border-radius:20px 20px 0 0;min-height:20vh;position:relative;z-index:10;padding-top:2rem;color:#231815;padding-left:5%;padding-right:5%}.main-area .workdetail #c-imgs img,.main-area .workdetail video{border-radius:0.82rem;width:100%;object-fit:cover;animation:zoomIn 0.5s ease-out;-webkit-animation:zoomIn 0.5s ease-in}.main-area .workdetail #c-content,.main-area .workdetail p{line-height:1.7;text-align:justify;font-size:11.2px}.main-area .workdetail .info{margin-bottom:0.75rem}.main-area .workdetail .info span{flex-shrink:0;font-size:0.7143rem}.main-area .workdetail .info .info-item{color:#4d4d4d}.main-area .workdetail .info .col{margin:0 0.7rem}.main-area .workdetail .info .col img{height:17px}.main-area .workdetail .info>div{display:flex;align-items:center}.main-area .workdetail #c-imgs img{margin-top:0.8rem}.main-area .workdetail .video-area .subject{margin:2rem 0 0.8rem 0;text-align:center}.main-area .workdetail .video-area video{margin-bottom:0.8rem}.main-area .workdetail .video-area video:last-child{margin-bottom:0}.main-area .workdetail .footer{padding:2.857rem 0 3.2857rem 0}.footer{padding-top:5rem;padding-bottom:5.3rem}.media-font{font-size:1.4rem}.title{font-size:1.35rem}.views{background:#c1c1c1;border-radius:1rem;padding:0 0.5rem;height:15px;color:#fff;display:flex;align-items:center}.views img{margin-right:0.2rem}.views span{font-size:0.6rem;line-height:17px;height:15px}.flex-bottom{display:flex;justify-content:space-between;align-items:flex-end}@media (orientation: portrait){.pt10{padding-top:3.6vh}}.end-tip{text-align:center;margin-top:0.5rem;color:#ccc}@media (max-width: 950px){.homepage,.home-intro,.menu-list,.header-bottom,.worklist,.header,.footer{padding-left:5%;padding-right:5%}}

#c-imgs img {
 margin: 0.5rem 0;
}