﻿.wrap{width: 1200px; margin: 45px auto;}
/*left*/
.browse{float: left; width: 252px;}
.buy-browse, .rec-about{margin-bottom: 30px;}
.browse-list{padding: 10px 0; background: #f9f7f1;}
.browse-list li > a{font-size: 14px; color: #684726; line-height: 30px; width: 100%; padding: 0 20px 0 35px; background: url(../../Content/images/icons/duo-icon.png) no-repeat 20px center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}
.browse-list li > a:hover{background-color: #fefdfc; color: #1d140b;}
.rec-about ul{background: #f9f7f1; padding: 20px 0;}
.rec-about ul li{padding: 0 20px; height: 110px;}
.rec-about ul li > a{float: left;}
.rec-about ul li > a img{width: 78px; height: 107px; border: 1px solid #cfcfcf;}
.rec-about ul li .browse-con{margin-left: 100px;}
.rec-about ul li .browse-con h3 a{font-size: 14px; color: #684726; font-weight: bold; line-height: 30px;width:93px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rec-about ul li .browse-con p{color: #827668; margin-bottom: 10px;}
.rec-about ul li .browse-con p strong{font-size: 14px; color: #cb230d; font-weight: bold;}
/*right*/
.book-detail{float: right; width: 890px;}
.book-detail > h2{font-size: 16px; color: #684726; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #cfcfcf; text-align: center;}
.book-det-about{margin: 25px 0; height: 210px;}
.book-det-about > a{float: left; width: 152px; height: 209px;border: 1px solid #e5e5e5;line-height:209px;display:block;text-align:center;background-color:#fff}
.book-det-about > a img{max-height:98%;max-width:98%;margin:1%;}/* box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);*/
.book-det-about-con{margin-left: 185px; position: relative;}
.book-det-about-con h3{font-size: 16px; color: #333333; font-weight: bold; padding-top: 10px;}
.book-det-about-con h3 strong{color: #cb230d;}
.book-det-about-con ul{margin: 10px 0 15px 0;}
.book-det-about-con ul li{float: left; width: 180px; margin-right: 10px; line-height: 24px; overflow: hidden; white-space: nowrap; font-size: 14px; color: #666666;display:inline-block;text-overflow:ellipsis;}
.book-det-about-con ul li strong{width: 4em; position: relative; margin-right: 15px; font-weight: normal; color: #333333;}
.book-det-about-con ul li strong:after{content: ":"; position: absolute; right: -8px; top: 0;}
.book-det-about-con ul .cat-item{width: 300px; color: #a26524;}
.book-det-about-con ul .author span{letter-spacing: 2em; margin-right: -2em;}
.book-det-about-con ul .eng{width: 210px;}
.book-det-about-con ul .eng span{letter-spacing: 0.5em; margin-right: -0.5em;}
.book-det-about-con .book-read{display:inline-block;height:26px;line-height:26px;font-size:15px;margin-bottom:20px;}
.book-det-about-con .book-read span{margin-right:10px;}
.book-det-about-con .book-read .coll-btn{width:70px;background-color:#0078ba;color:#fff;font-weight:600;padding:3px 6px;border-radius:3px;text-align:center;font-size:14px;display:inline-block;}
.book-det-about-con .book-read .coll-btn:hover{background: #005787;}
.book-det-about-con .book-buy a{height: 24px;line-height:24px;padding: 0 20px;background: #e4eaf2;border: 1px solid #bbc3cf;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;font-size: 13px;color: #707582;margin-right: 16px;}
.book-det-about-con .book-buy a.active{color: #2570c7;border-color: #2570c7;background: url(../../Content/images/triangle.png) no-repeat bottom right;}
.book-det-about-con .book-buy .add_cart{padding: 0 8px 0 14px;height: 24px;line-height: 24px;font-size: 13px;color: #ffffff;margin-right: 0;background-color:#2e8cf9;text-align:right;}
.book-det-about-con .book-prompt{font-size:14px;margin-top:10px;}
.book-det-about-con .book-prompt a{color:#ff7e00}
.customer-service{position: absolute; top: 10%; right: 0; height: 34px; line-height: 34px; padding: 0 12px; background: #f9f7f1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ecbe82; color: #333333; cursor: pointer;}
.customer-service i{width: 16px; height: 16px; background: url(../../Content/images/icons/icon_list.png) no-repeat -18px -170px; margin: 0 5px 3px 0;}
.customer-service span{width: 16px; height: 16px; line-height: 16px; background: #e5e4e4; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-left: 5px;}
.customer-service:hover{background: #f1eddf;}
.cus-ser-2{top: 32%;}
.act-det-btn{height: 35px;}
.act-det-btn > a{height: 35px; line-height: 35px; padding: 0 18px; background: #cb230d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 14px; color: #ffffff; position: relative; margin-right: 20px;}
.act-det-btn > a i{width: 18px; height: 18px; background: url(../../Content/images/icons/icon_list.png) no-repeat 0 -198px; margin-right: 5px;}
.act-det-btn .reading-btn:hover{background: #9b1b0a;}
.act-det-btn .coll-btn{background: #0078ba;}
.act-det-btn .coll-btn:hover{background: #005787;}
.act-det-btn .reading-ec-btn{background: #ffc716;}
.act-det-btn .reading-ec-btn:hover{background: #e2ac00;}
/*内容简介及目录*/
.catalog{margin-bottom: 20px;width: 100%;}
.catalog .catalog-content p{line-height: 26px; font-size: 14px;}
.catalog .catalog-content p strong{display:inherit !important;}
.catalog .catalog-content p span{display:inherit !important;}
.catalog .catalog-content p i{display:inherit !important;}
/*图书目录*/
.book-cat-list{margin-bottom: 10px;}
.book-cat-list li p{line-height: 40px; border-bottom: 1px dashed #e2e7ee;}
.book-cat-list li p a{font-size: 12px; width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}
.book-cat-list li p a:hover{color: #0b85e1;}
.book-cat-list li p span{float: right;text-align:left; padding-left:12px;margin-top:15px; cursor: pointer;min-width: 30px;line-height:10px; height: 10px; background: url(../../Content/images/icons/icon_list_new.png) no-repeat -51px 0;}
.book-cat-list li ul{display: none;}
.book-cat-list li ul li p{padding-left: 20px;}
.book-cat-list li.open p span{background-position-y: -12px;}
.book-cat-list li.open ul{display: block;}
/*商品评论*/
.com-info{padding: 0 30px;}
.com-info h4{font-size: 14px; font-weight: bold; margin: 15px 0;}
.form-group{position: relative;}
.form-group label{font-size: 14px; color: #666666; font-weight: normal; margin-right: 5px; vertical-align: top; margin-top: 5px;}
.form-group > input{width: 242px; *width: 220px; height: 32px; border: 1px solid #cfcfcf; padding: 0 10px; background: #ffffff;}
.form-group #nick-title{width: 460px;}
.form-group .score{margin-left: 5px; margin-bottom: 3px;}
.form-group em{width: 102px; height: 18px; background: url(../../Content/images/icons/icon_list.png) no-repeat 0 -225px; display: inline-block; vertical-align: middle; margin: 0 10px 0 5px;}
.form-group .score-2{width: 80px;}
.form-group .score-3{width: 60px;}
.form-group .score-4{width: 38px;}
.form-group .score-5{width: 16px;}
.form-group textarea{width: 95%; *width: 90%; height: 176px; *height: 126px; padding: 10px 10px 40px; border: 1px solid #cfcfcf; resize: none;}
.form-group span{position: absolute; right: 105px; bottom: 12px; cursor: pointer; width: 65px; height: 28px; line-height: 28px; background: #a86925; text-align: center; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; font-size: 14px; color: #ffffff;}
.form-group .com-pub:hover{background: #935c20;}
.form-group .com-cancel{right: 35px; background: #f9f7f1; color: #684726;}
.form-group .com-cancel:hover{background: #f1eddf;}

