#bg{ display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.7;  opacity:.70;  filter: alpha(opacity=70);}  
        #show{
         display: none; 
         position: absolute;  
         top: 25%;  left: 32%;
         width: 463px;  
         height: 260px; 
         padding: 8px;
         border: 1px solid #ddd;
         background-color: white; 
         z-index:1002;  
         overflow: auto;
        }  
      .bookreview-box{
            padding: 10px;
        } 
        
        .wirte-bookreview{
          text-align: right;
          padding-bottom: 5px;
          border-bottom:1px solid #e2e2e2;
        }
        
        .wirte-bookreview a{
		    color: #919191;
		    cursor: pointer;
		    border-radius: 5px;
		    border:1px solid #e2e2e2;
		    display: inline-block;
		    margin-top:10px;
		    min-width: 10px;
		    padding: 0 10px; 
		    line-height: 30px;
		    text-align:center; 
		    width：120px;
		    -webkit-transition:background-position 0.3s; 
		    -moz-transition:background-position 0.3s; 
		    transition:all 0.3s linear 0s;
		      background: #2a94de;
    color: #fff;
      }
      
      .jump-link-barcode:HOVER{
        color:#fff;
      }
       .bookreview-record{
          padding: 10px;
          border-bottom:1px solid #e2e2e2;
        }
        .wirte-bookreview a:hover{
             color: #fff;border:1px solid transparent;background: #0073b4;
       }
        
       .bookreview-box .container{
/* 		width: 100%; */
		}
		.commentbox{
			margin: 20px auto;
			display: none;
		} 
		
		.mytextarea {
		    width: 96%;
		    overflow: auto;
		    word-break: break-all;
		    height: 100px;
		    color: #000;
		    font-size: 1em;
		    resize: none;
		    border:1px solid #e2e2e2;
		    padding: 20px;
	   }
	   
	   .bookreview-box .comment-list{
		width: 98%;
		margin: 20px auto;
		clear: both;
		padding-top: 20px;
	}
		.comment-list .comment-info{
		position: relative;
		margin-bottom: 20px;
		
		padding-bottom: 20px;
		border-bottom: 1px solid #efefef;
		
	}
	.comment-list .comment-info header{
		width: 90px;
		position: absolute;
	}
	.comment-list .comment-info header img{
		width: 100%;
		border-radius: 50%;
		padding: 5px;
	}
	.comment-list .comment-info .comment-right{
		padding:5px 0px 5px 11%; 
	}
	.comment-list .comment-info .comment-right h3{
		margin: 5px 0px;
	}
	.comment-list .comment-info .comment-right .comment-content-header{
		height: 25px;
	}
	.comment-list .comment-info .comment-right .comment-content-header span,.comment-list .comment-info .comment-right .comment-content-footer span{
		padding-right: 2em;
		color: #aaa;
	}
	.comment-list .comment-info .comment-right .comment-content-header span,.comment-list .comment-info .comment-right .comment-content-footer span.reply-btn,.send,.reply-list-btn{
		cursor: pointer;
	}


	
.share-title{
	color: #333;

}	
	
.share-list{
	border-top: 1px solid #efefef;
	height: 25px;
	line-height: 25px;
	padding-bottom: 25px;
}	
.share-container{
	 margin-top: -6px;
}
.share-container li{position:relative;float:left;width: 23px;height: 23px;margin-left: 5px;margin-top: 20px;}
.share-container li a{display: inline-block;width: 100%;height: 23px;}
.share-container li a img{width: 100%;}
.wechat-share{display: none;position: absolute;top: 100%;left: 0;width: 200px;height: 220px;overflow: hidden;z-index: 9;}
.bds_weixin:hover ~ .wechat-share{display: block;}
.wechat-share img{width: 100%;}
.booktable a{
		    color: #2a94de;
		    cursor: pointer;

}

.book-mark-list{
	border-top: 1px solid #efefef;
    height:auto;
	padding-bottom: 10px;
}

