@charset "utf-8";

/*图书筛选*/
.panel-1 { width: 1050px; padding: 0 25px; background-color: #fff;margin-top: 40px; }
.panel-1 .options { width: 1050px; line-height: 50px; border-bottom: 2px solid #fafafa; overflow: hidden; }
.panel-1 .options label { font-weight: bold; float: left; }
.panel-1 .options ul { overflow: hidden; width: 860px; float: left; }
.panel-1 .options .more i:after { background: url("../images/top.png") no-repeat; }
.panel-1 .options .more em:after { background: url("../images/bottom.png") no-repeat; }
.panel-1 .options .more i:after, .panel-1 .options .more em:after { content: ""; width: 12px; height: 6.5px; display: inline-block; background-size: 12px 6.5px; vertical-align: middle; margin-left: 5px; }
.panel-1 .options li a { float: left; display: block; height: 26px; line-height: 26px; padding: 0 10px; margin: 12px 0 12px 22px; }
.panel-1 .options li a.active, .panel-1 .options li a:hover { background-color: #00a2ff; color: #fff; }
/*广告位*/
.panel-2 { margin-top: 30px; }
.panel-2 img{width:100%;height:auto;}
/*资料列表*/
.panel-3{width:1100px;margin:0 auto;}
.panel-3 li {width: 222px;height: 305px;float: left;margin-right: 30px;border: 1px solid #e7e7e7;margin-top: 30px;position: relative;background-color: #fff;padding: 14px;}
.panel-3 li:nth-child(4n){margin-right:0;}
.panel-3 .book_img { width: 226px; margin: 0 auto; height: 179px; position:relative;}
.panel-3 .book_img img { margin: 0 auto; height: 179px; max-width: 100%;}
.panel-3 .daojishi {width: 210px;padding-left: 12px;height: 24px;line-height: 24px;background-color: rgba(0, 0, 0, 0.47);position:absolute;bottom:0;left:0;}
.panel-3 h2 { line-height: 20px; height: 60px; margin-top: 20px; }
.panel-3 .price { margin-top: 20px; height: 20px; line-height: 20px; }
.panel-3 .price .yuanjia{margin-right:14px;margin-left:2px;}
.panel-3 .zhekou{position:absolute;left: -15px;top: 26px;color:  #fff;font-size:  12px;background-position: -454px -51px;height:  41px;line-height: 41px;width:  60px;text-align:  center;}
.panel-3 .shitings{width: 0;height: 0;border-top: 50px solid #24AEFF;border-left: 50px solid transparent;position: absolute;top: 0;right: 0;}
.panel-3 .shitingtxt{position: absolute;top: 8px;right: 4px;color: #ffffff;-webkit-transform: rotate(43deg);-moz-transform: rotate(43deg);font-size: 12px;}
.search_none{padding: 20px 0; background-color: #fff;width:1100px;margin:0 auto;margin-top: 20px;}
.search_none .xiaohei{display:none;right: -30px;position: absolute;z-index: 10;}
.search_none .wxhover{cursor: pointer;position: relative;}
.search_none .wxhover:hover .xiaohei{display:block;}