.base{background-color:#f8f8f8;min-height:100vh}.base-box{margin:0 auto;width:1250px;padding:0 20px 20px 20px}.flex-box{display:flex}.base-box-background-color{background:#fff;border-radius:2px}.base-box-background{background-color:#f8f8f8}.center-box{display:flex;justify-content:center;align-items:center}@media screen and (max-width:1400px){.base-box{width:calc(100vw - 70px);margin:15px}}.books{min-height:100vh}.books-box{width:85%;display:flex;background-color:#fff}.book-box,.books-box-all{width:100%;display:flex;background-color:#fff}.book-box{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.book-box>i,.book-item-box{width:170px}.book-item{background-color:#fff;text-decoration:none;color:#000;position:relative;display:block;padding:20px}.book-item-img{width:125px;height:187.5px;box-shadow:0 0 10px rgba(0,0,0,.2);margin-right:15px;border-radius:4px}.books-item-p{width:125px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px}.book-title-summary{color:#8a919f}.my-books{display:block;background-color:#fff;min-height:95px;display:flex;justify-content:center;align-items:center;font-size:1.25em;text-decoration:none;font-weight:700;color:#000}.my-books-box{border-radius:2px;margin:0 auto;text-align:center;text-justify:auto}.my-books-box-span{padding-left:8px}@media screen and (max-width:1200px){.my-books{display:none}}