#calligraphylist{width:100%;height:100vh;display:flex;display:-webkit-flex;flex-direction:column;background-color:#f3f3f3}#calligraphylist .mycontainer1{flex:1;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#calligraphylist .studybanner{width:100vw;height:33.333vw;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}#calligraphylist .calligrapytitle{font-size:1.2em;font-weight:bolder;width:96%;text-align:left;margin-top:5px;letter-spacing:1px}#calligraphylist .mycontainer{margin-top:5px;width:96vw;height:calc(100vh - 33.333vw - 60px);overflow-y:scroll}#calligraphylist .calligrapylist{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5vw}#calligraphylist .calligrapydetail{width:100%;height:40vw;background-color:#fff;margin-top:2px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:2vw 0}#calligraphylist .calligrapy-left{flex:1.8;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}#calligraphylist .calligrapy-cover{width:26vw;height:35.7707vw;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}#calligraphylist .calligrapy-center{flex:2;height:85%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden}#calligraphylist .calligrapy-right{flex:1;height:85%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}#calligraphylist .detail-title{width:100%;text-align:left;font-size:1.1em;font-weight:bolder;color:#494949;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#calligraphylist .readcount{font-size:.8em;color:#a4a4a4}#calligraphylist .startstudy{width:26vw;height:10vw;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}