#calligraphydetail{width:100%;height:100vh;display:flex;display:-webkit-flex;flex-direction:column;background-color:#312414}#calligraphydetail .goBackButton{width:100%;display:flex;display:-webkit-flex;justify-content:flex-start;cursor:pointer}#calligraphydetail .Button{flex:none;margin:.625rem .625rem .625rem .625rem;padding:.1rem .65rem .1rem .25rem;border-radius:5px;border:1px solid #fff;display:flex;display:-webkit-flex;justify-content:center;align-items:center;z-index:300;color:#fff}#calligraphydetail .Button span{color:#fff;font-size:.8em}#calligraphydetail .mycontainer{flex:1;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:center}#calligraphydetail .carousel{width:100vw;height:137.57962vw}#calligraphydetail .carousel,#calligraphydetail .detailfooter{display:flex;flex-direction:column;align-items:center;justify-content:center}#calligraphydetail .detailfooter{margin-top:6vw;width:100%;height:14vw;background-color:#53473b}#calligraphydetail .footerpagelist,#calligraphydetail .pagedetail{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff}#calligraphydetail .pagedetail{margin-right:2vw}#calligraphydetail .selectedpage{width:15vw;border:1px solid #fff;height:6vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 2vw}