.flip-book{width:100%;height:100vh;overflow:hidden;background:#4e5565}.flip-book .content-book{width:100%;height:calc(100% - 60px);margin:0 auto}.flip-book .content-book .wrapper{height:100%}.flip-book .bottom-nav{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;text-align:center;font-size:25px;color:#fff;line-height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flip-book .bottom-nav .left-icon{color:#fff;font-size:30px;margin-right:10%}.flip-book .bottom-nav .left-icon i{cursor:pointer}.flip-book .bottom-nav .right-icon{color:#fff;font-size:30px;margin-left:10%}.flip-book .bottom-nav .right-icon i{cursor:pointer}.book-page,.flipbook-container{position:relative;height:100%}.book-page{width:100%;background:#fff;text-align:center}.book-page img{height:100%}.even .gradient{background:-webkit-gradient(linear,left top,right top,color-stop(.95,transparent),color-stop(1,rgba(0,0,0,.2)));background-image:-webkit-gradient(linear,left top,right top,color-stop(95%,transparent),to(rgba(0,0,0,.2)));background-image:linear-gradient(left,transparent 95%,rgba(0,0,0,.2))}.even .gradient,.odd .gradient{position:absolute;top:0;left:0;width:100%;height:100%}.odd .gradient{background:-webkit-gradient(linear,right top,left top,color-stop(.95,transparent),color-stop(1,rgba(0,0,0,.15)));background-image:-webkit-gradient(linear,right top,left top,color-stop(95%,transparent),to(rgba(0,0,0,.15)));background-image:linear-gradient(right,transparent 95%,rgba(0,0,0,.15))}.phone-book{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.phone-book .book-page img{width:100%;height:auto}