/* 鐠囧墽鈻兼穱鈩冧紖 */
.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: 18px;
}
.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: 45px; line-height: 45px;
}
.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;
  font-size: 18px;
}
.tab-wrap .tabs-nav-wrap li.active{
  font-weight: bold;
  font-size: 18px;
}
.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: 30px;font-size: 16px; 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: 0 20px 5px 20px; border-bottom: 1px solid #eee;
}
.thematic-list h3{
  height: 37px; line-height: 37px; padding: 0 20px; margin-top: 3px; font-size: 16px; font-weight: 400;
}
.thematic-list ul li{
  padding: 0 20px;
}
.thematic-list ul li a{
  height: 37px; line-height: 37px; font-size: 16px; 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: 350px; background: #fff;
}
.book-details-wrap .course-list h3.title{
  height: 45px; line-height: 45px; padding: 0 10px; border-bottom: 1px solid #eee; font-size: 18px; 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-img img{
  width: 100%;
}
.book-details-wrap .course-list .commd-other-inf{
  width: 180px;
}

.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-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;
}

.opt-icons{position: absolute;top:6px;right: 30px;}
.opt-icons span{cursor: pointer;}
.opt-icons i{background: url(../images/live-icons.png) no-repeat 0 0;}
.opt-icons .collect-icon i{background-position: -34px 2px;}
.edu-icons{display:inline-block;vertical-align: middle;width:25px;height:20px;background: url(../images/edu-icons.png) no-repeat;}
.opt-icons .collected-icon i {
  background-position: -0px -17px;
}
.live-tag {
  font-size: 12px;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #ff1717;
  border: 1px solid #ff1717;
  border-radius: 4px;
  padding: 0 3px;
}