layout.css

非常漂亮的 ecshop 模板 希望大家能够喜欢。

.moduleBg {
  border: 1px solid #d4d4d4;
  margin-bottom: 4px;
}

.globalModule {
  clear: both;
  margin-bottom: 7px;
  overflow: hidden;
  zoom: 1;
  position: relative;
}
.globalModule h3 {
  line-height: 25px;
  color: #333;
  height: 25px;
  padding: 0 8px;
}
.globalModuleContent {
  line-height: 1.6em;
  color: #333;
  padding: 10px;
}
.globalModule .more {
  position: absolute;
  top: 5px;   right: 10px;
}
.globalModule .more a,
.globalModule .more a:visited {
  color:#666666;
}


/*  ==================== 网格方式显示 ====================  */
.itemGrid {
  width: auto;
  overflow: hidden;
 display:block; 
}
#globalMiddle .itemGrid { padding-bottom:10px; display:block; overflow:hidden; zoom:1;}
#globalMiddle .itemGrid .item {
	text-align: center;
	background:#ededed;
	width: 280px;
	height: 112px;
	float: left;
	display:inline;
	padding: 10px 8px 10px 8px!important;
	margin:8px 30px 0px 25px;
}
.l_cpx .itemGrid .item {
	width: 230px!important;
	height: 110px;display:inline;
	margin:8px 0px 0px 5px!important;
	
}
#globalMiddle .itemGrid .item .pic {
  margin-bottom: 14px;
  display:block;
  float:left;
}
#globalMiddle .itemGrid .item .name,
#globalMiddle .itemGrid .item .price, 
#globalMiddle .itemGrid .item .brief,
#globalMiddle .itemGrid .item .btnList{
  margin-bottom: 8px;
  width:150px;
  display:block;
  float:right;
}
.l_cpx .itemGrid .item .name,
.l_cpx .itemGrid .item .price,
.l_cpx .itemGrid .item .btnList {width:110px!important;
  display:block;}

#globalLeft .itemGrid .item {
  text-align: center;
  width: 160px;
  float: left;
  padding: 18px 18px 10px;
}
#globalLeft .itemGrid .item .pic {
  margin-bottom: 14px;
}
#globalLeft .itemGrid .item .name,
#globalLeft .itemGrid .item .price,
#globalLeft .itemGrid .item .btnList {
  margin-bottom: 8px;
}
#globalRight .itemGrid .item {
  text-align: center;
  width: 120px;   height: 200px;
  margin: 0 auto;   padding: 18px 18px 10px;
}
#globalRight .itemGrid .item .pic {
  margin-bottom: 14px;
}
#globalRight .itemGrid .item .name,
#globalRight .itemGrid .item .price {
  margin-bottom: 8px;
}
.itemGrid .item .name a {
  font-weight: bold;
  color: #000000;
}
.itemGrid .item .price {
  color: #666;
}
.itemGrid .item .price .goodsPrice {
  color: #F60; display:block;
}
.itemGrid .item .price .marketPrice {
  color: #000000;
  background: url(../images/line_through.gif) repeat-x center 7px;
}
.itemGrid .item .btnList {
  color: #000000;
}
.itemGrid .item .btnList a {
	text-decoration: none;
	color: #fff;
	background: url(../images/btnList.gif) no-repeat center top;
	padding:2px 8px;
	height: 18px;
	width: 40px;
}
.itemGrid .item .btnList a:hover {
  color: #000;
}
.itemGrid .item .pic img {
  padding: 4px;
}


