/* ͨÓà */
*{margin:0; padding:0;/* background-attachment:fixed;*/}
div,p{wrap-work: break-word; word-break: break-all; word-wrap:break-word; word-break:normal; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing:border-box;}
li{list-style:none;}
em{font-style:normal;}
body{color:#4c6978; font:14px 'microsoft yahei',Arial,Helvetica,sans-serif;}
input,textarea{font:12px '宋体',Arial,Helvetica,sans-serif; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -box-sizing:border-box;}
img{border:none;}
a{color:#4c6978; text-decoration:none; border:none; cursor:pointer;text-overflow:ellipsis;}
a:hover{text-decoration:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.red{color: #ff3300;font-size:14px; }

h1,h2,h3,h4,h5,h6{font-size:16px; font-weight:normal;}

/*header */
header{height:54px; background:#4baacd; line-height:54px; border-bottom:1px #4399b8 solid;display: block;text-align:center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
header img{float:left; width:142px; height:54px;}
header .user{float:right;background-color: #c5f1ff;padding: 3px 6px; margin: 15px 6px;border-radius: 3px;color: #4baacd;height: 20px;line-height: 20px;font-size: 14px;}
header .user, header .user:hover{background-repeat:no-repeat; background-position:6% 30%; background-size:18px 19px;}
header .userin{color:#fff;float:right;padding-right: 10px;}
header .logo{float:left;margin-left:10px;font-weight:bold;color:#fff;font-size:20px;height:54px;line-height:54px;}
header .back{margin: 13px 10px;font-size: 14px;text-align: center;color: #4baacd;border-radius: 3px;background-color: #c5f1ff;line-height: 28px;width: 50px;height: 28px;float: left;}
header .title{display: block;text-align: center;height: 45px;overflow: hidden;margin-right: 60px;color: #fff;text-shadow: 1px 1px #2680aa;border-top: 1px #8ec5d9 solid;}
header .home{font-size: 14px;text-align: center;color: #4baacd;border-radius: 3px;background-color: #c5f1ff;line-height: 28px;width: 50px;height: 28px;float: right;margin: -32px 10px;}

/* nav */
#nav{height:40px; background:#4baacd; line-height:40px; text-align:center; border-bottom:1px #4399b8 solid; font-size:14px; padding:0 10px; border-top:1px #5db3d2 solid;}
#nav a{color:#fff; float:left; width:20%;}
#nav .sel{color:#4aaccf;}

/* smallnav */
#smallnav{height: auto;overflow: hidden;float: left;width: 22%;background: #fff;position: relative;border: 1px #c0deea solid;}
#smallnav a{display: block;height: 50px;line-height: 50px;text-align: center;border-bottom: 1px #c0deea solid;background: #fff;}
#smallnav a.on{border-right: none;color: #fff;background-color:#4baacd;}
#smallnav a.bottom{border-bottom:none;}

/* searchForm */
.searchForm{text-align:center; margin:10px; position:relative; clear:both;}
.searchForm_input{border:1px #c0deea solid; font-size:14px; background:#f8fdff; padding:0 5px; width:100%; height:30px; line-height:30px; color:#cbcfd1;}
.searchForm_btn{position:absolute; right:0; top:0; padding:0; height:30px; width:60px; color:#C0DEEA; padding-left:25px; line-height:30px; border:none; background:url(../images/icon-search.gif) no-repeat 15% 50%; background-size:18px; border-left:1px #C0DEEA solid;}

/* main */
#main,#book-list{width:100%; overflow:hidden; margin:0 auto;}
#main .name{text-shadow: 1px 1px #3c84a6;font-weight:normal;font-size: 16px;background: #68aac2;padding-left: 12px;height: 40px;line-height: 40px;cursor: pointer;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#main .name a{color: #fff;display: block;}
#main .image,#list .image{padding:12px 0px 0px 10px; }
#main .info{padding:0px 10px 0 110px;height:132px;}
#main .intro{height: 80px;text-overflow: ellipsis;overflow: hidden;}
#main .info .newest{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


/* list */
#list{float: left;width: 77%;padding-left:3px;border-top: 1px #c0deea solid;border-left: 1px #c0deea solid;margin-left: -1px;}
#list img{position:absolute; border:1px #b4dae8 solid; width:60px; height:80px;}
#list .info{padding: 0px 0px 8px 80px;}
#list .intro{height:37px;text-overflow: ellipsis;overflow: hidden;}
.page{background: #68aac2;margin: 10px 0px;color: #c5d7df;height: 40px;line-height: 40px;text-align: center;}
.page a{text-align:center;padding:4px 15px 4px 15px;margin-right:5px;border-radius:3px;background:#68aac2;color:#fff}
.page input{padding: 2px 5px;border: 1px #c5d7df solid;background: #f6fcff;color: #4c6978;border-radius: 5px;font-size: 14px;width: 80px;margin-right: 5px;color: #333;text-align: center;}
.listpage{margin:10px;height:36px;line-height:36px;overflow:hidden}
.listpage span{height:36px;line-height:36px;text-align:center}
.listpage .left{float:left;width:25%}
.listpage .left a,.listpage .right a{display:inline-block;height:36px;width:90%;border-radius: 2px;}
.listpage .left a{float:left}
.listpage .right a{float:right}
.listpage .right{float:right;width:25%}
.listpage .middle{width:49%;border:1px solid #dfdfdf;height:34px;display:block;float:left;border-radius:5px}
.listpage .middle em{display:inline-block;width:80%;text-align:center;color:#999;font-style:normal;float:left;line-height:36px;height:30px}
.listpage .middle a{display:inline-block;float:left;width:19%;height:36px;line-height:36px;vertical-align:middle}
.listpage .middle select{border:none;color:#999;display:inline-block;float:left;font-style:normal;height:34px;line-height:34px;text-align:center;width:100%}
.listpage .onclick{background:#1ABC9C;color:#FFF}
.listpage .before{background:#cecece;color:#FFF}

/* article */
article{width:100%;clear:both; overflow:hidden;position:relative; height:auto; }
article img{position:absolute; border:1px #b4dae8 solid; width:87px; height:117px;}
article em{color:red;}
article li{font-size:16px; padding:0 10px; height:40px; display:block; line-height:40px; overflow:hidden;border-bottom: 1px solid #e2eef3;}
article li a {display: block;}
article li span{margin-right:10px;}
article li h2{display : inline}
article .title{color:#375868; font-size:16px;}
article .introbar{font-size:14px; color:#7f9ba8; line-height:22px;padding:6px 10px; }
article .menu{height:auto;overflow:hidden;text-align:center;width: 99%;margin: 0px auto;}
article .menu span{background:#68aac2;border-radius:3px;height:40px;line-height:40px;text-align:center;width:49%;float:left}
article .menu span a{color:#fff;display:block;font-size:16px;}
article .menu .spacing{margin-right: 2%;}
article .latest,article .chapter{padding:0 2px;}
article .no-bookcase{text-align: center;padding: 20px 0;color: red;}
article .new{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* tools */
.tools{text-align:center;height:50px;line-height:50px;background-color:#fff}
.tools a{margin:0 5px;cursor:pointer}
.button{text-align:center;font-weight:700;color:#fff;text-shadow:1px 1px 1px #333;border-radius:5px;margin:3px 10px 10px 0;position:relative;overflow:hidden;padding:5px}
.huyan-off,.light-off{border:1px solid #333;box-shadow:0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset;background:-webkit-linear-gradient(top,#656565,#4c4c4c);background:-moz-linear-gradient(top,#656565,#4a4a4a);background:linear-gradient(top,#656565,#4a4a4a)}
.size-on{border:1px solid #333;padding:5px;background:#2d2d2d;border-radius:5px;color:#fff}
.light-on{border:1px solid #d2a000;box-shadow:0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;background:-webkit-linear-gradient(top,#fece34,#d8a605);background:-moz-linear-gradient(top,#fece34,#d8a605);background:linear-gradient(top,#fece34,#d8a605)}
.huyan-on{border:1px solid #64c878;box-shadow:0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;background:-webkit-linear-gradient(top,#90dfa2,#84d494);background:-moz-linear-gradient(top,#90dfa2,#84d494);background:linear-gradient(top,#90dfa2,#84d494)}

/* content */
#content{font-size:18px;line-height:35px;padding:10px;color:#333;}
#content p{text-indent:2em;line-height: 35px;padding: 2px;}
#text{line-height: 150%;letter-spacing: 0.1em;}
.pagebar{font-size: 14px;padding: 0;background: #d4eaf2;height: 40px;line-height: 40px;text-align: center;}
.pagebar a{padding: 8px 8px;line-height: 35px;font-size: 16px;}

/* recommend */
.hot{margin: 5px;}
.hot dl{line-height:30px;overflow:hidden;height:100%;}
.hot dt{height: 30px;line-height: 30px; font-weight: bold;font-size: 16px;color: #000;}
.hot dd{float:left;width:49%;white-space: nowrap;overflow: hidden;}
.hot dd a{color: #0080C0;}

/* error */
#error{padding:10px;font-size: 16px;color: red;}
#error p{height: 30px;line-height: 30px;}

/* footer */
footer{padding:15px 10px; text-align:center; line-height:33px; background:#68aac2; position:relative; font-size:14px;}
footer a{margin:0 5px; color:#c5d7df; text-shadow:1px 1px #3e86a8;}
footer .link a{margin:0 10px; color:#accad6; font-size:14px;}
footer img{position:absolute; right:25px; top:15px; cursor:pointer; width:31px;}