.book-mark-container li{position:relative;float:left;width: 23px;height: 23px;margin-left: 5px;margin-top: 10px;line-height: 23px;}
.book-mark-container li a{display: inline-block;width: 100%;height: 23px;}
.book-mark-container li a img{width: 100%;}

 input:focus{ outline:none } 
 .booklist-page{
   margin-left: 10px;
  }
  
  .select-box{
    height: 35px;
    line-height: 35px;
    border: 1px solid #0073b4;
    margin: 10px;
  }
  

 .select-box .select-input-text {
	    border: 0;
/* 	    border: 1px solid #e6e6e6; */
	    padding: 0px 0px 0px 10px;
	    margin: 0;
	    margin-top:-1px;
/*     border-radius: 5px; */
	    width: 850px;
	    height: 34px;
        line-height: 34px;
	}

   .select-box .select-div{
     width: 100px;
     border-right: 1px solid  #e4eaee;
     text-align: center;

  }
  
     .select-box .select-div .show-select-text{

      background: url(images/search_ico.png) no-repeat 80px center;
  }
  
  .select-div:hover .show-select-text{background:url(images/search_ico_hover.png) no-repeat 80px center;}

  .show-select-option{
    width: 100px;
    border-top: none;
    display: none;
    left: -1px;
    top: 35px;
    position: absolute;
    z-index: 99;
    background: #fff;
    border: 1px solid #0073b4;
  }

  .show-select-option div{
     height: 35px;
     line-height: 35px;
  }
  
   .show-select-option div:hover{
     background: #2a94de;
     color: #fff;
   }
   
   .show-select-option .select-active{
     background: #0073b4;
     color: #fff;
   }
  
  .select-div:hover .show-select-option{
	  display: block;
   }
   
   .select-search-bnt{
   position: relative;float: left;text-align: center; background: #2a94de;color: #fff;width: 101px;
   cursor: pointer;
   }
   
   input:focus{ outline:none } 
 .booklist-page{
   margin-left: 10px;
  }
  
  .select-box{
    height: 35px;
    line-height: 35px;
    border: 1px solid #0073b4;
    margin: 10px;
  }
  

 .select-box .select-input-text {
	    border: 0;
/* 	    border: 1px solid #e6e6e6; */
	    padding: 0px 0px 0px 10px;
	    margin: 0;
	    margin-top:-1px;
/*     border-radius: 5px; */
	    width: 850px;
	    height: 34px;
        line-height: 34px;
	}

   .select-box .select-div{
     width: 100px;
     border-right: 1px solid  #e4eaee;
     text-align: center;

  }
  
     .select-box .select-div .show-select-text{

      background: url(images/search_ico.png) no-repeat 80px center;
  }
  
  .select-div:hover .show-select-text{background:url(images/search_ico_hover.png) no-repeat 80px center;}

  .show-select-option{
    width: 100px;
    border-top: none;
    display: none;
    left: -1px;
    top: 35px;
    position: absolute;
    z-index: 99;
    background: #fff;
    border: 1px solid #0073b4;
  }

  .show-select-option div{
     height: 35px;
     line-height: 35px;
  }
  
   .show-select-option div:hover{
     background: #2a94de;
     color: #fff;
   }
   
   .show-select-option .select-active{
     background: #0073b4;
     color: #fff;
   }
  
  .select-div:hover .show-select-option{
	  display: block;
   }
   
   .select-search-bnt{
   position: relative;float: left;text-align: center; background: #2a94de;color: #fff;width: 101px;
   cursor: pointer;
   }
   
      .notcie-title{
background: #2a94de;color: #fff;height: 30px;line-height:30px;padding: 5px 10px;
   }
   
    .back-history{
    background-color: #2a94de;
    float: left;
    line-height: 40px;
    height: 40px;width: 100px;
    margin: -10px 0px -10px -16px;
    text-align: center;
    color: #fff;
     cursor: pointer;
     display: none;
  }
  .back-history:hover{
    background-color: #0073b4;
  }
  
   
  .dh-box{
    position:fixed;
    top:0;
    left:0;
    z-index: 999;
     width: 100%;
     display: none;
  }
  
   .dh-box-view{
     width: 80%;
     margin: auto;
     height: 600px;
     padding-top: 100px;
  }
  
  .dh-view-title{
   height: 40px;
   line-height: 40px;
   text-align: right;
   color:#fff;
   background: #2a94de;
   width: 100%;
   padding-right: 4px;
  }
  
    .dh-view-title label{
   margin-right: 10px;
   cursor: pointer;
   font-size: 14px;
  }
  
   .dh-view-data{
     background-color: rgba(225, 225, 225, 1);
     height: 600px;
     width: 100%;
  }