.Main {align-items: flex-start; max-width: 1240px; margin: 0 auto; padding-top: 52px;}
.detail {display: flex;}
.BookMain * {box-sizing: border-box;}
.detail .Card{margin:10px auto 0;background:#fff;overflow:hidden;border-radius:2px;box-shadow:0 1px 3px rgba(26,26,26,.1);box-sizing:border-box;}
.detail .Card .Card-header{padding-left: 20px;display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 20px;border-bottom:1px solid #f6f6f6;box-sizing:border-box;}
.detail .Card .Card-text { display: flex;width: 100%;font-size: 16px; font-weight: 600;}
.Card .BookItem a {display:block;}
.Card .BookList .ImageWrapper {position: relative;flex-shrink: 0;}
.BookList .BookItem .Wrapper {position: relative;flex-shrink: 0;overflow: hidden;border-radius: 6px;-webkit-transform:rotate(0deg);}
.BookList .ImageWrapper .Holder {border-radius: inherit; background: #f0eff5;}
.Card .ImageWrapper img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: inherit;font-size: 12px;color: #aaa;white-space: nowrap;text-overflow: ellipsis;object-fit: cover;overflow: hidden;}
.Card .BookList .CornerText {position: absolute;top: -38px; right: -1px; width: 98px; height: 30px; line-height: 30px;transform: rotate(45deg) translate(51%,58%);font-size: 12px;text-align: center;letter-spacing: .05em;text-indent: .05em;color: #fff;background: #fe6270;z-index: 1;}
.Card .Item-title { position:relative; margin-top:14px; margin-bottom:9px; font-weight:500; font-size:16px; line-height:22px; color:#222;}
.Card .PubAnchor{transform: translateY(-60px);}
.Card .BookItem .Item-authors {margin-bottom: 12px;line-height: 1;}
.Card .BookItem .Item-promotion{ display: block; display: flex;line-height: 1; }  
.Card .BookItem .Item-value{order: 2;text-decoration: line-through;}  
.Card .BookItem .Item-price{ margin-right: 12px;color: #f75659;}
.Card .Class-Header{min-height:48px;align-items: center; border-bottom: 1px solid #f0f2f7; background: #fff; z-index: 2;}
.Card .Tabs .Tabs-link{position: relative;display: inline-block; padding: 14px 0;cursor: pointer;}
.Card .Tabs .is-active{font-weight: 600;}
.Tabs-item a.is-active::after {position: absolute;right: 0;bottom: -1px;left: 0;height: 3px;background: #0084ff; content: "";}
.Main .BookMain {max-width:930px; padding-right: 10px; }
.Main .Pub-BookInfo { position: relative; display: flex; padding: 20px; color: #999;box-sizing: border-box;}
.Pub-BookInfo .CoverWrap {width: 177px;height: 236px;margin-right: 20px;border-radius: 4px;}
.Pub-BookInfo .CoverWrap:before{content: "";position: absolute;left: 0;top: 0;background: rgba(0,0,0,.03);z-index: 1;pointer-events: none;}
.Pub-BookInfo .CoverWrap .ImageWrapper {position: relative;border-radius: 4px;}
.Pub-BookInfo h1 {width: 337px;margin-top: 4px;font-size: 20px;font-weight: 500;color: #404040;}
.Pub-BookInfo .Description {flex-direction: column; justify-content: space-between;}
.Pub-BookInfo .Description .Author {margin-top: 8px;font-size: 16px;color: #999;}
.Description .Achievement {display: flex;align-items: center;margin: 8px 5px 0 0;}
.Description .Achievement span{margin-right:5px;}
.Description .Labels {display: flex;flex-wrap: wrap;margin-top: 12px;}
.Description .Label {padding: 2px 8px;margin: 0 10px 10px 0;border-radius: 4px;background-color: #f6f6f6;font-size: 14px;}
.Description .Promption {display: flex;align-items: flex-end;vertical-align: bottom;width: 690px;}
.Description .Promption .Price {position: relative;top: -1px;}
.Promption .Price span{font-size: 15px;color: #d3d3d3;text-decoration: line-through;}
.Promption .Price .Prompt-price{margin-right: 10px;display: inline-block;margin-bottom: 0;line-height: 20px;font-size: 20px;color: #0084ff;text-decoration: none;}
.Price .Prompt-price span{font-size: 22px;color: #0084ff;}
.Pub-BookInfo .Promption .Prompt {overflow: hidden;max-width: 218px;max-height: 28px;padding: 0;margin: 0;line-height: 1.17em;font-size: 12px;background: #fff;}
.AddToShelf, .Pub-BookInfo .QrCode {position: absolute;right: 18px;top: 28px;cursor: pointer;}
.Pub-BookInfo .AddToShelf {right: 50px;}
.Pub-BookInfo .AddToShelf:hover path, .Pub-BookInfo .QrCode:hover path {fill: #0084ff;}
.Promption .Pub-Buttons{margin-left: auto;display: inline-block;}
.Promption .Pub-Buttons a.Button {display: inline-block;}
.Promption .Pub-Buttons .Button {width: 94px;padding:0;}
.Promption .Pub-Buttons .readFree { /*margin-right:30px;*/ border-color: #e6f2ff; background: #e6f2ff;color: #0084ff;}
.Promption .readFree:hover:not(:disabled) {background-color: rgba(0,132,255,.06);}
.Card .Actions {display: flex;align-items: center;padding: 15px 20px;border-top: 1px solid #f6f6f6;}
.Card .Actions .WriteComment { display: flex; align-items: center; color: #9fadc7; cursor: pointer;}
.WriteComment .Edit { margin-right: 8px;}
.WriteComment .Score {margin-left: 10px;}
.WriteComment .Score svg{fill:#d7d8d9;}
.Card .Right {display: flex;align-items: center;margin-left: auto;}
.Actions .Right .VoteButton {margin-right: 24px;display: flex; align-items: center; font-size: 14px; line-height: 24px; color: #9fadc7; cursor: pointer;}
.Actions .Right .Popover { position: relative; display: inline-block;}
.Right .Popover span{display:inline-flex;align-items:center;}
.Right .VoteButton .Zi {width: 18px;margin-right: 4px;}
.Right .VoteButton.isVoted {color: #0084ff;}
.Right .VoteButton:hover {color: #8590a6; }
.Popover button {color: #9fadc7;}
.Right .Popover button:hover {color: #8590a6; }
/*点击分享弹出框*/
.Popover-cont {width: 136px;position: relative;left: -125px;top: -39px;background: #fff;border: 1px solid #ebebeb;border-radius: 4px;box-shadow: 0 5px 20px rgba(26,26,26,.1);z-index: 203;margin-top: 16px;background-color: #fff;opacity: 0;}
.wechat-hidden{opacity: 1;}
.Popover-cont .Menu {padding: 6px 0;}
.Popover-cont .Menu .Menu-item{display: block;width: 100%;padding: 0 20px;text-align: left;cursor: pointer;box-sizing: border-box;}
.Popover-cont .Menu .Share-btn{height: 40px;font-size: 14px;color: #262626;}
.Popover-cont .Menu .noActive {cursor: default;}
.Popover-cont .Menu .wechat { padding-bottom: 12px;}
.Menu .wechat .ShareMenu{display: block;}
.Menu .wechat .Icon-wechat {fill: rgb(125, 210, 57); height: 14px; width: 14px; margin-right: 6px;}
.noActive .wechat img{display: block;width: 94px; height: 94px;}
/*简介*/
.BookMain ul.Tabs {border-bottom: 1px solid #f6f6f6;}
.BookMain .Tabs .Tabs-item{padding: 0 18px;display: inline-block;cursor: pointer;}
.TabContent {display: none;padding: 16px 0 0;}
.TabContent.Active { display: block;}
.Tabs  .Tabs-item .Active {border-bottom: 3px solid #0f88eb;font-weight: 500;}
.Summary .TabContent .Description {max-height: 300px;margin-bottom: 16px;overflow: hidden;line-height: 27px;color: #404040; padding: 0 18px;}
.TabContent .Collapse{max-height: 330px;}
.Summary .TabContent .Preface {margin-bottom: 10px;}
.Summary .TabContent .Preface p { margin-bottom: 0;}
.Summary .TabContent .ExtInfo {padding: 10px 0;border-top: 1px solid #f6f6f6;line-height: 34px;}
.Summary .TabContent .Toggle{border-top: 1px solid #f6f6f6;padding: 15px 0;text-align: center;color: #0084ff;cursor: pointer;}
.Comments  {position: relative;} 
.Comments .WriteComment {position: absolute; top: 16px;right: 20px;display: flex;align-items: center;color: #9fadc7;cursor: pointer;}
.Comments .WriteComment .Score {margin-left: 10px;}
.WriteComment .Score:hover svg path { fill: #ffab2e;}
.Comments .CommentsList {position: relative; padding: 16px 0 0;}
.CommentsList .NoComment {height: 221px;text-align: center;line-height: 221px;font-size: 18px;letter-spacing: 1px;color: #bfbfbf;} 
.TabContent .ExtInfo strong {display: inline-block;width: 130px;}
/*目录*/
.reader-chapter {overflow: hidden;}
.reader-chapter li.level-1 {position: relative;}
.reader-chapter li {margin-left: 0;padding-left: 65px;border-bottom-color: #f6f6f6;line-height: 52px;font-size: 16px;}
.reader-chapter li.level-1:before {content: "";position: absolute;top: 24px;left: 30px;display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #404040;}
.reader-chapter li a {display: flex;}
.reader-chapter li .chapter-title {flex-grow: 1;overflow: hidden;text-overflow: ellipsis;}
.reader-chapter li .chapter-trial { margin-right: 27px; color: #bfbfbf; transition: all .2s ease;}
.reader-chapter li.level-2 { padding-left: 80px;}

.reader-chapter li.tlevel-3 {padding-left: 102px;}
.reader-chapter li .chapter-tag {display: flex;flex-shrink: 0;justify-content: center;align-items: center;width: 80px;}
.reader-chapter li .chapter-tag-icon {width: 16px;color: #d3d3d3;}
.reader-chapter li.not-own SVG {margin-right: 5px;}
.chapter-trial {display: none;}
.reader-chapter li .chapter-tag-text { display: none;}
.reader-chapter li:hover .chapter-trial { display: inline-block;}
.reader-chapter li:hover {background: #f6f6f6;}
.reader-chapter li.is-not-own {color: #444;}
/*相关书籍*/
.Recommends .Card-header {display: flex;justify-content: space-between;align-items: center;height: 50px;padding: 0 20px;border-bottom: 1px solid #f6f6f6;box-sizing: border-box;}
.Card .Card-header .headerText {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;font-synthesis: style;}
.RecomList {justify-content: space-between;}
.RecomList .BookItem {flex-direction: column;width: 115px;margin: 10px 10px 20px;font-size: 13px;flex-shrink: 0;color: #8590a6;}
.Recommends .Item-cover{max-width: 113px;}
.RecomList .BookItem .Item-title {margin: 8px 0 10px;font-size: 14px;font-weight: 500;color: #1f1f1f;}
.RecomList .BookItem .Item-authors{margin-bottom: 10px;} 
.RecomList .Item-promotion .Item-price{color: #ff9607;}
.Main .SideBar {max-width: 300px;}
.detail .SideBar .AsideNavs {display: flex;flex-direction: column;color: #8590a6;height: 124px;border-bottom: 0;}
.detail .AsideNavs .NavItem {position: relative;display: flex;align-items: center;height: 40px;padding: 12px 20px 12px 0;margin: 0 0 0 20px;cursor: pointer;}
.AsideNavs .NavItem svg {margin-right: 24px;}
.AsideNavs a.NavItem:hover{color:#8590a6;}
.AsideNavs .NavItem .Icon {position: relative;width: 20px;height: 18px;margin-right: 20px;margin-left: 0;cursor: pointer;}
.AsideNavs .NavItem:after {content: "";position: absolute;bottom: 0;right: 0;display: block;width: 238px;height: 1px;background: #f0f2f7;}
.NavShelf .TotalCount {width: auto;height: 24px;padding: 0 13px;margin-left: auto;border-radius: 2px;font-size: 10px;text-align: center;line-height: 24px;background: #f6f6f6;color: #8590a6;}
.AuthorList .Card-section{padding: 16px 20px 0 20px; position: relative;overflow: hidden;}
.SideBar .AuList{max-height:336px;padding-bottom: 0;}
.SideBar .Card-section .AuthorItem {display: flex;padding: 15px 0;border-bottom: 1px solid #f0f2f7;}
.Card-section .AuthorItem:first-child {padding-top: 0;}
.Card-section .AuthorItem .AuthorInfo { display: flex; align-items: center;}
.AuthorItem .AuthorImage .Image{width: 38px;height: 38px;border-radius: 3px;}
.AuthorList .ImageWrapper img {position: absolute;left: 0;top: -18px;width: 100%;height: 100%;border-radius: inherit;font-size: 12px;color: #aaa;white-space: nowrap;text-overflow: ellipsis;object-fit: cover;overflow: hidden;}
.AuthorItem .AuthorDesc {margin-left: 50px; max-width: 140px; white-space: nowrap; color: #555;}
.AuthorDesc .AuthorBadge, .AuthorItem .AuthorName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.AuthorItem .AuthorBadge {font-size: 14px; width: 140px;color: #8590a6;}
.Card-section .ImageWrapper {position: relative;flex-shrink: 0;}
.AuthorItem .Follow { margin-left: 5px;padding: 0;height: 34px;width: 63px;background: #e6f2ff;border-color: #e6f2ff;color: #0084ff;border-radius: 3px;}
.Follow.isFollow{background: #f6f6f6;border-color: #f6f6f6;color: #bfbfbf;}
.OtherBooks a.Card-section {padding: 16px 20px; position: relative;}
.AuthorItem .Follow:hover { background-color: rgba(0,132,255,.06);}
.Card-section .AuthorItem:first-child { padding-top: 0;}
.Card-section .AuthorItem:last-child {border-bottom: none;}
.Card .Toggle {padding: 15px 0;text-align: center;color: #0084ff;cursor: pointer; border-top: 1px solid #f6f6f6;}
.OtherBooks .ListItem {display: flex;}
.OtherBooks .ListItem-image {width: 90px;height: 120px;border-radius: 4px; position: relative;flex-shrink: 0;overflow: hidden;}
.OtherBooks .ListItem-image:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: inherit;background: rgba(0,0,0,.03);z-index: 1;pointer-events: none;}
.SideBar .Card .ImageWrapper .Holder {border-radius: inherit;background: #f0eff5;}
.OtherBooks .ListItem-info .ListItem-title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.43em; max-height: 2.86em; overflow: hidden;}
.ListItem-info .description{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.71em; max-height: 3.42em; overflow: hidden;}
.OtherBooks .ListItem-info {margin-left: 14px;font-size: 14px;color: #404040;}
.OtherBooks .ListItem-info  .authors {color: gray;}
.OtherBooks .Card-section { padding: 16px 20px;}
.Sticky{width: 300px; top: 62px; left: 975px; z-index: 2; box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased;}
.Sticky .ToBePublisher {display: flex;align-items: center;height: 76px;padding: 0 20px;color: #646464; border:0;margin-top: 10px;}
.Sticky .ToBePublisher .Link {display: inline-block;width: 88px;height: 34px;margin-left: auto;border-radius: 3px;text-align: center;line-height: 34px;background: #f6f6f6;}
.Sticky .CopyRight {font-size: 13px;line-height: 1.85em;color: gray;margin-top: 10px;}
.Sticky .ContactUs { margin-right: 4px;}
.Join-bookrack{position: fixed;top: 62px; left: 36%;width: 500px;height:48px;color: #262626;text-align: center;display: none;}
.Join-bookrack span{line-height: 48px;}
.Block-Add{display: block;}
footer {padding: 10px 0 10px 5px;font-size: 13px;line-height: 2;color: #8590a6;}
footer .Footer-item {display: inline-block;}
footer .Footer-dot:after {margin: 0 5px;content: "\B7";}
footer a:hover {color: #259 !important;}
/*适应手机端*/
@media (max-width: 768px){
.Main .BookMain {max-width: 460px;padding-right: 0; }
.SideBar {display:none;}
.MLinks{display: block;}
.Pub-BookInfo .Description {display:none;}
.RecomList {flex-wrap: wrap;float: left;padding: 10px 0;margin-bottom: 40px;} 
.RecomList .BookItem {float:left; width: 110px;margin: 0 0px 15px;} 
.ng-bottom {display: none;} 
}
@media (min-width: 768px){
.Pub-BookInfo .Description {display:flex;}
.RecomList {display: flex;}
.MLinks{display: none;}
.RecomList {padding: 10px;}
}
@media (max-width: 535px){.RecomList .BookItem{margin-right: 8px;}}
@media (max-width: 414px){.RecomList .BookItem {width: 117px;margin-right: 15px;}.RecomList {margin-left: 16px;}}
@media (max-width: 375px){.RecomList {margin-left: 15px;margin-right: 0;}.RecomList .BookItem {width: 100px; margin-right: 15px;}}
@media (max-width: 355px){.RecomList.BookItem {width: 136px;}}
.MLinks{width:100%;position:fixed;bottom:0;align-items: center;color: #0084ff;background: #fff;padding: 0 6px;box-sizing: border-box;height: 54px;border-top: .5px solid #d3d3d3;font-size: 14px;}
.MLinks .flex{display:flex;align-items: center;height: 54px;}
.MLinks a{display: inline-block;}
.MLinks .Mbutton{width: 50%;height: 40px;margin-right: 27px;box-sizing: border-box;border: 1px solid #0084ff;border-radius: 5px;text-align: center;line-height: 40px;font-weight: 500;white-space: nowrap;} 
.MLinks .Toreader{margin-right: 0;}
.MLinks .Tobuy{color:#fff;background-color: #0084ff;}