@charset "utf-8";
.library_hover{
	margin-top: 0.6rem; 
	margin-left: 0.3rem; 
	margin-bottom: 1rem;
}
.library_hover .lib_text{
	font-size: 0.35rem;
	font-weight: bolder;
	color: #000000
}
.library_hover .lib_text .lib_text_edit{
	display: inline-block;
    float: right;
    font-size: 0.22rem;
    margin-right: 0.1rem;
    line-height: 0.5rem;
    color: #5233d6;
}
.library_hover .lib_text img{
	display: inline-block;
	vertical-align: middle;
}
.library_hover .lib_hover{
	margin-top:0.3rem;
}
.library_hover .lib_hover ul{
    width: 100%;
	display: inline-block;
}
.library_hover .lib_hover ul li{
	float: left;
    width: 30%;
    font-size: 0.24rem;
    margin-right: 0.19rem;
    margin-bottom: 0.2rem;
}
.library_hover .lib_hover .lib_hover_title{
	font-size: 0.15rem;
	margin-top:0.1rem;
	margin-bottom: 0.1rem;
	color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.library_hover .lib_hover img{
	border-radius: 0.1rem;
	box-shadow: 4px 4px 10px #eaeaea;
    border: 0rem solid #eaeaea;
    width: 28.6vw;
	height: 39.56vw;
}

.lib_hover > ul > li > div {
	position: relative;
}
.book_mask {
	position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(34,34,34,.6);
    border-radius: 1.067vw;
}
.book_check-no {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVHSURBVHgB7Z3rdds6DMdhD5CTTHC5wXUnqO4GuRPUGzQbxBs0nSDtBEknsDJB2gnsTiA73xMUiMCKpiU/JJKiHr9zUKWyLIl/gk9DFMDIyMiAmEBkIKKizYzskkxVHLYW20wmk58QEa0KSuKxaNdkHyEXcQb1+Cn2RJaSyGtoieCCioifyRIxZkOWkv2GQpxNlTDixWx8Ls4EnSGXcgh//zvZY5vieoVESMiWWMB/35DV9cqya8zknPZ15tAXODFkK0lcRrYQL/V9XSXi6muvOi2s5ZG8TaAlrEzl7TV0BfY+sgfj5hOIBEvYe6mL44VzXop1sKJdB7m3uKsBurEvcpPP0ec8/K1jtbfeQixIEV/Kjd1BxzC8tX1HMHI5i7bonID0BnQVoKANLDGd9SXbAvM+bNaKqIaY7eWoB1pJl+WZCnqGpE97qv9eilTe2IdiXoVR/JfgE+5eiJg30HNkEMB8AR8YF1jAQOBuoKTZ7VDVrKxhYEgVlzmtTzEf92IfG6FjGI3UA7gA8/H5oIq6jTGaSqApQy3qJpgPr1eNW32jIZrDwMF8freZFqN37oL5JFA9PUbv3Mfw0gTOpVFu9JhaIyjpKvRuRJRlmSJr1J80WvzTz4PF/KCCHsBCvry8LLfbLbLR3w+8D2ogLX5lN3JS8aVnyAMN/oOOw8JNp1MuosrcT2lLLy4uaqVPF/kyfaYlByvIozB+QMepEpPBZp101iYpK/bTkoMT2abQYQ6JKWygPqls9yZNygTlOKHootrO4QQx4e3t7SvURLThDPlof1YmKBf3vov5/erqagHNSKEkWrBK0CfoIGeIOYfmcKTgYUGx+Fmjcx4aWEzmXSPS7B9zp+2hutVqUmFX4qJjXXXewGIy2uk+mDttQZVsnQ45dceaEr0iy+jve1fCtiQmo51uJx2lglIr9hscwgk2+3084cL7moraophgREYrc/8UPCNDPFXy0ayJqG2KeQjvgh6hlqixisl4F5QSteZx84FDzhI1ZjGZIB76+vr6Pxzuip0kauxiMkEEpQRuKKE8M1Nb1C6IydiCrvkfu7PqgiaixiimMVe8Nvfbguq+1RV4oI6oEXumku3a3GkLqhPqLbLuTFFnERfz0lHljqBGZ9VrqOIZovIvB6rqgJbrzHeN7GnOskaJD1DgmRNFrSSCBojnQvfuvUzQX1AyceqDuqLG0JpDxbxxmaAp2SUGilA+V9QYxBRtuA7dmzcuE/RRtgkE4lRRI/FMJpFtan9Q9TNy5c+kPuGukrTqe6UjIjG1Ppekz4dTv3B+dIQjWNTtdvusgxLYaN83iIRaUTXHoiNCQCLOyRZkCURE7agaCRbLYGSH2oG3jUL3ekrjEE90EQbdIxoHIBs5ksDAQVcByDrwFiNdnSEU6Co83qhLFzBQsHgk8xpcgPmiLL18+vgYRr/zHlwh/dJMAnEHBfp6fh6LJ+r8PJ0bIUZRn4MPsHg69xP0HErj5yBthx5BYf8XIMAgVRwWzz0OYYkMBSHAcREXrxcflxlyeBNaVOb0+cHI4Ea2dTGNm2FR9Uo5t9AxsFizb4kxDa9xd8VDBZFjOcIdxAjurs8ZpbdKL+UWi2U53YzPfSE5/83w1jlEAuYTPTrDH6Iq4sfAfKi6ikFYjGj54sbg/vrHNyHqWKtoR1daGiPCai/RnhJq2fUEAtHGiwEU5E/x8gSLFpNDAjlq5Em2/P/1kRcD6JcC/At5cFsCRYhhKue6o3NsICDBBTURYRIxFsbFqyseQ4to0qqgZWARiKXg8MtV3r26t6+mGBkZ6QJ/AEWEz55AHHngAAAAAElFTkSuQmCC);
}
.book_check-yes {
    background-image: url(data:image/png;base64,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);
}
.book_check-no, .book_check-yes {
    position: absolute;
    top: 32vw;
    right: 1.333vw;
    z-index: 99;
    width: 6.667vw;
    height: 6.667vw;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    border-radius: 6.667vw;
}
.edit-bar_bar-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 13.333vw;
    background-color: #fff;
    box-shadow: 0 -1px 1.067vw hsl(0deg 0% 82% / 50%);
    transform: translateZ(0.533vw);
}
.edit-bar_bar-cancel {
    border-right: 1px solid #e1e1e1;
}
.edit-bar_bar-remove {
    color: rgba(34,34,34,.4);
}
.edit-bar_purple {
    color: #7187ff;
}
.edit-bar_bar-cancel, .edit-bar_bar-remove {
    display: inline-block;
    width: 50%;
    height: 5.333vw;
    font-size: 4.267vw;
    text-align: center;
}