WebContent/resources/home/images/layout.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

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

@charset "utf-8";
/* ================================ */
/* 商城前台模板页面常用样式定义 			*/
/* Author:			Hulihutu		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		Aug-10-2012		*/
/* Retrofit Date:	Sep-01-2012		*/
/* ================================ */

@import url(base.css); /* 公用样式*/
a { color:#555; text-decoration: none;}
a:hover { color: #C00; }

/* 返回首页顶部控制 */
.backToTop { font-size: 12px; line-height: 1.2; color: #fff; background-color: #000; text-align: center; display: none; width: 18px; padding: 5px 0; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);}


.content { width: 1000px; margin: 10px auto 0; }
.content .left { width: 208px; float: left; }
.content .right { width: 780px; float: right; }
.content .left2 { width: 780px; float: left; }
.content .right2 { width: 208px; float: right; }
.brands_btn { font-weight: bold; line-height: 24px; text-indent: 10px; text-decoration: none; color: #fff; background: url(../images/btn.gif) no-repeat -309px 0; display: block; width: 180px; height: 32px; border: 0; margin-left: 6px; cursor:pointer;}
.left .particular { width: 190px; overflow: hidden; }
.left .particular li { width: 190px; overflow: hidden; margin-bottom: 10px; }
.left .particular .picture { float: left; margin: 0 5px; display: inline; }
.left .particular .picture a { /* if IE7/8/9*/ *text-align: center; display: inline; width: 60px; height: 60px; float: left; padding: 1px;  margin:1px; border: solid 1px #F5F5F5;}
.left .particular .picture a:hover { border: solid 2px #d8d8d8; margin:0;}
.left .particular dl { width: 110px; float: right; }
.left .particular dt { height: 20px; line-height: 20px; overflow: hidden; }
.left .particular dt a { font-weight: bold; color: #3d8bd7; text-decoration: none; }
.left .particular dt a:hover { color: #f00; text-decoration: underline; }
.left .particular dd { line-height: 20px; height: 20px; margin-top: 4px; overflow: hidden;}
.left .particular dd img{ height: 16px;}

.module_sidebar .distance { padding-top: 5px; color: #656766; }
.module_sidebar .distance span { font-weight: bold; color: #ff5505; }
.module_sidebar .time { padding-top: 5px; color: #5db1a2; }

.left .list_pic { width: 190px; overflow: hidden; padding-top: 2px; }
.left .list_pic li { width: 190px; overflow: hidden; float: left; padding-bottom: 18px; }
.left .list_pic li p { width: 80px; margin: 0 10px; float: left; display: inline; }
.left .list_pic li p a { display: block; width: 78px; height: 78px; overflow: hidden; border: 1px solid #bbb; }
.left .list_pic li p a:hover {  border: 1px solid #999; }
.left .list_pic h3 { width: 90px; float: right; }
.left .list_pic h3 a { display: block; width: 90px; height: 48px; line-height: 16px; overflow: hidden; font-weight: normal; color: #666; text-decoration: none; font-size: 12px; margin-bottom: 10px; }
.left .list_pic h3 a:hover { text-decoration: underline; color: #f60; }
.left .list_pic h3 span { display: block; color: #fe5504; font-weight: bold; font-size: 14px; }

.left .sidebar_list { line-height: 20px; margin-bottom: 10px; }
.left .sidebar_list dt { height: 28px; margin-bottom: 10px; }
.left .sidebar_list dd {}
.left .sidebar_list dt a { font-weight: bold; line-height: 28px; text-decoration: none; color: #555; background: url(../images/ico.gif) no-repeat 4px -1433px; display: block; height: 28px; padding-left: 24px;}
.left .sidebar_list dt a:hover { text-decoration: underline; }
.left .sidebar_list dd a { display: block; height: 24px; padding-left: 15px; overflow: hidden; color: #666; text-decoration: none; background: url(../images/ico.gif) no-repeat -20px 2px; }
.left .sidebar_list dd a:hover { color: #ff6000; text-decoration: underline; }

.message { background: url(../images/member/ncus_public.png) no-repeat -238px -408px; _background-image: url(../images/ie6/ncus_public.gif)/*IE6*/; text-indent: 9999px; display: inline-block; width: 11px; height: 9px; vertical-align:middle; margin-left: 5px;}

/* 列表样式*/