#HomeClassVideo{width:100%;height:94vh;display:flex;display:-webkit-flex;flex-direction:column;background-color:#f3f3f3}#HomeClassVideo .mycontainer1{flex:1;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#HomeClassVideo .studybanner{width:100%;height:25vh;background:url(http://tuhuapublic.tuhua.ink/WebPage/Images/calligraphybanner.jpg) no-repeat 50%;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover}#HomeClassVideo .calligrapytitle{font-size:1.5em;font-weight:bolder;width:96%;text-align:left;margin-top:1rem;letter-spacing:1px;color:#666}#HomeClassVideo .mycontainer{margin-top:5px;width:96vw;height:calc(75vh - 2.7vw - 60px);overflow-y:scroll}#HomeClassVideo .mycontainer::-webkit-scrollbar{display:none;width:0!important;background:transparent}#HomeClassVideo .mycontainer{-ms-overflow-style:none;overflow:-moz-scrollbars-none}#HomeClassVideo .calligrapylist{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-top:1rem;flex-wrap:wrap}#HomeClassVideo .calligrapydetail{width:25%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-bottom:2rem}#HomeClassVideo .calligrapy-left{flex:1.8;width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start}#HomeClassVideo .calligrapy-cover{width:8vw;height:11.00637vw;border-radius:5px;background:url(http://tuhuapublic.tuhua.ink/WebPage/Images/calligraphycover1.png) no-repeat 50%;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover}#HomeClassVideo .calligrapy-center{flex:2;margin-top:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden}#HomeClassVideo .calligrapy-right{flex:1;height:85%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}#HomeClassVideo .detail-title{width:100%;text-align:left;font-size:1.1em;font-weight:bolder;color:#494949;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#HomeClassVideo .readcount{font-size:.8em;color:#a4a4a4}#HomeClassVideo .startstudy{margin-left:.7vw;width:9vw;height:2.5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:1px;border-radius:5vw;color:#231717;font-weight:bolder;margin-right:3vw;background-color:#f9dec3;cursor:pointer}