.Main { align-items: flex-start; max-width: 1240px; margin: 0 auto; padding-top: 45px;}
.Card{border-top: 18px solid #f3f3f3 ; margin:0 auto;background:#fff;overflow:hidden;border-radius:2px;box-shadow:0 1px 3px rgba(26,26,26,.1);box-sizing:border-box;}
.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;}
.Card .Card-text { display: flex;width: 100%;font-size: 16px; font-weight: 600;}
.Card .Book-Catalog {margin-left: auto;align-self: center;font-size: 14px;font-weight: 400;color: #8590a6;}
.Card .Book-Catalog .Icon{margin-left: 8px; -webkit-transform: rotate(-90deg);transform: rotate(-90deg);fill: currentColor;}
.Card .BookList.List-scroll {padding: 10px 0;display:flex;justify-content:space-between;}
.Card .List-scroll .BookItem {width:150px;flex-shrink: 0;font-size: 14px;color: #8590a6;}
.BookList .BookItem .Wrapper {position: relative;flex-shrink: 0;overflow: hidden;border-radius: 6px;-webkit-transform:rotate(0deg);}
.Button:focus {outline:none;}
.Books-btn {color:#0084ff;background:none;display:inline-block;padding:0 16px;font-size:14px;line-height:32px;text-align:center;cursor:pointer;background:none;border:1px solid #0084ff;border-radius:3px;}
.Btn-blue:hover{background-color:rgba(0,132,255,.06);}
.Card .BookItem a {display:block;}
.Card .BookList .ImageWrapper {position: relative;flex-shrink: 0;}
.Card .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; height: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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 .List-wrap{padding-top:20px;float: left;margin-left: 20px; }
.Card .List-wrap .BookItem {float: left;flex-shrink: 0;margin-bottom: 30px;}
.Card .Class-Header{min-height:48px;align-items: center; border-bottom: 1px solid #f0f2f7; background: #fff; z-index: 2;display: flex;}
.Card .Class-Header ul{display: flex;}  
.Card .Tabs .Tabs-link{position: relative;display: inline-block; padding: 14px 0;}
.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: "";}
.Card .Class-Header .Pub-NavShelf { position:relative;margin: 0 16px 0 auto;position: relative;display: flex;align-items: center;padding: 0 12px; cursor: pointer;}
.Pub-NavShelf .Icon{margin-right: 10px;fill: #0f88eb;}
.Card .Class-Header .Pub-NavShelf span{position:absolute; left:28px;top:3px;width:8px; height:8px; border-radius: 50%;background-color: #fe0032;}
.Card .Class-main .subTabs {display: flex;align-items: center;flex-wrap: wrap;margin: 0 4px;font-size: 15px;}
.Card .Class-main .subTabs a{flex-shrink: 0;padding: 20px;}
.Card:last-child {margin-bottom: 0;}
.Classify .Help-Link { padding: 20px; font-size: 14px; text-align: right;}
.Classify .Help-Link a{color: #8590a6;}
@media (max-width: 768px){.Card .BookList .BookItem {width: 117px;}.List-scroll .BookItem:last-child{padding-right: 20px;}.List-scroll .BookItem {margin-left: 16px;padding-right: 0;}.List-scroll { margin-left: 0; margin-right: 0; overflow: scroll;}.Books-Index .Tabs-item{display: inline-block;padding: 0 16px;}.Class-Header {display: block;}.List-wrap .BookItem {width: 117px; margin: 0  15px 40px 0;}}
@media (min-width: 768px){.Books-Index .List-scroll { margin-left: 20px; margin-right: 20px;}.Card .List-wrap .BookItem {float: left;width: 153px;margin-right: 56.5px;}.Card .List-wrap .BookItem:nth-child(6n){margin-right: 0;}.Tabs .Tabs-item{display: inline-block; padding: 0 20px;}.Class-Header {display: flex;}}
@media (max-width: 535px){.List-scroll .BookItem:last-child{padding-right: 20px;}.Books-Index .BookList .Wrapper {border-radius: 6px;}}
@media (max-width: 414px){.List-scroll .BookItem:last-child{padding-right: 20px;} .BookList .BookItem {width: 117px;}.Card .List-wrap {margin-left: 16px;}}
@media (max-width: 729px){.Books-Index .List-wrap .BookItem {margin-bottom: 20px;}}

@media (max-width: 375px){.Card .BookList .BookItem {width: 104px;margin-right: 15px;}.Card .List-scroll {margin-left: 0px;margin-right: 6px;}.Card .List-scroll .BookItem{margin-right: 0;}}
@media (max-width: 365px){.Card .BookList .BookItem {width: 100px;margin-right: 14px;}.Card .List-scroll {margin-left: 0px;margin-right: 6px;}.Card .List-scroll .BookItem{margin-right: 0;}}
@media (max-width: 355px){.Card .BookList .BookItem {width: 137px; margin-right: 15px;}}