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

.bookaddlist{ width:48%; float:left;}
.bookaddlist_t{ width:100%; font-size:20px; line-height:50px; overflow:hidden; margin-top:30px}

.bookaddlist1{ width:48%; float:right;}
.bookaddlist2{ width:100%; margin:0 auto; overflow:hidden}

.bookadd{margin:2px 0;}
.bookadd div{margin-bottom:6px;}
.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:#f30;}

.book_name{width:96%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px;border:2px solid #666; float:left; display:block; overflow:hidden;color:#333}
.book_tel{width:96%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px;border:2px solid #666; float:left; display:block; overflow:hidden;color:#333; margin-left:1%}
.book_email{width:96%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px; border:2px solid #666; float:left; display:block; overflow:hidden;color:#333}
.book_concent{width:98.5%; height:120px; line-height:42px; padding:0 6px 0; font-size:12px;border:2px solid #666; float:left; display:block; overflow:hidden;font-family:"黑体";color:#333}
.book_code{width:20%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px;border:2px solid #666; display:block; overflow:hidden; float:left;color:#333}
.book_sub{width:23%; height:40px; line-height:40px; color:#fff; padding:0 6px; font-size:20px; text-align:center;cursor:pointer; border:2px solid #cc0000; 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:"黑体"; background:#cc0000; margin-top:30px}


.book_tz{width:20%; height:36px; line-height:36px; color:#333; padding:0 5px; font-size:14px; text-align:center;cursor:pointer;border:2px solid #666; 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:"黑体"}

.book_sub:hover{width:35%;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{width:30%;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{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;}

.bookaddlist{ width:48%; float:left;}
.bookaddlist_t{ width:100%; font-size:16px; line-height:30px; overflow:hidden; margin-top:20px}

.bookaddlist1{ width:48%; float:right;}
.bookaddlist2{ width:100%; margin:0 auto; overflow:hidden}

.bookadd{margin:2px 0;}
.bookadd div{margin-bottom:6px;}
.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:#f30;}

.book_name{width:96%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px;border:2px solid #666; float:left; display:block; overflow:hidden;color:#333}
.book_tel{width:90%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px;border:2px solid #666; float:left; display:block; overflow:hidden;color:#333; margin-left:0}
.book_email{width:96%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px; border:2px solid #666; float:left; display:block; overflow:hidden;color:#333}
.book_concent{width:95%; height:120px; line-height:42px; padding:0 6px 0; font-size:12px;border:2px solid #666; float:left; display:block; overflow:hidden;font-family:"黑体";color:#333}
.book_code{width:30%; height:40px; line-height:40px; padding:0 6px 0; font-size:12px;border:2px solid #666; display:block; overflow:hidden; float:left;color:#333}
.book_sub{width:40%; height:40px; line-height:40px; color:#fff; padding:0 6px; font-size:20px; text-align:center;cursor:pointer; border:2px solid #cc0000; 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:"黑体"; background:#cc0000; margin-top:30px}


.book_tz{width:40%; height:36px; line-height:36px; color:#333; padding:0 5px; font-size:14px; text-align:center;cursor:pointer;border:2px solid #666; 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:"黑体"}

.book_sub:hover{width:35%;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{width:30%;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; }
	
	}