css/index.css

微信扫码关注公众号，代码整理好后第一时间通知你。

/*---------------------------------全局----------------------------*/
#middel{ margin-top:40px; }
/*-----------------------------------新闻--------------------------*/
#news{ height:330px; margin-bottom:20px; }

#newsbanner { float:left; width:60%; height:330px; clear:none; }
.banner .inner { width:100%; margin-top:270px; height:70px; z-index:1; background:#000; filter:alpha(Opacity=60);-moz-opacity:0.8;opacity: 0.8; }
.banner .innertext{ margin-top:-10px; width:100%; padding-top:4px; }
.banner .inner h1 { font-size: 17px;color: rgb(255, 255, 255); font-weight:500; }

#newsgrids { float:left; width:39%; height:330px;  }
.newsgrid { width:50%; height:50%; float:left; background: transparent; padding:15px; padding-top:50px; cursor:pointer;}
.newsgrid p { font-size:15px; color:#fff; line-height:25px; font-weight:600; }

/*-------------------------------左边栏----------------------------*/
.leftside{ min-width:200px; max-width:250px;}
#hotbooks { height:1000px; width:100%; }
.hotbook { height:180px; width:100%;  margin-bottom:20px; border-bottom:#999 solid 1px; }
.sidebookname { height:30px; width:100%; }
.sidebookcover { float:left; height:140px; width:62%; margin-left:-20px;}
.sidebookcover img {height:90%; }
.sidebookmes { float:left; height:140px; width:38%; }

#share { margin-top:30px; width:80%; }
#weixin { height:200px; }
#weixin img { height:150px; }

/*------------------------------书籍推荐-------------------------*/
.book { height:180px; margin-bottom:25px; border:#bbb solid 1px; border-radius:3px; border-left:3px solid #5bc0de; }
.booktitle {  height:35px; padding-top:8px; padding-left:10px; border-bottom:1px solid #ccc; }
.bookname { color:#09c; font-size:16px; }
.bookauthor, .booktype { color:#f40; }
.bookcover { float:right; height:145px; width:30%; margin-top:4px; }
.bookcover img { height:90%;}
.bookshortmain { float:left; height:145px; width:68%; padding-left:10px; }