/*  ==================== 列表方式显示 ====================  */
.itemList .item {
  overflow: hidden;
  padding: 10px;    margin: 10px;
  border: 1px solid #e0e1e2;
  zoom: 1;
}
.itemList .item .pic {
  float: left;
  position: relative;
}
.itemList .item .pic img {
  padding: 4px;
  border: 1px solid #666666;
}
.itemList .item .itemListInfo {
  float: left;
  padding-left: 30px;
}
.itemList .item .itemListInfo .name img {
  vertical-align: middle;
}
.itemList .item .itemListInfo .name a {
  font-weight: bold;
  color: #000000;
}
.itemList .item .price {
  color: #333;
}
.itemList .item .price .goodsPrice {
  color: #F60;
}
.itemList .item .price .marketPrice {
  color: #000000;
  background: url(../images/line_through.gif) repeat-x center 7px;
}
.itemList .item .brief {
  color: #999;
  width: 480px;    height: 30px;
}
.itemList .item .btnList {
  color: #000000;
  text-align: right;
}
.itemList .item .btnList a {
  text-decoration: underline;
  color: #000000;
}
.itemList .item .btnList a:hover {
  color: #666;
}
.itemList .item .sort {
  color: #000000;
}
.itemList .item .name,
.itemList .item .price,
.itemList .item .brief,
.itemList .item .sort,
.itemList .item .btnList {
  margin-bottom: 5px;
}

/*  ==================== 文字方式显示 ====================  */
.itemText .item {
  padding: 10px 20px;
  border-bottom: 1px solid #e0e1e2;
}
.itemText .item .name a {
  font-weight: bold;
  color: #000000;
}
.itemText .item .price {
  color: #333;
}
.itemText .item .price .goodsPrice {
  color: #F60;
  margin-right: 25px;
}
.itemText .item .price .marketPrice {
  color: #000000;
  background: url(../images/line_through.gif) repeat-x center 7px;
  margin-right: 25px;
}
.itemText .item .brief {
  color: #999;
  height: 30px;
}
.itemText .item .btnList {
  color: #000000;
  text-align: right;
}
.itemText .item .btnList a {
  text-decoration: underline;
  color: #000000;
}
.itemText .item .btnList a:hover {
  color: #666;
}
.itemText .item .name,
.itemText .item .price,
.itemText .item .brief,
.itemText .item .btnList {
  margin-bottom: 5px;
}
.tableList {
  width: 100%;
  margin: 5px auto 20px auto;
}
.tableList a,
.tableList a:visited,
.globalModuleContent a,
.globalModule h3 a {
	color: #000000;
}

.tableList th {
  text-align: left;
  vertical-align: top;
  color: #666;
  padding: 3px 3px 3px 10px;
  border-bottom: 1px solid #d4d4d4;
}
.tableList td {
  vertical-align: top;
  padding: 3px 3px 3px 10px;
  border-bottom: 1px solid #e1e1e1;
}
.tableList tr.last td {
  border: 0;
}
.tableList .textInput {
  height: 15px;
  padding: 3px;   margin-right: 5px;
  border: 1px solid #d4d4d4;
}


/***********************************改***********************************/
.fontline {font-size:12px; font-family:"宋体";}
.fontpoint {font-size:12px; font-family:"宋体";}

body {background:#DDDDE3 url(../images/bodybg.jpg) repeat-y left top;}
.div_jfoot {display:block; overflow:hidden; zoom:1; width:100%; clear:both; margin:0px auto; padding:0px; background:#EFEFEF url(../images/bottombg.jpg) repeat-x left top;}
#container {
  width:996px;
  margin:0px auto;
  background:#FFF url(../images/containerbg.jpg) no-repeat center top;}
#globalLeft {
  width:213px;
  float:left;
  margin:0px 8px 0px 0px;}
#globalMiddle {
  width:506px;
  float:left;
  margin:0px 0px 0px 10px}
#globalRight {
  width:213px;
  display:inline;
  float:right;
  margin:0px 0px 0px 0px;}
#globalBigRight {
	width:735px;
	float:right;}
.globalFrame {
	width:920px; margin:0px auto;}

.width_l { width:735px;}
.TabControl { width:735px;}	

/*** 按钮 ***/
.l_query {width:90px;height:26px;background: url(../images/cxddh.gif) no-repeat center top;
border:none;display:block; float:right; margin:0px 8px 5px 0px; cursor:pointer; color:#FFF;}

.l_email {width:42px;height:26px;background: url(../images/dytd.gif) no-repeat center top;
border:none;display:block; float:right; margin-right:8px; margin-bottom:6px; cursor:pointer; color:#FFF;}