@charset "utf-8";
.content{width: 100%;overflow: hidden}
.tabNav ul li {  border-bottom: none;  }
.content .contentL{width: 895px;overflow: hidden}
.bookMsg  {overflow: hidden;width: 880px;margin: 25px 0;}
.bookMsg  img{width: 150px;height: 200px;display: block;float: left;}
.bookMsg  .bookMegs{  width: 615px;float: left;margin-left: 25px; position: relative;}
.bookMegs h3{width: 615px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;
    font-weight: normal;}
.bookMegs p{overflow: hidden;color: #666666;line-height: 25px; }
.bookMegs input{width: 96px;height:36px;text-align: center;line-height: 36px;border: 1px solid #fa7a20;margin-top: 40px;
    background: #fa7a20;color: #ffffff;border-radius: 3px;float: left;margin-right: 10px;}
.bookMegs p.reson{  height: 45px; }
.bookMegs .share{left: 140px;bottom: 5px;}
.share span{padding-right: 10px; cursor: pointer;}
.tabBox{padding: 15px 0;}
.tabBox p{width: 855px;margin: 0 auto;margin-bottom: 5px;line-height: 20px;}
.comment{width: 100%;overflow: hidden;}
.comment .title{height: 35px;margin-top: 30px;}
.title span{display: block; font-size: 16px;}
.title span:nth-child(1){width:96px;height: 35px;text-align: center;line-height: 35px;;
border-radius: 5px 5px 0 0;float: left;}
.title span.comment1{width:96px;height: 35px;text-align: center;line-height: 35px;background: #fbfaf8;
border-radius: 5px 5px 0 0;border: 1px solid #e0e0e0;border-bottom: none;float: left;}
.title span:nth-child(2){float: right;color: #05a5f5;  }
.title span.fabiao{float: right;color: #05a5f5;  }
.comment .commentList{width: 893px;border: 1px solid #e0e0e0;padding-bottom: 30px;}
.commentList .commentCon{  width: 860px;margin: 15px auto;position: relative; overflow: hidden;    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;}
.commentCon >img{width:48px;height: 48px;border-radius: 50%;float: left;display: block; }
.wrapReplayCon{overflow: hidden;  width: 860px;}
.commentCon .say{  width: 795px;float: right; }
.say p,.replay p{color: #666666;line-height: 25px;}
.say p span{padding-right: 15px;color: #999999;}
.say p span.spread {  color: #1B89BE;  cursor: pointer;  }
/*.say p span.time{color: #999999;}*/
.say .zanCom{width: 80px;overflow: hidden;    position: absolute;  right: 15px;cursor: pointer}
.zanCom .zan img,.zanCom .com img{vertical-align: middle;margin-bottom: 4px;}
.zan span,.com span {margin-left: 5px;}
.commentCon .replay{width: 755px;float: right;margin-top: 15px;}
.replay p strong{color: #fa7a20;font-weight: normal;}
.replay p span{padding-left: 30px;color: #05a5f5;cursor: pointer;}
.replayCon {    width: 700px;  height: 40px;
    border: 1px solid #e0e0e0;  overflow: hidden;
    padding: 10px;  margin: 20px 0 0 103px;}
.comment textarea{width: 873px;height: 122px;border: 1px solid #e0e0e0;background:#eeeeee;
    margin-top: 20px;padding: 10px; color: #666666;}
.comment input[type=button]{padding: 5px 10px;background: #fa7a20;border: 1px solid #fa7a20;border-radius: 5px;
color: #ffffff;float: right;margin: 20px 0;font-size: 14px;}
.content .contentR {  width: 287px;  overflow: hidden;  margin-top: 25px;  }
.contentR .code{width: 285px;  height: 240px;background:#f3f2ee;overflow: hidden;  }
.code p.intro{text-align: center;}
.code img{margin:15px 45px 0;}
.uploadMore{line-height: 40px;  font-size: 16px;  color: #fa7a20; text-align: center; }
.uploadMore span{ cursor: pointer; }

/* 读后感 */
.reaction .title{height: 35px;margin-top: 30px;}
.reaction .reactionList{width: 893px;border: 1px solid #e0e0e0;padding-bottom: 30px;}
.reactionList .reactionCon{  width: 860px;margin: 15px auto;position: relative; overflow: hidden;    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;}
.reactionCon >img{width:48px;height: 48px;border-radius: 50%;float: left;display: block; }
.reactionCon .say{  width: 795px;float: right; }
.uploadReaction{line-height: 40px;  font-size: 16px;  color: #fa7a20; text-align: center; }
.uploadReaction span{ cursor: pointer; }
/* 读后感 */

.contentR .going{width: 285px;height: 460px;margin-top: 20px;margin-bottom: 20px;background:#f4f2ef; }
.going ul{overflow: hidden;  width: 265px;margin-left: 15px; margin-top: 15px;}
.going ul li{display: block;width: 265px;overflow: hidden;margin-bottom: 20px;}
.going ul li img{width:48px;height: 48px;display: block;border-radius: 40%;float: left }
.going ul li .readerMsg{float: left;  width: 200px;overflow: hidden;margin-left: 10px; }
.readerMsg p{line-height: 22px;width: 200px;overflow: hidden;white-space: nowrap;
    -ms-text-overflow: ellipsis;;
    text-overflow: ellipsis;color: #999999}
.readerMsg p span{padding-right: 7px;}
.readerMsg p span.state{color: #808080;}
.readerMsg p span.name{padding-left: 3px;color: #666666;}

.latestWorks{width: 285px;overflow: hidden;background:#f4f2ef;margin-bottom: 20px;}
.latestWorks ul{overflow: hidden;  width: 260px;margin: 0 auto; }
.latestWorks .hotUl{  padding: 5px 0 6px 0; overflow:hidden;}
.latestWorks .hotUl li{ line-height:30px;  display: inline-block; font-size: 12px;color: #333333;border-bottom: 1px dashed #e0e0e0}
.latestWorks .hotUl li:last-child{border-bottom: none;}
.latestWorks .hotUl li a{width:182px; display:block; float:left; color:#333333;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.latestWorks .hotUl li a:hover,.advice li a:hover{color:#fa7a20;}
.latestWorks .hotUl li span{font-size:12px; color:#999; float:right;    text-align: right;  display: block;  margin-left: 12px;
    width: 65px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latestWorks ul.advice li{width:260px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    font-size: 14px;line-height: 38px;border-bottom: 1px dashed #e6e6e6;}
.advice li:last-child{border: none;}
.advice li a{color: #666666;}