add

t/css/main.css

@@ -0,0 +1,146 @@
+
+body{
+	width:100%;
+	background-color:#FAFBFB;
+	font-family:"微软雅黑";
+}
+
+
+header div:nth-child(1){
+	position: absolute;
+	left:3px;
+	right: 60px;
+	height:40px;
+}
+
+#search_input{
+	padding-left: 5px;
+	height:40px;
+	width: 100%;
+	border:1px solid #DDDDDD;
+	outline:none;
+	font-size:15px;
+	font-family:'georgia',  "微软雅黑";
+}
+
+header div:nth-child(2){
+	position: absolute;
+	right:3px;
+	width:50px;
+	height:40px;
+}
+#search_btn{
+	width:50px;
+	height:43px;
+	border:0;
+	background-color:#0091FF;
+	border-left:0;
+	border:0;
+	cursor:pointer;
+	outline:none;
+	font-size:15px;
+	color:#FFF;
+}
+
+footer{
+	position:fixed;
+	bottom: 0;
+	left:0;
+	right:0;
+	height:40px;
+	line-height:40px;
+	text-align:center;
+	color:#2BB2A3;
+	border-top: 1px solid #DDD8CE;
+	background-color:#F0EFED;
+}
+
+footer div:nth-child(1){
+	width: 33%;
+	float: left;
+}
+
+footer div:nth-child(2){
+	width: 33%;
+	float: left;
+}
+
+footer div:nth-child(3){
+	width: 33%;
+	float: right;
+}
+
+section{
+	position:absolute;
+	top:64px;
+	right:5px;
+	left:5px;
+	border-top:1px solid #CCCCCC;
+	background-color:#FFFFFF;
+	font-size:12px;
+}
+
+.list_item{
+	margin-top:5px;
+	height:150px;
+	border-bottom: 1px solid #A8A8A8;
+}
+
+.list_img{
+	width:104px;
+	height: 144px;
+	text-align:center;
+}
+
+.list_content{
+	width:130px;
+	height: 144px;
+}
+.list_other{
+	width:50px;
+	height: 144px;
+	color: #8F8F8F;
+}
+
+.list_bookname{
+	font-size:14px;
+	line-height:20px;
+	margin-left:10px;
+	width:120px;
+	height:40px;
+}
+
+.list_author{
+	color:#666666;
+	margin-left:10px;
+	height: 64px;
+	width:120px;
+}
+
+.overflow{
+	overflow: hidden;
+}
+
+.fl{float: left;}
+.fr{float: right;}
+
+.list_bookprice{
+	margin-left:5px;
+	color:#2BB2A3;
+}
+
+.list_price_num{
+	font-size:25px;
+}
+
+.list_other span{
+	position:relative;
+	top:120px;
+}
+
+
+
+
+
+
+