@charset "utf-8";
/* CSS Document */


.per_left{ width: 38%;}
.per_right{ width: 57%;}

.per_info{ margin: 40px 0 30px;}
.per_info h1{font-size: 34px; padding-right: 15px; line-height: 36px; border-right: 1px solid #cdcdcd; margin-right: 20px;}
.per_info p{ color: #0d6efd; line-height:21px;}
.per_right a{ color: #0d6efd;}
.per_right .per_book{ margin: 35px 0;}
.fz24{ font-size: 24px; margin-bottom: 25px; line-height:24px;}
.per_right .fz24{ padding-left: 15px;  border-left: 4px solid #0d6efd;}
.per_right .per_book h3{ font-weight: bold; font-size: 14px; margin-bottom: 20px;}
.per_right .per_book li:first-child{ padding-bottom:25px; border-bottom: 1px solid #e8e8e8; margin-bottom:25px;}

.book_left { width: 23%; padding-top:35px; position:sticky; top:0; padding-right:40px; max-height:calc(100vh - 100px); overflow-y:auto;}
::-webkit-scrollbar{ width:8px; border-radius:4px;}
::-webkit-scrollbar-track{ background:#efefef;}
::-webkit-scrollbar-thumb{ background:#c0c0c0; border-radius:4px;}
.book_left a.back{ font-size: 16px;}
.book_left a.back:hover{ color:#0d6efd;}
.book_left .left_search{ border: 1px solid #c0c0c0; border-radius: 6px; padding: 0 15px 0 40px; background: url(../images/ss.png) no-repeat 10px center; background-size:20px; margin:20px 0 40px;}
.book_left .left_search input{ line-height: 36px; width:100%; font-size:14px;}
.book_left .book_name{ margin-top: 35px;}
.book_left .book_name a{ font-size: 18px; color: #0d6efd; margin-top: 35px;}
.book_nav h3{ font-weight: bold; font-size: 18px; margin-bottom: 18px;}
.fz16{ font-size: 16px;}
.book_nav a{ display: block;}
.book_nav .fz16{margin-bottom: 14px;}
.book_nav li{margin-bottom: 30px;}
.book_nav li dt{ margin-bottom: 20px;}
.book_nav li dt a{ margin-bottom: 12px;}
.book_nav a:hover,.book_nav li dt a.act{ color:#0d6efd;}

.book_center{ width: 50%; margin: 0 50px; padding-top: 35px;}
.book_center .posi{ margin-bottom: 35px;}
.book_center .posi a{ color: #0d6efd;}
.book_center .posi a:nth-child(-n+3){ display:none;}
.book_center .posi a:last-child{ color:#333;}
.book_center h1{ font-size: 28px; margin-bottom: 45px; font-weight:bold;}
.chap_des{ margin-bottom: 45px;}
.bookbox .fz24{padding-bottom: 20px; position: relative; border-bottom: 1px solid #e5e5e5;}
.bookbox .fz24:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 50px; content: ''; background: #0d6efd;}
.bookbox .book_item{margin-bottom: 45px;}
.bookbox .book_item li{ list-style: unset;}
.bookbox .book_item .book_intro{ width: 52%;}
.bookbox .book_cover{ width: 40%; box-shadow:0 0 8px rgba(0,0,0,.14);}
.book_content em{ font-style: italic;}
.book_right{ width: calc(27% - 100px); padding-top:30px; position:sticky; top:0;}
.book_right h3{ font-size: 18px; font-weight: bold; margin-bottom: 28px;}
.right_nav ul{ border-left: 2px solid #ececec;}
.right_nav ul li{ margin: 9px 0; padding-left:20px; position:relative;}
.right_nav ul li:after{position:absolute; width: 2px; background:#0d6efd; content:''; height:0; left:-2px; top:0; transition:.2s ease;}
.right_nav ul li.cur a,.right_nav ul li:hover a{ color:#0d6efd;}
.right_nav ul li.cur:after,.right_nav ul li:hover:after{ height:100%;}
.right_nav{margin-bottom: 50px;}
.book_center img{ max-width: 100%!important;}
.book_center .book_item table td{ border: 1px solid #c7c7c7;}
.book_center .chap_des table td{ border: 1px solid #c7c7c7;}
.com_book a{ display: block; padding-left: 15px; margin-bottom:15px;}
.com_book a:hover{ color:#0d6efd;}

.book_top{ display: none;}

@media (max-width: 768px){
.per_left{ width:100%; float:none; margin-bottom:30px;}
.per_right{ width: 100%; float: none;}
.book_top{ display: flex; position:fixed; height:48px; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #c0c0c0; z-index:9; font-size:13px; padding:0 2%;}
.book_top i{ font-size: 20px;}
.book_top .book_name{ font-size: 20px; margin: 0 auto;}
.book_center{ width: 100%; margin: 60px 0 0;}
.book_left{ display: none;}
.book_right{ display: none;}
.top_search{position: fixed; width: 100%; height: 60px; top: 0; right:-100%; overflow: hidden; background: #fff; z-index: 10; transition:.3s ease; border-bottom:1px solid #c0c0c0; padding:0 15%;}
.top_nav{ width: 320px; position: fixed; background: #fff; top: 0; left: -320px; transition:.3s ease; z-index: 10; height:100vh; overflow-y:auto; box-shadow:0 0 8px rgba(0,0,0,.3);}
.top_nav .book_nav{padding: 20px 0 0 25px; }
.top_nav .book_nav a.back{ color: #0d6efd; font-size: 16px; margin-bottom: 20px;}
.top_nav .close{ position: absolute; right: 25px; top: 25px;}
.top_search form{ width: 100%; border-radius: 5px; border: 1px solid #c0c0c0; overflow:hidden;}
.top_search form input.inp{line-height: 36px; padding: 0 10px; width:calc(100% - 48px); margin-right:auto;}
.top_search i.close{position: absolute; right: 4%; top: 18px; font-size: 20px;}
.top_search form input.sub{ width: 36px; height:36px; background: url(../images/ss.png) no-repeat center;}
}