.search{display:flex;height:50px;border:1px solid #1792fc}.search .input-warp{position:relative;flex:1}.search .input-warp input{width:100%;height:100%;padding-left:20px;font-size:16px;outline:none;border:none}.search .input-warp input:valid+.clear-btn{display:block}.search .input-warp input::-moz-placeholder{color:#bdbdbd}.search .input-warp input::placeholder{color:#bdbdbd}.search .input-warp .clear-btn{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:20px;cursor:pointer}.search .search-btn{display:flex;align-items:center;justify-content:center;width:142px;height:100%;color:#fff;background:#1791fc;font-size:18px;cursor:pointer}.side-menu{width:260px;color:#333;border-radius:4px;border-bottom:1px solid #ffffff;background-color:#fff}.side-menu .header-host{display:flex;align-items:center;justify-content:space-between;height:50px;padding-right:12px;border-radius:3px 3px 0 0}.side-menu .header-host .header-title{font-size:18px;font-weight:700}.side-menu .header-host:hover{color:#1792fc}.side-menu .order{display:none;height:0}.side-menu .header-order{display:flex;align-items:center;height:44px;padding:12px;border-radius:3px 3px 0 0;cursor:pointer}.side-menu .header-order .title{flex:1;margin-left:12px;font-weight:700}.side-menu .header-order:hover{color:#1792fc}.side-menu .menu{height:0;display:none;background-color:#fff}.side-menu .menu .kind{display:flex;align-items:center;justify-content:flex-start;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;padding:6px 40px;color:#333}.side-menu .menu .kind .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-menu .menu .kind:hover,.side-menu .active{color:#1792fc}.side-menu .expand{display:block;height:auto}.side-menu .rotate{transform:rotate(90deg)}.ellipse{width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.rate{align-items:flex-end!important}.rate .el-rate__item .el-rate__icon{font-size:24px;margin-right:2px;vertical-align:bottom}.rate .el-rate__text{align-self:flex-end;margin-left:4px;font-size:16px;font-weight:700;color:#ff9c00}.essay{display:block;width:518px;max-height:256px;padding:24px;background-color:#fff;border-radius:2px;box-shadow:4px 4px 8px #f1ecec,-4px -1px 8px #f1ecec;overflow:hidden;margin-top:24px}.essay .header{display:flex;align-items:center}.essay .header .title{flex:1;width:0;margin-left:4px;color:#333;font-size:20px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.essay .main{display:flex;margin-top:14px}.essay .main .cover{width:122px;height:130px;margin-right:12px}.essay .main .doc{flex:1;display:flex;flex-direction:column;justify-content:space-between}.essay .main .doc .source{display:flex}.essay .main .doc .source span:first-child{color:#888}.essay .main .doc .source span:last-child{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}.essay .main .doc .content{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-indent:2em;font-size:14px;color:#333;margin-top:12px}.essay .main .doc .info{display:flex;align-items:flex-end;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.essay .main .doc .info .read,.essay .main .doc .info .page{color:#888;font-size:14px}.essay .main .doc .info .score{display:flex;align-items:center}.essay .main .doc .info .score .start{margin:0 4px -8px 0;color:#ff9c00;font-size:24px}.essay .main .doc .info .score .count{margin-bottom:-12px;color:#ff9c00;font-weight:700}.book-list{display:flex;margin:24px auto;width:var(--website-content-width)}