/* 鐠囧墽鈻兼穱鈩冧紖 */
.book-other-inf{
  padding: 20px; background: #fff;
}
.book-other-inf .commd-img{
  width: 230px; height: 160px; overflow: hidden;
}
.book-other-inf .commd-img img{
    width: 100%;
}
.book-other-inf .info-wrap{
  width: 710px; margin-left: 20px;
}
.book-other-inf .info-wrap h3{
  height: 33px; line-height: 33px; font-size: 22px;
}
.book-other-inf .book-cop-box{
  float: left; height: 29px; line-height: 29px; margin: 8px 0; border: 1px solid #eee; border-right: none;
}
.book-other-inf .book-cop-box span{
  float: left; width: 170px; color: #666; text-align: center; border-right: 1px solid #eee;
}
.book-other-inf .book-cop-box span em{
  color: #333;
}
.book-other-inf .book-cop-box .copyright{
  color: #333; background: #eee;
}
.book-other-inf .info-wrap .price-panel{
  height: 53px; line-height: 53px;
}
.book-other-inf .price-panel .price-wrap{
   color: #f8194d; font-weight: bold; margin-right: 50px;
}
.book-other-inf .price-panel .price-icon{
  font-size: 14px;
}
.book-other-inf .price-panel .p-int{
  font-size: 18px;
}
.book-other-inf .price-panel .p-float{
  font-size: 14px;
}
.book-other-inf .book-action .btn-sku{
  float: left; width: 97px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; text-decoration: none; border: 1px solid #00b686; border-radius: 4px; -webkit-border-radius: 4px; -mx-border-radius: 4px;
}
.book-other-inf .book-action .btn-buy{
  margin-right: 20px; color: #00b686;
}
.book-other-inf .book-action .btn-basket{
  color: #fff; background: #00b686;
}
.book-other-inf .book-action .btn-basket.on{
  background: #c1cddb; border-color: #c1cddb;
}
/* 鐠囧墽鈻肩拠锔藉剰 */
.book-details-wrap{
  margin-bottom: 80px;
}
/* tabs*/
.tab-wrap{
  width: 660px; background: #fff;
}
.tab-wrap .tabs-nav-wrap{
  position: relative; height: 45px; line-height: 45px; border-bottom: 1px solid #eee;
}
.tab-wrap .tabs-nav-wrap li{
  float: left; width: 112px; text-align: center; cursor: pointer;
}
.tab-wrap .tabs-nav-wrap li.active{
  font-weight: bold;
}
.tab-wrap .tabs-nav-wrap .tabs-active-bar{
  position: absolute; left: 0; bottom: 0; width: 112px; height: 2px; background: #00b686;
}
/* tabs-content */
.tabs-content .tabs-content-item{
  display: none;
}
/* 鐠囧墽鈻肩粻锟芥禒锟� */
.course-introd-wrap{
  padding: 0 20px 65px 20px;
}
.course-introd-wrap .course-introd{
  line-height: 22px; padding: 17px 0; color: #666; text-indent: 2em;
}
.course-introd-wrap .course-catalog-titile{
  height: 27px; line-height: 29px; margin-top: 8px; border-bottom: 2px solid #ddd;
}
.course-introd-wrap .course-catalog-titile span{
  position: relative; display: block; width: 92px; color: #fff; text-align: center; background: #ddd;
}
.course-introd-wrap .course-catalog-titile span i{
  position: absolute; right: -29px; top: 0; width: 0; height: 0; border-bottom: 27px solid #ddd; border-right: 29px solid transparent;
}
.thematic-list{
  padding: 15px 20px 8px 20px; border-bottom: 1px solid #eee;
}
.thematic-list h3{
  height: 37px; line-height: 37px; padding: 0 20px; margin-top: 10px; font-size: 16px; color: #999;
}
.thematic-list ul li{
  padding: 0 20px;
}
.thematic-list ul li a{
  height: 37px; line-height: 37px; font-size: 14px; color: #333; text-decoration: none;
}
.thematic-list ul li.on{
  background: #e6faf2;
}
/* 鐠囧墽鈻肩拠鍕啈 */
.review-list-wrap li{
  padding: 20px; border-bottom: 1px solid #eee;
}
.review-list-wrap li .item-head{
  height: 25px; line-height: 25px;
}
.review-list-wrap li .item-head .user-avatar{
  width: 25px; height: 25px; margin-right: 11px; background: #eee; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px;
}
.review-list-wrap li .item-head .user-name{
  font-size: 14px; color: #333;
}
.review-list-wrap li .review-text{
  line-height: 22px; padding-top: 20px;
}
/* 閸欏厖鏅堕崚妤勩�� */
.book-details-wrap .course-list{
  width: 320px; background: #fff;
}
.book-details-wrap .course-list h3.title{
  height: 45px; line-height: 45px; padding: 0 10px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: normal; background: #f9f9f9;
}
.book-details-wrap .course-list ul{
  padding: 0 20px 0 10px;
}
.book-details-wrap .course-list li .line{
  margin: 0 10px; border-bottom: 1px solid #eee;
}
.book-details-wrap .course-list a{
  display: block; height: 90px; padding: 20px 0; overflow: hidden;
}
.book-details-wrap .course-list .commd-img{
  width: 120px; height: 90px; margin-right: 20px;
}
.book-details-wrap .course-list .commd-other-inf{
  width: 150px;
}

