@charset "utf-8";
.book{overflow:hidden;clear:both;margin-bottom:20px;}
.book .face{float:left;width:60px;height:60px;}
.book .text{border:1px solid #dadada;margin-left:70px;}
.book .text .div{padding:10px 20px;}
.book .text .div .icon{position:absolute;width:20px;height:20px;margin:6px 0 0 -40px;background:url(../images/dot.gif) no-repeat top right;}
.book .text .div .base{font-family:verdana;color:#000;border-bottom:1px dashed #ccc;line-height:30px;margin-bottom:10px;}
.book .text .div .base span{float:right;color:#999;}
.book .text .div .content{line-height:20px;}
.book .text .div .reply{font-family:verdana;border-top:1px dashed #ccc;line-height:30px;margin-top:10px;color:#000;padding-top:5px;}
.book .text .div .reply strong{color:#f60;}

.bookadd{margin:2px 0;}
.bookadd div{margin-bottom:10px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;}
.bookadd .label span{color:#f30;font-family:宋体;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{ width:80%; height:42px; line-height:42px; padding:0 2px 0; font-size:14px;background:#ccc; border:1px solid #ccc; }
.bookadd .enter .name{ width:500px; overflow:hidden; margin-bottom:0px}


.bookadd .enter .ips{border:1px solid #ccc;padding:8px 10px;width:70%;height:60px;}
.bookadd .enter .bnt{}
.bookadd .enter label{display:block;}
.bookadd .enter #booklen{color:#ec0000;}

.book_name{width:47%; height:40px; line-height:40px; padding:0 5px 0; font-size:14px;background:rgba(0,0,0,0); border:1px solid #555; float:left; display:block; overflow:hidden;color:#999; border-radius:2px}
.book_tel{width:47%; height:40px; line-height:40px; padding:0 4px 0; font-size:14px;background:rgba(0,0,0,0); border:1px solid #555; float:right; display:block; overflow:hidden;color:#999; border-radius:2px}
.book_email{width:98.3%; height:40px; line-height:40px; padding:0 4px 0; font-size:14px;background:rgba(0,0,0,0); border:1px solid #555; float:left; display:block; overflow:hidden;color:#999; border-radius:2px}
.book_concent{width:98.3%; height:70px; line-height:42px; padding:0 4px 0; font-size:14px;background:rgba(0,0,0,0); border:1px solid #555; float:left; display:block; overflow:hidden;font-family:微软雅黑;color:#999; border-radius:2px}
.book_code{width:47%; height:40px; line-height:40px; padding:0 4px 0; font-size:14px;background:rgba(0,0,0,0); border:1px solid #555; display:block; overflow:hidden; float:left;color:#999; border-radius:2px }
.book_sub{width:15%; height:42px; line-height:42px; color:#fff; padding:0 5px; font-size:16px; text-align:center;cursor:pointer;background:#ec0000; border:none; font-weight:normal;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; font-family:微软雅黑; border-radius:2px}
.book_tz{width:15%; height:42px; line-height:42px; color:#fff; padding:0 5px; font-size:16px; text-align:center;cursor:pointer;background:#666; border:none; font-weight:normal;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; font-family:微软雅黑; border-radius:2px}

.book_sub:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }

.book_tz:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }
@media all and (max-width:640px){
	
	
.book_name{width:44%; height:40px; line-height:40px; padding:0 4px 0; font-size:12px;background:none; border:1px solid #ccc; float:left; display:block; overflow:hidden;color:#999; border-radius:2px}
.book_tel{width:44%; height:40px; line-height:40px; padding:0 4px 0; font-size:12px;background:none; border:1px solid #ccc; float:right; display:block; overflow:hidden;color:#999; margin-left:1%; border-radius:1px}
.book_email{width:97%; height:40px; line-height:40px; padding:0 4px 0; font-size:12px;background:none; border:1px solid #ccc; float:none; display:block; overflow:hidden;color:#999; border-radius:2px}
.book_concent{width:97%; height:70px; line-height:42px; padding:0 4px 0; font-size:12px;background:none; border:1px solid #ccc; float:left; display:block; overflow:hidden;font-family:微软雅黑;color:#999; border-radius:1px}
.book_code{width:47%; height:40px; line-height:40px; padding:0 4px 0; font-size:12px;background:none; border:1px solid #ccc; display:block; overflow:hidden; float:left;color:#999; border-radius:2px}
.book_sub{width:20%; height:36px; line-height:36px; color:#fff; padding:0 5px; font-size:14px; text-align:center;cursor:pointer;background:#ec0000; border:none; font-weight:normal;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; font-family:微软雅黑;border-radius:1px}
.book_tz{width:20%; height:36px; line-height:36px; color:#fff; padding:0 5px; font-size:14px; text-align:center;cursor:pointer;background:#666; border:none; font-weight:normal;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; font-family:微软雅黑;; border-radius:1px}

.book_sub:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }

.book_tz:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }	
	
	
	
	}