@charset "utf-8";
/*================== 图书管理 book ==================*/
/* Book Nha-a */
.nha_ba{ padding-top: 40px; padding-bottom: 40px; height: 80px; }

.nha_baa{ width: calc(100% - 120px); }
.nha_baa form{ width: 39%; min-width: 320px; }
.nha_baa input[type="text"]{ width: calc(100% - 10px); }

.nha_bab{ position: relative; width: 120px; }
.nha_bab span{ display: block; text-align: right; }
.nha_bab span i{ display: inline-block; width: 32px; height: 32px; line-height: 34px; text-align: center; cursor: pointer; }
.nha_bab ul{ display: none; position: absolute; top: 32px; left: 0px; right: 0px; padding: 1rem 2px; background-color: #fff; border-radius: 5px 0px 5px 5px; box-shadow: -1px 1px 2px #ddd; z-index: 300; }
.nha_bab ul li{ height: 2.3rem; line-height: 2.3rem; text-align: center; font-size: 0.9rem; border-bottom: 0.5px solid #f3f3f3; cursor: pointer; }
.nha_bab ul li i{ margin-right: 5px; font-size: 0.9rem; }
.nha_bab ul li:hover{ color: #1c337d; background-color: #f7fafc; }
.nha_bab_act{ color: #fff; background-color: rgba(28,51,125,0.8); }

/* Book Nha-b */
.nha_bb{ padding-top: 10px; padding-bottom: 0px; background-color: #fff; }

/* Book Nha-c */
.nha_bc{ padding-top: 10px; padding-bottom: 30px; background-color: #fff; }
.nha_bca{ height: 30px;  }
.nha_bca a{ margin-right: 10px; color: #aaa; font-size: 0.9rem; }
.nha_bca a:before{ content: "<"; margin-right: 5px; font-family: "SimHei"; }
.nha_bca a:hover{ color: #1c337d; }
.nha_bca u{ color: #aaa; font-size: 0.9rem; }
.nha_bcb{  }
.nha_bcb li{ position: relative; margin: 0px 40px 30px 0px; width: calc((100% - 120px)/4); max-height: 297px; background-color: #f7fafc; border-radius: 3px; overflow: hidden; border: 0.5px solid #eee; }
.nha_bcb li:nth-child(4n){ margin-right: 0px; }
.nha_bcb li a{ z-index: 200; }
.nha_bcb li span{ position: absolute; bottom: -90px; left: 0px; right: 0px; padding: 1rem; background-color: rgba(28,51,125,0.8); z-index: 100; filter:Alpha(opacity=0); opacity: 0; }
.nha_bcb li span h4{ margin-bottom: 6px; color: #fff; font-size: 0.9rem; -webkit-line-clamp: 1; }
.nha_bcb li span p{ padding-left: 5px; line-height: 1.36rem; color: #eee; font-size: 0.8rem; -webkit-line-clamp: 2; }

.nha_bcb li:hover a{ background-color: rgba(0,0,0,0.1); }
.nha_bcb li:hover span{ filter:Alpha(opacity=0); opacity: 1; bottom: 0px; }

.nha_bcc{  }

.nha_bd{ padding-top: 30px; padding-bottom: 30px; background-color: #fff; }
.nha_bd div{ border-radius: 3px; overflow: hidden; }
.nha_bd_act{ background-color: rgba(0,0,0,0.2); }
.nha_bd_act a{ color: #fff !important; background-color: rgba(28,51,125,1) !important; }

.nha_be{ padding-top: 30px; padding-bottom: 60px; background-color: #fff; }
.nha_be h3{ margin-bottom: 3rem; height: 13px; text-align: center; border-bottom: 0.5px solid rgba(28,51,125,0.136); }
.nha_be h3 span{ padding: 8px 16px 8px 18px; letter-spacing: 2px; color: rgba(28,51,125,0.8); font-size: 1.2rem; background-color: #fff; }
.nha_be ul{}
.nha_be li{ margin-right: 60px; padding: 1rem 0; width: calc((100% - 60px)/2); border-bottom: 0.5px solid #eee; }
.nha_be li:nth-child(2n){ margin-right: 0px; }
.nha_be li a{ display: inline-block; width: calc(100% - 5rem); }
.nha_be li u{ float: right; margin-top: 2px; font-size: 0.86rem; }
.nha_be li:hover a{ padding-left: 6px; }

/*================== 阅读文件 read ==================*/
/* Read Nhb-a */
.nhb_ba{ padding-top: 40px; padding-bottom: 10px; background-color: #fff; }
.nhb_ba p{ padding: 23px 1rem; background-color: #d4effa; border-radius: 3px; }

/* Read Nhb-b */
.nhb_bb{ padding-top: 30px; padding-bottom: 10px; background-color: #fff; }
.nhb_bb dl{  }
.nhb_bb dt{ margin-right: 50px; width: 250px; height: 300px; border-radius: 3px; overflow: hidden; box-shadow: 0px 0px 5px #eee; }
.nhb_bb dd{ position: relative; width: calc(100% - 300px); height: 300px; }
.nhb_bb dd h3{ padding-bottom: 1rem; }
.nhb_bb dd h6{ padding: 0px 0px 10px 8px; font-size: 0.86rem; font-weight: normal; }
.nhb_bb dd h6 *{ vertical-align: middle; }
.nhb_bb dd h6 b{ margin: 0px 5px 0px 2rem; font-weight: 300; }
.nhb_bb dd h6 b:first-child{ margin-left: 0px; }
.nhb_bb dd h6 u{ color: #666; }
.nhb_bb dd h6 u i{ display: inline-block; padding: 0px 1px 2px 1px; font-size: 0.76rem; }
.nhb_bb dd h6 u .icon-pingfen_xuanzhong{ color: orange; }
.nhb_bb dd h6 u .icon-pingfenxingxing{ color: #e1e1e1; }
.nhb_bb dd p{ padding-left: 8px; line-height: 1.72rem; font-size: 0.96rem; -webkit-line-clamp: 8; }
.nhb_bb dd h5{ position: absolute; bottom: 3rem; left: 8px; right: 0px; }
.nhb_bb dd h5 *{ display: inline-block; vertical-align: bottom; }
.nhb_bb dd h5 b{ padding-bottom: 5px; font-size: 0.9rem; font-weight: 400; }
.nhb_bb dd h5 i{ padding-bottom: 5px; margin: 0px 5px 0px 1rem; color: #FF3300; font-size: 0.8rem; }
.nhb_bb dd h5 u{ color: #FF6600; font-size: 2rem; font-weight: 400; font-family: "Impact"; }

.nhb_bb dd span{ position: absolute; bottom: 0px; left: 8px; right: 0px; }
.nhb_bb dd span em{ display: inline-block; margin: 0px 1rem 5px 0px; padding: 4px 1rem; font-size: 0.86rem; background-color: rgba(28,51,125,0.1); border-radius: 2rem; cursor: default; }
.nhb_bb dd span em:hover{ background-color: rgba(28,51,125,0.3); }

/* Read Nhb-c */
.nhb_bc{ padding-top: 30px; padding-bottom: 60px; background-color: #fff; }

.nhb_bca{ width: calc(100% - 300px); background-color: #f7fafc; }
.nhb_bcaa{ margin-bottom: 1rem; padding-top: 1.5rem; }
.nhb_bcaa h3{ display: inline-block; padding: 10px 2rem; color: rgba(255,255,255,0.5); font-size: 1.1rem; font-weight: 300; letter-spacing: 3px; background-color: rgba(28,51,125,0.9); border-radius: 0px 5px 5px 0px; }
.nhb_bcab{ line-height: 2rem; }
.nhb_bcab h4{ padding: 5px 1rem; font-size: 1rem; font-weight: 400; cursor: pointer; }
.nhb_bcab h4 i{ float: left; margin-right: 3px; }
.nhb_bcab ul{ display: none; padding: 6px 0.5rem 10px 2rem; font-size: 0.96rem; cursor: default; }
.nhb_bcab li{ padding: 0 0.5rem 0 1rem; }
.nhb_bcab u{ float: right; margin-right: 5px; color: #aaa; }

.nhb_bcab h4:hover{ color: #eee; background-color: rgba(28,51,125,0.8); }
.nhb_bcab li:hover{ background-color: rgba(28,51,125,0.2); }

.nhb_bcb{ margin-left: 30px; width: 270px; }
.nhb_bcba{ margin-bottom: 2rem; border-radius: 3px; overflow: hidden; }
.nhb_bcba a{ background-color: rgba(255,255,255,0.1); }

.nhb_bcbb{  }
.nhb_bcbb dl{ padding: 1rem 0px; border-bottom: 0.5px solid #eee; }
.nhb_bcbb dt{ margin-right: 10px; width: 70px; }
.nhb_bcbb dd{ width: calc(100% - 80px); height: 100px; cursor: default; }
.nhb_bcbb dd h5{ margin-bottom: 8px; font-size: 0.9rem; }
.nhb_bcbb dd p{ padding-left: 5px; line-height: 1.36rem; color: #888; font-size: 0.8rem;-webkit-line-clamp: 3; }