#classtype{width:100%;height:100vh;display:flex;display:-webkit-flex;flex-direction:column;background-color:#f3f3f3}#classtype .mycontainer{flex:1;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#classtype .typedetail{width:90vw;height:37.45161vw;display:flex;align-items:center;justify-content:center;margin:15px auto;position:relative;color:#fff;border-radius:10px}#classtype .type2{background:url(http://tuhuapublic.tuhua.ink/WebPage/Images/%E4%B9%A6%E6%B3%95%E8%AF%BE%E7%A8%8B.png)no-repeat 50%;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover}#classtype .type1{background:url(http://tuhuapublic.tuhua.ink/WebPage/Images/%E8%A7%86%E9%A2%91%E8%AF%BE%E7%A8%8B.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:80px}#classtype .typetitle{font-size:1.2em;font-weight:bolder;letter-spacing:2px}#classtype .typedesc{width:30%;position:absolute;bottom:2vw;left:1%;font-size:.8em}