html { font-size: 100%; }
body { font-size: 1rem; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; background-color: rgb(249, 249, 249); color: rgb(49, 49, 49); }
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; }
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td { margin: 0px; padding: 0px; }
a { text-decoration: none; color: rgb(8, 172, 238); }
[class^="icon-"], [class*=" icon-"] { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icomoon !important; }
.boxs { border: 1px solid blue; background-color: rgba(255, 0, 0, 0.2); color: blue; }
.header { z-index: 9990; position: fixed; top: 0px; left: 0px; width: 100%; height: 44px; line-height: 44px; text-align: center; border-bottom: 1px solid rgb(238, 238, 238); background-color: white; }
.header .btn-left { position: absolute; top: 0px; left: 0px; padding: 12px 20px; line-height: 22px; }
.header input { position: absolute; top: 8px; left: 20%; width: 60%; padding: 6px 0px; border: 1px solid rgb(24, 180, 254); border-radius: 8px; text-align: center; outline: none; appearance: none; }
.header .btn-right { position: absolute; top: 0px; right: 0px; padding: 0px 20px; color: rgb(24, 180, 254); }
.bookshelf { width: 100%; height: 100%; padding-top: 48px; }
.book-item { display: inline-block; margin: 6px 13px; width: 100px; }
.book-dover { position: relative; width: 100px; height: 152px; box-shadow: var(--el-box-shadow-light); transform: scale(0.9) perspective(90px) rotateY(-1deg) translateX(-1px); transition: transform 0.4s ease-out 0s; }
.book-dover:hover, .book-cover:hover { transform: scale(1); }
.book-dover::before { box-sizing: border-box; content: ""; z-index: 2; position: absolute; top: 0px; right: 2px; display: inline-block; border-left: 2px solid rgba(0, 0, 0, 0.333); border-radius: 2px 0px 0px 2px; height: 100%; }
.book-dover::after { box-sizing: border-box; content: ""; z-index: 0; position: absolute; top: 3%; left: -3px; display: inline-block; border: 1px solid rgb(222, 222, 222); border-radius: 9px; width: 10px; height: 93%; background-color: rgb(236, 235, 235); }
.book-img { position: absolute; z-index: 1; border-left: 2px solid rgba(0, 0, 0, 0.533); border-radius: 6px; width: 100%; height: 100%; object-fit: cover; }
.book-name { opacity: 0.8; display: -webkit-box; margin: 8%; text-align: center; border: 1px solid rgb(0, 105, 144); border-radius: 10px; color: rgb(0, 105, 144); cursor: pointer; width: 90%; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.book-describe { text-align: center; font-size: 0.75em; }
.book-txt {font-size:1em;margin-top:-1.2em;position: absolute;}
.dook{ transform: scaleX(-1); }