.book-details-wrap .commd-other-inf h5{
  height: 46px; line-height: 23px; margin-top: -3px; font-size: 16px; color: #555; font-weight: normal;
}
.book-details-wrap .commd-other-inf .other-inf-box{
  height: 28px; line-height: 28px; font-size: 12px; color: #666;
}
.commd-other-inf .price-panel{
  height: 25px; line-height: 25px;
}
.book-details-wrap .books-list .commd-other-inf .price-panel{
  margin-top: 5px;
}
.commd-other-inf .price-panel .price-wrap{
  font-size: 16px; color: #f8194d; font-weight: bold;
}
.commd-other-inf .price-panel .price-wrap .p-float{
  font-size: 12px;
}
.commd-other-inf .price-panel .sales-volume{
  font-size: 12px; color: #333;
}

/* 娑旓妇鐫勯崚妤勩�� */
.book-details-wrap .books-list ul{
  padding-left: 20px;
}
.book-details-wrap .books-list .commd-other-inf{
  width: 183px;
}
.book-details-wrap .books-list .commd-img{
  width: 77px; height: 112px; overflow: hidden;
}
.book-details-wrap .books-list .commd-img img
{
    width:100%;
}
.book-details-wrap .books-list .commd-other-inf h5{
  margin-top: 3px;
}
.book-details-wrap .books-list a{
  height: auto;
}
.book-details-wrap .books-list .commd-other-inf .other-inf-box{
  height: 42px; line-height: 42px;
}
.book-details-wrap .books-list .commd-other-inf .price-panel{
  height: 22px; line-height: 22px; margin-top: 0;
}


