@import url(global.css);
@import url(comm.css);
/* 外框 */
#searchWrap {width:942px;margin:0 auto;overflow:hidden}
#searchWrap .sMain {padding:10px 30px}
#searchWrap .sMain p {text-align:left;padding:5px 0;color:#333}
#searchWrap .sMain p label {float:left;width:60px;text-align:right;line-height:24px;padding-right:10px}
#searchWrap .sMain p .txt {width:180px}
#searchWrap .sMain p .red {color:red}
#searchWrap .sMain p span {padding-left:30px}
#searchWrap .sMain p span b{color:red}
#searchWrap .sMain p .btn {padding:0 10px;line-height:20px;letter-spacing:6px}
/* 分类 */
#listCategories {margin:0 8px;line-height:26px;margin-bottom:5px;text-align:left;padding-left:20px;color:#333;}
#listCategories p {padding-top:3px}
#listCategories ul {width:900px;overflow:hidden}
#listCategories li{float:left;width:160px;line-height:26px;text-align:left;padding-left:20px;background:url(../images/index/li.gif) no-repeat 12px}
/* 搜索结果 */
#results {margin:0 8px;line-height:26px;margin-bottom:5px;text-align:left;padding-left:20px;color:#31A39C}
#results span {padding:0 5px;color:red}
/* 搜索页面布局 */
#searchWrap .listMain {background:#fff;}
/* 列表左 */
#searchWrap #listLeft {float:left;width:204px;margin:10px 0 10px 10px;display:inline;padding-bottom:10px}
#listLeft .searchConditions {color:#666}
#listLeft .searchConditions p {text-align:left;padding:3px 0;}
#listLeft .searchConditions p label {float:left;width:60px;text-align:right;line-height:24px;padding:0 3px 0 5px}
#listLeft .searchConditions p .txt {width:120px;border:1px solid #ccc;font-size:12px;padding:2px;color:#444}
/* 相关图书 */
#listLeft .bookCenter {width:202px;margin-top:6px;overflow:hidden}
#listLeft .bookCenter dl {float:left;width:196px;display:inline;margin-top:10px;padding-left:8px}
#listLeft .bookCenter dl dt {float:left;}
#listLeft .bookCenter dl dt img {padding:2px;border:1px solid #ccc}
#listLeft .bookCenter dl dd {float:left;text-align:left;padding-left:10px;width:108px;overflow:hidden;}
#listLeft .bookCenter dl dd.price {color:#f60}
#listLeft .bookCenter li {width:180px;overflow:hidden;height:24px;line-height:24px;text-align:left;padding-left:20px;background:url(../images/comm/li.gif) no-repeat 8px 8px}
#listLeft .bookCenter a {color:666}
#listLeft .bookCenter a:hover {color:#3266CB}
/* 经典书单 */
#listLeft .list {margin-bottom:10px}
#listLeft .list li {line-height:30px;font-size:14px;text-align:left;background:url(../images/comm/li.gif) no-repeat 10px;padding-left:20px}
#categories {width:202px;overflow:hidden}
#categories li {float:left;width:100px;line-height:26px;text-align:left;padding-left:20px;background:url(../images/index/li.gif) no-repeat 12px}
#listLeft .top {margin-top:10px;}
#listLeft .top li {line-height:28px;text-align:left;padding-left:20px;background:url(../images/comm/li.gif) no-repeat 10px 10px;height:28px;width:168px;overflow:hidden}
#message {height:92px;margin-top:6px;background:#fff url(../images/index/message.jpg) no-repeat 5px;overflow:hidden}
#message .textarea {float:right;width:120px;border:1px solid #ccc;background:#dfdfdf;height:36px;margin-right:5px;margin-top:10px;line-height:16px;font-size:12px;text-indent:24px;color:#333;padding:5px;}
#message .button {float:right;margin:5px}
/* 列表右 */
#searchWrap #listRight {float:right;width:706px;margin:10px 10px 10px 0;display:inline}
#listRight .sort {border:1px solid #31A29C;background:#CFF1EF;padding:5px;overflow:hidden;width:694px;line-height:20px;}
#listRight .sort p {float:left;}
#listRight .sort select {vertical-align:middle}
#listRight .sort img {vertical-align:middle}
#listRight .bookContent {width:684px;border:1px solid #ccc;margin-top:6px;padding:10px 10px;overflow:hidden}
#listRight .bookContent .book {width:686px;border-bottom:1px solid #ccc;overflow:hidden;margin-bottom:10px}
#listRight .book .images{float:left;width:100px;}
#listRight .book .images img{border:1px solid #ccc}
#listRight .book .images div{line-height:28px;}
#listRight .book .images span {font-weight:bold;color:#f30}
#listRight .bookRight {float:right;width:570px;}
#listRight .book .name {width:570px;background:url(../images/booklist/line.gif) bottom repeat-x;overflow:hidden;padding-bottom:3px}
#listRight .book .name h3 {float:left;font-size:14px;}
#listRight .book .name h3 a {color:#3266CB}
#listRight .book .name .stars {float:right;}
#listRight .book .name .stars img {vertical-align:middle}
#listRight .book p {text-align:left;padding:3px 0;color:#666;}
#listRight .book p span {color:#3266CB}
#listRight .button {height:30px;text-align:right}
/* 图书页面 */
#listRight .bookName {border-bottom:1px solid #ccc;line-height:40px;text-align:left}
#listRight .bookName h2 {padding-left:10px;font-size:16px;color:#333}
#listRight .bookInfo {overflow:hidden;margin-top:5px;width:700px}
#listRight .bookInfo .left {float:left;}
#listRight .bookInfo .left .images img {border:1px solid #ccc;padding:3px}
#listRight .bookInfo .left .look {background:url(../images/booklist/ico01.jpg) no-repeat 20px;line-height:40px}
#listRight .bookInfo .right {float:right;width:550px}
#listRight .bookInfo .right .table th {text-align:right;line-height:26px;font-weight:normal;color:#666}
#listRight .bookInfo .right .table td {text-align:left;padding-left:5px}
#listRight .bookInfo .right .table a {color:#31A39C}
/* 相关内容 */
#listRight .related {margin-top:10px;overflow:hidden}
#listRight .related .bookTitle {border-bottom:2px solid #3ACBA4;height:28px}
#listRight .related .bookTitle h3 {width:90px;height:28px;float:left;background:url(../images/booklist/h3.jpg) no-repeat;line-height:28px;color:#fff;font-size:14px}
#listRight .related .bookTitle span {float:right}
#listRight .related .main {text-align:left;line-height:22px;text-indent:24px;color:#666;font-size:12px;padding:5px}
#listRight .related .main a{color:red}
/* 评论内容 */
#listRight .comments {margin-top:10px;overflow:hidden}
#listRight .comments .bookTitle {border-bottom:2px solid #3ACBA4;height:28px}
#listRight .comments .bookTitle h3 {width:90px;height:28px;float:left;background:url(../images/booklist/h3.jpg) no-repeat;line-height:28px;color:#fff;font-size:14px}
#listRight .comments .bookTitle div {float:right;}
#listRight .comments .bookTitle div img {vertical-align:middle}
#listRight .comments .bookTitle div span {padding:0 10px;font-size:14px}
#listRight .comments .bookTitle div span b{padding:0 5px;color:red}
#listRight .comments .main {border:1px solid #CFE3F7;margin-top:10px}
#listRight .comments .mTitle {height:34px;padding-top:5px}
#listRight .comments .mTitle ul.left {float:left;line-height:30px;}
#listRight .comments .mTitle ul.left li{float:left;padding:0 10px}
#listRight .comments .mContent {text-align:left;padding:0 10px;text-indent:24px;color:#666}
#listRight .comments .mContent .reply {border:1px solid #ccc;background:#F5F5F5;margin:10px;padding:10px}
#listRight .comments .mContent .reply b {color:#333}
#listRight .comments .mBottom {height:30px;line-height:30px;text-align:right;padding-right:10px;background:#F2F6FF}
#listRight .comments .mBottom a {color:#06C}
#listRight .comments .mBottom ul.right {float:right;line-height:30px;padding-left:10px}
#listRight .comments .mBottom ul.right li{float:left;padding:0 10px}
#listRight .comments .mBottom ul.right li img {vertical-align:middle}
/* 发布评论 */
#listRight .release {border:1px solid #ccc;margin-top:10px;overflow:hidden;width:706px;}
#listRight .release p {text-align:left;padding:5px 20px}
#listRight .release p label {line-height:20px}
#listRight .release p span {padding-left:20px;color:#666}
#listRight .release p .txt {line-height:20px;padding-left:5px;height:20px;border:2px solid #ccc;vertical-align:middle;font-size:12px}
#listRight .release p .textarea {border:2px solid #ccc;width:500px;height:100px;padding:5px 10px}
#listRight .release .button {border:none;text-align:center;color:#fff;font-weight:bold;background:#961C27;border-right:1px solid #666;border-bottom:1px solid #666;height:24px;line-height:24px;font-size:12px;}
/* 个性化表单 */
table.from {border:1px solid #ccc}
table.from th {border:1px solid #ccc;background:#f1f1f1;text-align:right;padding-right:10px;font-weight:normal;height:35px;color:#555}
table.from td {border:1px solid #ccc;text-align:left;padding-left:10px}
table.from td .txt{border:1px solid #999;height:20px;line-height:20px;border-right:1px solid #eee;border-bottom:1px solid #eee;color:#666;padding-left:3px}
table.from td span {padding-left:10px;color:#F60}
table.from td .button {padding:3px 10px}
/* hot list*/
h2 {line-height:40px;text-align:left;font-size:14px;color:#333}
ul.list {float:left;width:100%;border:1px solid #ccc;margin:10px 0;overflow:hidden}
ul.list li {float:left;width:100%;line-height:30px;text-align:left;padding-left:40px;background:url(../images/booklist/arrow.gif) no-repeat 20px}
ul.list li.on {background:#eee url(../images/booklist/arrow.gif) no-repeat 20px}
ul.list li a {font-size:14px}

table.info {margin-top:10px;border:1px solid #C4DEFF;color:#666;clear:both}
table.info .name {width:736px;height:30px;background:#EEF5FF;color:#333;font-weight:normal}
table.info td {line-height:30px;border-bottom:1px solid #eee}
table.info td a {color:#4775B1}
table.info td a.delete {color:#0044DD}
table.info span {color:red}
table.info .left {float:left;}
table.info .right {float:right;}

.sublist {width:890px;margin:10px auto;overflow:hidden;height:120px;}
.sublist .txt {float:left;border:1px solid #ddd;background:#f2f2f2;width:700px;height:50px;font:14px/26px Arial, Helvetica, sans-serif;color:#666;text-indent:30px;text-align:left;padding:7px;overflow:hidden}
.sublist .button {float:left}
.sublist .button2 {float:right;text-align:left;margin-top:20px;height:30px;line-height:30px;background:url(../images/booklist/button05_right.jpg) no-repeat right;padding-right:45px;}
.sublist .button2 span {float:left;display:block;padding-left:10px;background:url(../images/booklist/button05_left.jpg) no-repeat left;padding-left:20px;}