#classvideolist{width:100%;height:100vh;display:flex;display:-webkit-flex;flex-direction:column;background-color:#f3f3f3}#classvideolist .mycontainer{flex:1;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#classvideolist .video{width:90vw;height:37.45161vw;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;background:url(http://tuhuapublic.tuhua.ink/WebPage/Images/%E8%A7%86%E9%A2%91%E5%88%97%E8%A1%A8%E7%A4%BA%E6%84%8F%E5%9B%BE.png)no-repeat 50%;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;margin-top:20px;color:#fff}#classvideolist .videodetail{position:absolute;width:100%;height:11vw;background-color:rgba(0,0,0,.5);left:0;bottom:3vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#classvideolist .videotitle{width:60%;bottom:2vw;font-size:1.2em;font-weight:bolder}#classvideolist .startstudy,#classvideolist .videotitle{display:flex;flex-direction:row;align-items:center;justify-content:center}#classvideolist .startstudy{height:9vw;width:24vw;border-radius:4vw;background-color:#f9dec3;color:#1b110e;margin-right:4vw}