.logo{text-align:center;color:#acacac;padding:.5rem 0;font-size:1.5rem}.logo img{height:4rem;border-radius:50%}.menu{position:fixed;left:0;top:0;width:15rem;height:100vh;background-color:#f1f1f1;box-shadow:0 0 1rem #fdfdfd;border-radius:5px}.menu div img{width:1rem;height:1rem;vertical-align:middle;line-height:1.5rem}.menu div{transition:all .5s;background-color:#7ab3c7;cursor:pointer;color:#fff;margin-top:.1rem}.menu div:hover{background-color:#1c79bf}.menus{padding:.5rem 1rem}.menuItem{padding:.5rem 3.2rem}.active{background-color:#4a9deb!important}.userinfor{position:fixed;bottom:0;height:2rem;line-height:2rem;background-color:#e0ffff;box-shadow:0 0 10px #cbcbcb;width:100%;left:0}@media (max-width:600px){.txt_align{text-align:center}}@media (min-width:600px){.txt_align{padding-left:2rem;text-align:left}}html{font-size:14px}*{margin:0;padding:0;list-style:none;font-family:microsoft yahei}textarea{resize:none;vertical-align:middle;height:4rem}input[type=date],input[type=password],input[type=text],option,select,textarea{transition:all .5s;border:1px solid #ccc;border-radius:3px;padding-left:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline:none;-webkit-appearance:none}.content_head select,.login select{border:1px solid #66afe9;padding-right:.2rem}input[type=date],input[type=password],input[type=text],option,select{height:1.5rem;line-height:1.5rem;vertical-align:middle}input[type=date],input[type=password]:focus,input[type=text],select:focus,textarea:focus{-webkit-appearance:none;border:1px solid #66afe9;box-shadow:0 0 8px rgba(102,175,233,.6)}.red{color:red}.gray{color:#878787}.disabled{color:#fff!important;background-color:#878787!important}p>button.buttonSamll{margin-right:.3rem}.button{padding:.3rem 1rem;font-size:1rem}.button,.buttonSamll{-webkit-appearance:none;border-width:0;border-radius:3px;background:#1e90ff;cursor:pointer;outline:none;font-family:Microsoft YaHei;color:#fff;vertical-align:middle}.buttonSamll{padding:.2rem .3rem;font-size:.5rem}.add{background-color:#5a0!important}.err{color:red}.err,.green{font-size:.5rem}.green{color:green}.content{background-color:#fff;border-radius:5px;padding:.5rem;margin-top:.5rem}.content table{border-collapse:collapse;border-spacing:0;margin:1rem auto;min-width:90rem;max-width:100rem}.content_body{min-height:50rem}.borrowBooks,.returnBooks{text-align:left;line-height:2rem}.returnBooks{min-height:10rem}td .borrowBooks,td .returnBooks{border-bottom:1px solid green}.content table>thead>tr{background-color:rgba(0,85,255,.7);transition:all .5s;color:#fff}.content tr>td,.content tr>th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:.5rem 1rem}.content table>tbody>tr:nth-child(2n){background-color:hsla(0,0%,91%,.7)}.content table td img{width:10rem;height:auto;vertical-align:middle}.content table tr{border:1px solid rgba(124,177,177,.7);line-height:3rem}.content table tr td{padding:0 .5rem}.content_head select{width:10rem;text-align:right;margin-right:.5rem;height:2rem}.content_head p{line-height:2.5rem}.content_body .search,.content_head .search{width:20rem;height:2rem}tbody>tr:hover{background-color:rgba(85,170,255,.7)!important;transform:scale(1.005);color:#fff!important;font-weight:500;cursor:pointer}.multilineText{width:60rem;white-space:normal;word-break:break-all;text-align:left;line-height:1.3rem;padding:.5rem}.foot_pages{text-align:center;height:3rem;line-height:3rem}.foot_pages span{padding:0 1rem}.foot_pages select{width:4rem;text-align:center;margin-right:.5rem;height:2rem}.content .button{margin-left:.3rem}.booksMangement,.edit{width:97vw;height:100vh;display:flex;position:fixed;top:0;left:0;background-color:transparent;justify-content:center;align-items:center;z-index:1000}.booksMangement>div,.editInfor>div{display:grid;line-height:2rem;margin:0 auto;grid-template-columns:6rem minmax(20rem,auto);justify-content:center;align-items:flex-start;grid-gap:.5rem;width:60rem}.booksMangement>div>div:nth-child(odd),.editInfor>div>div:nth-child(odd){text-align:right}.booksMangement>div>div:nth-child(2n),.editInfor>div>div:nth-child(2n){text-align:left;padding-left:.5rem}.booksMangement>div>div:nth-child(2n) span,.editInfor>div>div:nth-child(2n) span{display:inline-block;margin-left:.2rem}.booksMangement>div,.edit>div,.editInfor>div{background-color:#f1f1f9;box-shadow:0 0 10px #e8e8e8;border-radius:.3rem;padding:1rem 2rem}.edit>div div,.edit>div p{padding:.5rem 1rem}.edit>div div:last-child,.edit>div p:last-child{text-align:center}.edit>div p:last-child button:nth-child(2){margin-left:2rem}.booksMangement input[type=checkbox],.booksMangement input[type=radio],.edit p input[type=radio]{margin:0 .2rem;cursor:pointer}.booksMangement input[type=number],.booksMangement input[type=text],.booksMangement textarea,.editInfor input[type=number],.editInfor input[type=text],.editInfor textarea,.edit p input[type=text],.edit p textarea{width:15rem}.booksMangement select,.editInfor select,.edit p select{width:15.4rem}.booksMangement textarea,.editInfor textarea,.edit p textarea{vertical-align:top;height:10rem}.booksTextArea{height:4rem!important;width:35rem!important}.editInfor{display:flex;justify-content:center;align-items:center}.editInfor input[type=radio]{vertical-align:middle}.left{text-align:left!important}.right{text-align:right}.lineHeight_2{line-height:2rem}.bookBaseInfor,.bookInfor{grid-template-columns:5rem 1f}.bookBaseInfor,.bookInfor{display:grid;grid-gap:.2rem;line-height:1.5rem;justify-content:center}.bookBaseInfor div:nth-child(2n),.bookInfor div:nth-child(2n){text-align:left;white-space:normal;word-break:break-all;overflow:hidden}@media (min-width:1500px){.login{background-color:#fff;border-radius:1rem;padding:2rem .1rem;box-shadow:0 0 5px #a9a9a9;width:35rem}.login_button{width:14rem}.login>P input[type=password],.login>P input[type=text],.login>P select{width:16rem}}@media (min-width:1081px) and (max-width:1499px){.login{background-color:#fff;border-radius:1rem;padding:2rem .1rem;box-shadow:0 0 5px #a9a9a9;width:35rem}.login>P input[type=password],.login>P input[type=text],.login>P select{width:16rem}.login_button{width:14rem}}@media (min-width:768px) and (max-width:1080px){.login{background-color:#fff;border-radius:1rem;padding:2rem .1rem;box-shadow:0 0 5px #a9a9a9;width:35rem}.login>P input[type=password],.login>P input[type=text],.login>P select{width:16rem}.login_button{width:14rem}}#message{justify-content:center;align-items:center;width:98vw;height:100vh;z-index:1000;top:0;left:0}#message>div{box-shadow:0 0 5px hsla(0,0%,86.7%,.7);border-radius:5px;border:1px solid #a9c9e2;background:#e8f5fe}#message>div>p{line-height:2rem;font-family:microsoft yahei}#message>div>p:first-child{padding:1rem;letter-spacing:.1rem;font-size:.8rem;color:#969696}#message>div>p:nth-child(2){padding:1rem;font-size:1rem;color:#989898;letter-spacing:.3rem}#message>div>p:nth-child(3){padding-left:1rem;font-size:2rem;padding:1rem}#app{max-width:100vw;min-height:98vh;background-image:linear-gradient(0deg,#a0c8e1,#fff);display:flex;justify-content:center;align-items:center;padding-bottom:2rem}.login{box-shadow:0 0 10px 2px #cfcfcf;background-image:linear-gradient(0deg,#d4e7ff,#fff)}.login-button:hover{background:#59f}.login>P{text-align:center;padding:1rem}.message{height:1rem}.head_title{letter-spacing:.2rem;font-size:1.5rem;height:2.5rem;line-height:2.5rem}