.buy-wind{
  position: absolute; left: 50%; top: 20%; z-index: 10; width: 510px; margin-left: -255px; padding: 0 30px; background: #fff;
}
.buy-wind .close{
  position: absolute; right: -20px; top: -20px; z-index: 10; width: 39px; height: 39px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEQ3MDczNERDODQ3MTFFNzlDQURDQTMyNTA1NTAwMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ3MDczNEVDODQ3MTFFNzlDQURDQTMyNTA1NTAwMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RDcwNzM0QkM4NDcxMUU3OUNBRENBMzI1MDU1MDAwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RDcwNzM0Q0M4NDcxMUU3OUNBRENBMzI1MDU1MDAwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjm2xoUAAANUSURBVHja3FhdSxtBFL0bpaZQTFWEGqIVUUMSCb6URgv2Q7RP/o/Sl9L/0dd+/AsLPrfFPlTjS4rESEwqsgatiMakkTZFs71nmF1i1DqTTRPpgcPuzN479zAfOzPXsCyL6kAX8wnzETPMDDJvMX3MArPETDNTzEXmB2ZeOwrEafApc575y9ID7N9Lf0M1nqqoCeaK1RisyPZci/MyXzMrVmNRke166xXXz0xY/xYJGUdLXIhpWs2BKeOd02FcsFoDzCX5bBZyzAn5dOCpMfIyF5oszO6QBRn/UnGvmOPUGozL+A6qhzXG/II6ah0g5oGcVo44CIoz71HrEZcd5QzrrKqwUqlE8Xicjo6OtCLCHn7wvwL3mTPV4p6pBtnY2KDj42NKJBK0t7en5AM72MMP/gp4bg8rNvHvzBsqXicnJ5RMJunw8FCUh4eHaWBg4FJ70zQpm82K9+7ubhobG6P29varwvxm3kHPTasKA9BwNBqlvr4+UUZg9Ebt/xJl1NvCYA8/BWEk9UzDckp3xno8HgqFQtTR0UFbW1uUy+WoXC5TOBymtrY2Oj09pVQqRfv7+8J+cHCQhoaGdMNMYVg/8svjepfWzs4OpdNp0VM+n0+IXl9fp0KhQIZhUDAYJL/fX0/TnyDO5Jd+N2v/4OBAzEP0mA30IOZXT09Pvc2aHnl6dQUIGBkZOVOHsgthwG2I63QrDj2XyWTO1KGMehfohLiimxYw51ZXV8WQYs7FYjHxRBn1+F4niq7m3ObmplitQG9vb6NXq5hzWV2vSqUiVqQtLBAIiMkPYdWLAfUA7GAPPw18g7ikjgd2CAzX7u6us0OMjo6K38aZ4w6XUY/vAOzhB39FrEHcZx1xCICtC8Ejkchfty4A32EHe/jBXxGL+Hl2McuqB/5isWgtLy9b+Xxe66IAe/jBXwFlsefLy8S8db0APc6R6R1dL7y5rifhFXngdHoOCl/IZyuB+C8vun0t2d3ZQryVl6xzty/gpvzYiuvhV+Yk8+dl91Z8mKu9eTfpxj9XLewicbYhbmPbTRK2LePldJKHzcoy3f3v8nO1mc14g4ShnclGpl1tzsjcrm5OuCz9ZnXiGS6y6bjvPmRGqrLpOPL/kEQ2fc1NNv2PAAMAzxYzwuUgbD0AAAAASUVORK5CYII=) 0 0 no-repeat; cursor: pointer;
}
.buy-wind .buy-wind-title{
  position: relative; height: 70px; line-height: 70px;
}
.buy-wind-title .title-text{
  display: block; font-size: 20px; text-align: center;
}
.buy-wind-title .pass-reglink{
  position: absolute; right: 0; top: 0; font-size: 16px; color: #666; text-decoration: none;
}
 .book-mode{
 	height:220px;
 }
.book-mode .commd-img{
  width: 77px; height: 112px;  overflow: hidden;margin-right:20px;
}
 .book-mode .commd-title{
  height: 36px; line-height: 18px; padding-top: 17px; font-size: 14px; color: #333; overflow: hidden;
}
 .book-mode .source-name{
  display: block; height: 23px; line-height: 23px; padding-top: 5px; font-size: 12px; color: #999;
}
 .book-mode .d-price{
  height: 27px; line-height: 27px; padding-top: 4px;
}
 .book-mode .d-price .price-box{
  float: left; font-size: 16px; color: #f8194d;
}
 .book-mode .d-price .p-int{
  font-size: 20px;
}
 .book-mode .d-price .kc-count{
  float: right; font-size: 12px; color: #999;;
}

 .book-mode .course-list .commd-other-inf{
  width: 150px;
}

 .book-mode .commd-other-inf h5{
  height: 36px; line-height: 23px;  font-size: 16px; color: #555; font-weight: normal;margin-top:10px;
}
 .book-mode .commd-other-inf .other-inf-box{
  height: 28px; line-height: 28px; font-size: 12px; color: #666;
}
 .book-mode .commd-other-inf .price-panel{
  height: 25px; line-height: 25px;
}
 .book-mode .book-details-wrap .books-list .commd-other-inf .price-panel{
  margin-top: 5px;
}
 .book-mode .commd-other-inf .price-panel .price-wrap{
  font-size: 16px; color: #f8194d; font-weight: bold;
}
 .book-mode .commd-other-inf .price-panel .price-wrap .p-float{
  font-size: 12px;
}
 .book-mode .commd-other-inf .price-panel .sales-volume{
  font-size: 12px; color: #333;
}
 .book-mode  .pass-form-item-submit{
  line-height: 38px; background: #00b686; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; overflow: hidden;
}
.book-mode .pass-button-submit{
  position: relative; top: 1px; width: 100%; height: 100%; font-size: 18px; color: #fff; text-align: center; background: none; cursor: pointer;
}