ecshop2.7.3 京东模板

于 2012-11-14 00:02:29 发布
阅读量1.5k 收藏
点赞数
分类专栏： php基础 ecshop
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ibmfahsion/article/details/8181043
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE6" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Keywords" content="{$keywords}" />
  <meta name="Description" content="{$description}" />
  <!-- TemplateBeginEditable name="doctitle" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="animated_favicon.gif" type="image/gif" />
<title>{$page_title}</title>
  {* 包含脚本文件 *}{insert_scripts files='common.js,index.js'} 
 
 
<script type="text/javascript">
function $id(element) {
  return document.getElementById(element);
}
//切屏--是按钮，_v是内容平台，_h是内容库
function reg(str){
  var bt=$id(str+"_b").getElementsByTagName("h2");
  for(var i=0;i<bt.length;i++){
    bt[i].subj=str;
    bt[i].pai=i;
    bt[i].style.cursor="pointer";
    bt[i].οnmοusemοve=function(){
      $id(this.subj+"_v").innerHTML=$id(this.subj+"_h").getElementsByTagName("blockquote")[this.pai].innerHTML;
      for(var j=0;j<$id(this.subj+"_b").getElementsByTagName("h2").length;j++){
        var _bt=$id(this.subj+"_b").getElementsByTagName("h2")[j];
        var ison=j==this.pai;
        _bt.className=(ison?"":"h2bg");
      }
    }
  }
  $id(str+"_h").className="none";
  $id(str+"_v").innerHTML=$id(str+"_h").getElementsByTagName("blockquote")[0].innerHTML;
}

</script>
 
 
 
 
 
 
</head>

<body>

 


  <div id="container">
    <!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->
    <div id="globalLeft">
 <!-- #BeginLibraryItem "/library/category_tree.lbi" -->

<style>
.hove{
margin:0;
padding:0;
}
.hove a{
margin:0;
padding:0;
}


.hove a:hover{
background:#f2f2f1;/*活动小类背景*/
}

#cat-div ul li a:hover{
color:#333;/*活动小类颜色*/
}
#cat-div .parent-cat a:hover{
color:#d04493;/*大类颜色*/
}
</style>

<div id="categoryTree2" class="globalModule " style="position: static">
 <h3><div id="list_t_l"><div id="list_t_r"><b>商品分类</b></div></div></h3>
 
 <div id="global_box" style="padding:7px 0;width:209px; overflow:hidden">


   <script>var cat_id = new Array(); var a=0;</script>
<!--{foreach from=$categories item=cat}-->
   <div class="cate1"><a target="_blank" href="category.php?id={$cat.id}" style="color:#d6290b; font-size:14px;">{$cat.name|escape:html}</a></div>
  <!--{foreach from=$cat.children item=child }-->
  <script>cat_id[a] = {$child.id}; a=a+1; </script>
    <dl>
     <dt onMouseMove="return tab_in('{$child.id}');" class="cate2">
      <div class="cata_zi">
     <a target="_blank" href="category.php?id={$child.id}">{$child.name|escape:html}</a> - {foreach from=$child.children item=child3}
        &nbsp;{$child3.name|escape:html}&nbsp;
        {/foreach}
      </div>
     </dt>
      <dd id="cat_{$child.id}" onMouseOut="return tab_out('cat_{$child.id}');" class="cate2_1" >
       <div style="float:left; width:181px; height:27px; background:url(images/index_cat_bgl.gif) no-repeat ; position:relative; z-index:2; padding-left:10px;"><a target="_blank" href="category.php?id={$child.id}" style="">{$child.name|escape:html}</a>
      
       </div>
       <div style="float:left; width:204px; margin-left:-1px; z-index:1; position:relative;">
       <div style=" background:url(images/index_cat_bgt.png) no-repeat; width:204px; height:23px;">&nbsp;</div>
       <div style="background:url(images/index_cat_bgc.gif) repeat-y; width:199px; margin-top:-14px; padding-left:5px; " class="index_category">
       <div style="clear:both"></div>
       <div class="cate3th">
      
        {foreach from=$child.children item=child3}
        &nbsp;<a target="_blank" href="category.php?id={$child3.id}">{$child3.name|escape:html}</a>&nbsp;
        {/foreach}

       </div>
        <div style="clear:both"></div>
       </div>
       <div style=" background:url(images/index_cat_bgb.png) no-repeat; width:205px">&nbsp;</div>
       </div>
      </dd>
    </dl>
   <!-- {/foreach} -->
<!-- {/foreach} -->
</div>

 

 

 

 


<script>
var all_num = a;
function tab_in(num)
{
 var b = 'cat_'+num;
 for(i=0;i<all_num;i++)
 {
  var d = 'cat_'+ cat_id[i];
  document.getElementById(d).style.display = 'none';
 }
 document.getElementById(b).style.display = 'block';
 return false;
}

function tab_out(pName)
{
 var c = pName;
 var obj = event.toElement;
    while( obj!=null && obj.id!=pName )
 {
        obj = obj.parentElement;
    }
 if( obj==null ){ document.getElementById(c).style.display = 'none'};
 
 return false;
}

function close_all()
{
 for(i=0;i<all_num;i++)
 {
  var d = 'cat_'+ cat_id[i];
  tab_out(d);
 };
 return false;
}
</script>
 <!-- #EndLibraryItem -->
 


<!-- TemplateBeginEditable name="主区域左侧下" -->
<!-- TemplateEndEditable -->  

 </div><!-- /globalLeft -->
 

   <div  class="focus" >
        <!-- #BeginLibraryItem "/library/index_ad.lbi" --><!-- #EndLibraryItem -->
      </div><!-- /promotionVideo -->
  
   <div id="globalRight">
  
   </div>

     <div id="globalRight">
      <!-- TemplateBeginEditable name="主区域右侧" -->
<!-- #BeginLibraryItem "/library/new_articles.lbi" -->

<div id="newArticle" class="globalModule">
  <h3><div id="list_t_l"><div id="list_t_r"><b>公告</b>  &nbsp;&nbsp;&nbsp;&nbsp;   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a target="_blank" href="../article_cat.php?id=12 "> 更多>></a></div></div></h3>
<div id="global_box">
  <ul class="linkSkyblue">
      <!-- {foreach name=new_articles from=$new_articles item=article} -->

     <div class="txt_list">
     <a target="_blank"  href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title|truncate:12}</a>
    
     </div>

      <!-- {/foreach} -->
    </ul>
</div> 
</div>
<div class="blank"></div>
 <!-- #EndLibraryItem -->
<!-- TemplateEndEditable --> 
  </div>
  <!-- /globalRight -->
 
 </div>
 
 
 
 
 
  <div id="container">
    <div id="globalMiddle">
   
     
     
      <!-- TemplateBeginEditable name="主区域中间" -->
<!-- #BeginLibraryItem "/library/recommend_best.lbi" -->

<!-- {if $best_goods} -->
<div id="globalBest" class="globalModule">
<h3>


<div id="recom_title_r">
<div id="recom_title_l">
<span>推荐商品</span>

 

<a  target="_blank" href="../search.php?intro=best">更多推荐>></a> 
</div>      
</div>      

 

</h3>
  <div id="show_best_area" class="itemGrid">

    <!-- {foreach from=$best_goods item=goods} -->
    <div class="item">

      <p class="pic"><a target="_blank" href="{$goods.url}"><img  src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a></p>
      <p class="name"><a target="_blank" href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name} <span>{$goods.brief}</span></a></p>
    
      <p class="price">
        <!-- {if $goods.promote_price neq ""} -->
        {$lang.promote_price}<span class="goodsPrice">{$goods.promote_price}</span>
        <!-- {else}-->
        {$lang.shop_price}<span class="goodsPrice">{$goods.shop_price}</span>
        <!--{/if}-->
      </p>
    
    </div>
    <!-- {/foreach} -->

  </div>
</div>
<div class="blank"></div>
<!-- {/if} -->

 <!-- #EndLibraryItem -->
<!-- #BeginLibraryItem "/library/recommend_hot.lbi" -->

<!-- {if $hot_goods} -->
<div id="globalBest" class="globalModule">
<h3>
<div id="recom_title_r">
<div id="recom_title_l">
<span>热卖商品</span>

 

<a  target="_blank" href="../search.php?intro=hot">更多热卖>></a> 
</div>      
</div>     
</h3>
  <div id="show_hot_area" class="itemGrid">
 
 
  <div class="clearfix">
    <!-- {foreach from=$hot_goods item=goods name=hot} -->
     <!-- {if $smarty.foreach.hot.iteration<4}-->
 <div class="item hot_item1">
      <p align="center" class="pic"><a target="_blank" href="{$goods.url}"><img style="width:220px; height:250px;margin:0 auto; text-align:center" src="{$goods.thumb}" alt="{$goods.name|escape:html}"/></a></p>
      <p align="center" class="name"><a target="_blank" href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>
     
      <p align="center" class="price">
    
        <!-- {if $goods.promote_price neq ""} -->
    {$goods.promote_price}
        <!-- {else}-->
       {$goods.shop_price}
        <!--{/if}-->
      </p>
     </div>
    <!-- {/if} --> 
     <!-- {/foreach} -->
   </div> 
    
    
<div class="clearfix">
     <!-- {foreach from=$hot_goods item=goods name=hot} -->
     <!-- {if $smarty.foreach.hot.iteration>3   &  $smarty.foreach.hot.iteration<7 }-->
 <div class="item hot_item2">
      <p align="center" class="pic"><a target="_blank" href="{$goods.url}"><img  src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a></p>
      <p align="center" class="name"><a target="_blank" href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>
     </div>
    <!-- {/if} --> 
     <!-- {/foreach} -->
   </div>

  <div class="hot_item3box clearfix">
       <!-- {foreach from=$hot_goods item=goods name=hot} -->
     <!-- {if $smarty.foreach.hot.iteration>6   &  $smarty.foreach.hot.iteration<13 }-->
     <div class="item hot_item2">
     <a target="_blank" href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a>
     </div>
    <!-- {/if} --> 
     <!-- {/foreach} -->  
  </div>
 
 
     <div class="clearfix">
     <!-- {foreach from=$hot_goods item=goods name=hot} -->
     <!-- {if $smarty.foreach.hot.iteration>12   &  $smarty.foreach.hot.iteration<16 }-->
 <div class="item hot_item2">
      <p align="center" class="pic"><a href="{$goods.url}"><img  src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a></p>
      <p align="center" class="name"><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a></p>
     </div>
    <!-- {/if} --> 
     <!-- {/foreach} -->
       </div>
      <div class="hot_item3box clearfix">
       <!-- {foreach from=$hot_goods item=goods name=hot} -->
     <!-- {if $smarty.foreach.hot.iteration>15   &  $smarty.foreach.hot.iteration<22 }-->
     <div class="item hot_item2">
     <a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}</a>
     </div>
    <!-- {/if} --> 
     <!-- {/foreach} -->  
  </div>
    
  </div>
</div>
<div class="blank"></div>
<!-- {/if} -->

 <!-- #EndLibraryItem -->
<!-- #BeginLibraryItem "/library/recommend_new.lbi" -->

<!-- {if $new_goods} -->

 

<div id="globalBest" class="globalModule">
<h3>

<div id="recom_title_r">
<div id="recom_title_l">
<span>新品上市</span>

 

<a target="_blank" href="../search.php?intro=new">更多新品>></a> 
</div>      
</div>  

  
</h3>
  <div id="show_new_area" class="itemGrid">
 
 
  <DIV class=container>
<SCRIPT>
function Marquee()
{
 this.ID = document.getElementById(arguments[0]);
 this.Direction = arguments[1];
 this.Step = arguments[2];
 this.Width = arguments[3];
 this.Height = arguments[4];
 this.Timer = arguments[5];
 this.WaitTime = arguments[6];
 this.StopTime = arguments[7];
 if(arguments[8])
  this.ScrollStep = arguments[8]
 else
  this.ScrollStep = this.Direction>1 ? this.Width : this.Height;
 this.CTL = this.StartID = this.Stop = this.MouseOver = 0;
 this.ID.style.overflowX = this.ID.style.overflowY = "hidden";
 this.ID.noWrap = true;
 this.ID.style.width = this.Width;
 this.ID.style.height = this.Height;
 this.ClientScroll = this.Direction>1 ? this.ID.scrollWidth : this.ID.scrollHeight;
 this.ID.innerHTML += this.ID.innerHTML;
 this.Start(this,this.Timer,this.WaitTime,this.StopTime);
}


Marquee.prototype.Start = function(msobj,timer,waittime,stoptime)
{
 msobj.StartID = function(){msobj.Scroll()}
 msobj.Continue = function()
    {
     if(msobj.MouseOver == 1)
     {
      setTimeout(msobj.Continue,waittime);
     }
     else
     { clearInterval(msobj.TimerID);
      msobj.CTL = msobj.Stop = 0;
      msobj.TimerID = setInterval(msobj.StartID,timer);
     }
    }
 msobj.Pause = function()
   {
    msobj.Stop = 1;
    clearInterval(msobj.TimerID);
    setTimeout(msobj.Continue,waittime);
   }
 msobj.Begin = function()
 {
  msobj.TimerID = setInterval(msobj.StartID,timer);
  msobj.ID.onmouseover = function()
     {
      msobj.MouseOver = 1;
      clearInterval(msobj.TimerID);
     }
  msobj.ID.onmouseout = function()
     {
      msobj.MouseOver = 0;
      if(msobj.Stop == 0)
      {
       clearInterval(msobj.TimerID);
       msobj.TimerID = setInterval(msobj.StartID,timer);
      }
     }
 }
 setTimeout(msobj.Begin,stoptime);
}

Marquee.prototype.Scroll = function()
{
 switch(this.Direction)
 {
  case 0:
   this.CTL += this.Step;
   if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
   {
    this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
   }
   else
   {  
    if(this.ID.scrollTop >= this.ClientScroll)
    {
     this.ID.scrollTop -= this.ClientScroll;
    }
    this.ID.scrollTop += this.Step;
   }
  break;

  case 1:
   this.CTL += this.Step;
   if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
   {
    this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
   }
   else
   {
    if(this.ID.scrollTop <= 0)
    {
     this.ID.scrollTop += this.ClientScroll;
    }
    this.ID.scrollTop -= this.Step;
   }
  break;

  case 2:
   this.CTL += this.Step;
   if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
   {
    this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
   }
   else
   {
    if(this.ID.scrollLeft >= this.ClientScroll)
    {
     this.ID.scrollLeft -= this.ClientScroll;
    }
    this.ID.scrollLeft += this.Step;
   }
  break;

  case 3:
   this.CTL += this.Step;
   if(this.CTL >= this.ScrollStep && this.WaitTime > 0)
   {
    this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
   }
   else
   {
    if(this.ID.scrollLeft <= 0)
    {
     this.ID.scrollLeft += this.ClientScroll;
    }
    this.ID.scrollLeft -= this.Step;
   }
  break;
 }
}
-->
</SCRIPT>

<DIV id=textdiv style="height:164px; overflow:hidden">
<DIV id=lr>

<div>
 <DIV class="cxtj2" >
    <!--滚动开始-->

         <!--{foreach from=$new_goods item=goods}-->
    <div class="item" style=" border-bottom:none; height:163px; padding:0; padding-top:1px;">
  
      <p class="pic"><a target="_blank" href="{$goods.url}"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" /></a></p>
      <p class="name" ><a target="_blank" href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_style_name}<span>{$goods.brief}</span></a></p>
    
      <p class="price">
        <!-- {if $goods.promote_price neq ""} -->
        {$lang.promote_price}<span class="goodsPrice">{$goods.promote_price}</span>
        <!-- {else}-->
        {$lang.shop_price}<span class="goodsPrice">{$goods.shop_price}</span>
        <!--{/if}-->
      </p>

     </div>
    <!-- {/foreach} -->
       <!--滚动结束-->
      </DIV>
</div>


</DIV></DIV>
<SCRIPT defer>
  if   (screen.width   <   1025)  
      new Marquee("textdiv",0,4,546,164,7,3000,7)
  else  
      new Marquee("textdiv",0,4,766,164,7,3000,7)
</SCRIPT>


</DIV>

 

  </div>
</div>

<!-- {/if} -->

 <!-- #EndLibraryItem -->
<!-- TemplateEndEditable -->   


</div><!-- /globalMiddle -->
 

 

 


</div>

 

 

 

 


    <!-- #BeginLibraryItem "/library/help.lbi" --><!-- #EndLibraryItem -->
    <!-- {if $img_links  or $txt_links } -->
    <div id="globalLink" class="globalModule">
      <!-- {if $img_links} -->
      <p>
        <!-- 开始图片类型的友情链接{foreach from=$img_links item=link} -->
        <a target="_blank" href="{$link.url}" target="_blank" title="{$link.name}"><img src="{$link.logo}" alt="{$link.name}" /></a>
        <!-- 结束图片类型的友情链接{/foreach} -->
      </p>
      <!-- {/if} -->
      <!-- {if $txt_links} -->
      <p>
        <!-- 开始文字类型的友情链接{foreach from=$txt_links item=link} -->
        [<a target="_blank" href="{$link.url}" target="_blank" title="{$link.name}">{$link.name}</a>]
        <!-- 结束文字类型的友情链接{/foreach} -->
      </p>
      <!-- {/if} -->
    </div><!-- /globalLink -->
    <!-- {/if} -->
    <!-- #BeginLibraryItem "/library/page_footer.lbi" -->
 <!-- #EndLibraryItem -->
 

<!-- /container -->
{insert_scripts files='my_lefttime.js'}
</body>
</html>

 

 

 

 

 

/* 1280 */
#container {
  width:1200px;
  margin: 0 auto; position:relative;
}
#globalLeft {
  width: 211px;
  float: left;
  padding-right:1px;
}


/* 1280 */
#globalMiddle{width:1200px; float:left; _overflow:hidden}

.table1  td,.table1  th{ padding:5px}

 

 

#globalMiddle .m_none {
display:none;}

#globalRight {
  width: 100px;
  display: inline;
  float: right;
}
#globalRight .r_none{
display:none;
}


/* 1280 */
#globalBigRight {
float:right; width:983px;_width:980px;
}

 

#globalBigRight3 {
float:right; width:980px;
}

 

 

#globalBigRight #globalRight {
  margin: 0;
}
.globalFrame {
  width: 980px;
}
#globalBigRight{}

.moduleBg {
  background: #f5fcfe url(../images/module_bg.gif) no-repeat;
  border: 1px solid #a5d2eb;
  margin-bottom: 4px;
}


#globalBest h3{line-height: 28px; width:100%; padding:0;
height: 28px;
background:url(../images/recom_title_m.gif) repeat-x;float:left;
}
#recom_title_r{background:url(../images/recom_title_r.gif) right 0 no-repeat;float:left; width:100%;height: 28px;}
#recom_title_l{background:url(../images/recom_best.gif) left 0 no-repeat;float:left; width:100%;height: 28px;}


#recom_title_r span{ float:left; font-weight:bold; color:#FFFFFF; font-size:14px; padding-left:15px;}


#recom_title_r a{color:#999999; font-weight:normal; float:right; padding-right:5px; line-height:28px;}

 

 

.title_goods{ float:left; color:#FFF; font-size:14px; padding-left:15px;}
#recom_title_r a{ line-height:27px;}
.none_box .dis_none{ display:none}

.globalModule {

}


#globalLeft .globalModule h3 {
line-height: 27px; width:100%;
color: #333;
height: 27px;
background:url(../images/spring_06.gif);float:left; 
}

#globalLeft .globalModule h3 #list_t_l{height: 27px;  width:100%; padding:0; margin:0;
}
#globalLeft .globalModule h3 #list_t_r{ font-size:14px;float:left;
 height: 27px; width:100%;
}

 

 

 

 


#globalLeft .globalModule1 .h32{
line-height: 30px; width:100%;
color: #fff;
height: 27px; overflow:hidden;
background:url(../images/h32.gif);float:left; text-align:right; 
}

#globalLeft .globalModule1 .h32 b{ padding-left:10px; float:left; font-size:14px;}
#globalLeft .globalModule1 .h32 a{ color:#FFF; font-weight:normal; float:right; padding:5px 6px 0 0}

#globalLeft .globalModule1 .h31 {
line-height: 27px; width:100%;
color: #fff;
height: 27px;
background:url(../images/spring_06.jpg);float:left; 
}

#globalLeft .globalModule1 .h31 #list_t_l{height: 27px;  width:100%; padding:0; margin:0;
}
#globalLeft .globalModule1 .h31 #list_t_r{ font-size:14px;float:left;
 height: 27px; width:100%;
}
#globalLeft .globalModule1 .h31 b{ padding-left:10px;}

 

#globalRight .globalModule h3 {
line-height: 27px;  width:100%;
color: #333;
height: 27px;
background:url(../images/spring_06.gif) no-repeat;float:left; 
}

#globalRight .globalModule h3 #list_t_l{height: 27px;   width:100%; padding:0; margin:0;
}
#globalRight .globalModule h3 #list_t_r{ font-size:14px;float:left;
 height: 27px;   width:100%;
}

 

 


.globalModule h3 #list_t_r b{ margin:0 10px;
}
.globalModule #global_box{ border:1px solid #eaeaea; border-top:none; padding:10px 4px; float:right; width:200px;}

 

#globalRight .globalModule .h3_3,#globalLeft .globalModule .h3_3 {
line-height:30px; width:100%;
color: #cc0000;
height:30px;
background:url(../images/h3_3.gif);float:left; 
}

.h3_3 #list_t_l{height:30px;  width:100%; padding:0; margin:0;
}
.h3_3 #list_t_r{ font-size:14px;float:left;
 height:30px; width:100%;
}

 


.focus{

width:760;
padding: 1px 1px 1px 1px;
float:left;

}

 

.liye .globalModule #global_box{ border:1px solid #eaeaea; border-top:none;padding: 1px 1px 1px 1px}

.globalModuleContent {
  line-height: 1.6em;
  color: #333;
  padding: 10px;
}
.globalModuleContent a {
  color: #5fb0dc;
}
.globalModule .more {  margin:0; padding:5px 0 3px 0; text-align:right; padding-right:5px; display:block;}
.globalModule .more a{ color:#005aa0;}
.globalModule .globalTag {
  position: absolute;
  top:6px;   left:160px;
}
.globalModule .globalTag h2{
  float:left; border:1px solid #a5d2eb;
 border-bottom:none; padding:2px 4px 0 4px; margin-right:5px;
 background:#fff; height:18px; line-height:18px;
 font-weight:100;
}
.globalModule .globalTag h2.h2bg{
border:none; background:none;
}
.globalModule .globalTag h2 a{
color:#d6290b; text-decoration:none; font-weight:bold;
}
.globalModule .globalTag h2.h2bg a{
color:#333; text-decoration:none; font-weight:normal;
}

 

#globalCatgoods h3{ background:#0033FF}

 

#globalcat h3{ background: url(../images/globalcat_m.gif) repeat-x ; height:30px;line-height:30px; width:100%; text-align:left}

#globalcat h3 .cat_r{ background:url(../images/globalcat_r.gif) right 0 no-repeat;width:100%;_width:98%; float:left}
#globalcat h3 .cat_r span{ float:left;width:100%;background:url(../images/globalcat_l.gif) 0 0 no-repeat;}
#globalcat h3 .cat_r span a{ line-height:30px; font-size:14px; color:#cc0000}

 


#globalcat .itemGrid{ background:url(../images/dot.gif) 0 0 repeat-y; border-bottom:1px solid #e6e6e6}

 

#globalcat .itemGrid .in{ background:url(../images/dot.gif) right 0 repeat-y ; float:left; width:100%}

/*升级到2.5.1时加的—促销信息*/
.promotion_info{
padding:5px 0 5px 5px; line-height:23px;
}
.promotion_info acronym{
width:7px; height:7px;
position:relative; top:5px;
}
/*  ==================== 网格方式显示 ====================  */
.itemGrid {
  width: 100%; height:auto;
  overflow: hidden;
}
#globalMiddle .itemGrid{height:auto; float:left;width: 100%;}
#globalMiddle .itemGrid .item {
  text-align: center;
 /*  width:33.3%;height: 173px; overflow:hidden; padding:5px 0; border-bottom:1px dotted #dedede; */
  width:20%;height: 173px; overflow:hidden; padding:5px 0; border-bottom:1px dotted #dedede;
  float: left;
}

#globalMiddle .itemGrid .item p {
}

#globalMiddle .itemGrid .item .pic {
 margin:0 0 6px 0;
}
#globalMiddle .itemGrid .item .name,
#globalMiddle .itemGrid .item .price {
  margin:0;
}
<!--#globalMiddle .itemGrid .item .pic img{ width:100px; height:100px;} -->
#globalMiddle .itemGrid .item .pic img{ width:180px; height:200px;}

 

 


#globalMiddle .itemGrid .hot_item1 .price{ display:block; height:18px; line-height:18px; background:#ff3333; position:absolute;
 right:10px; top:110px;padding:0 5px; color:#fff; font-weight:bold}

 


#globalLeft .itemGrid .item {
  text-align: center;
  width: 160px;
  float: left;
  padding: 18px 18px 10px;
}
#globalLeft .itemGrid .item .pic {line-height:20px; 
  margin-bottom: 14px;
}
#globalLeft .itemGrid .item .name,
#globalLeft .itemGrid .item .price,
#globalLeft .itemGrid .item .btnList {
  margin-bottom: 8px;
}
#globalRight .itemGrid .item {
  overflow: hidden;
  padding: 10px;
  zoom: 1; border-bottom:1px dotted #dedede;
}

 


#globalRight .itemGrid .item .pic {
  float: left;
  margin-right: 10px;
}
#globalRight .itemGrid .item img{ width:50px; height:50px;
}
#globalRight .itemGrid .item .name,
#globalRight .itemGrid .item .price {
  margin-bottom: 0px;
}


#globalRight2 .itemGrid .item { text-align:left;
  overflow: hidden; width:100%;

  zoom: 1; background: url(../images/line_1.gif) repeat-x 0 bottom;
}
#globalRight2 .itemGrid .item .pic {
  float: left;
  margin-right: 10px;
}
#globalRight2 .itemGrid .item img{ width:50px; height:50px;
}
#globalRight2 .itemGrid .item .name,
#globalRight2 .itemGrid .item .price {
  margin-bottom: 0px;
}

 

#globalBigRight .itemGrid{height:auto; float:left;width: 100%;}
#globalBigRight .itemGrid .item {
  text-align: center;
  width:24%;  height: 160px; overflow:hidden; padding:14px 0px;
  float: left;
}
#globalMiddle .itemGrid .item .name{ height:40px; overflow:hidden;padding:0 10px; display:block;word-break:break-all;white-space:normal;word-wrap:break-word; }


#globalMiddle  .globalModule{
float:left;
width:760;

}

#newArticle{
float:right;
width:200;
}

#globalBigRight .itemGrid{height:auto; float:left;width: 100%;}
#globalBigRight .itemGrid .item {
  text-align: center;
  width:24%;  height: 185px; overflow:hidden; padding:14px 0px;
  float: left;
}
#globalBigRight .itemGrid .item .name{ height:36px; overflow:hidden;margin:0 15px; padding-bottom:6px;}
#globalBigRight .itemGrid .item .name span{ color:#ff0000}
#globalBigRight .itemGrid .item  .goodsPrice{ color:#FF0000}

.name a span{ color:#ff6600}

 

 

.itemGrid .item .name a {line-height:20px;
}
.itemGrid .item .price {
  color: #999; margin:0; line-height:20px;
}

.itemGrid2 .item .name a { line-height:18px; height:36px; overflow:hidden; display:block}
#globalRight .itemGrid2 .item { border:none; padding:0px 5px;}

 

.goodsPrice {
  color: #ff6600; font-weight:bold;
}
.marketPrice {
  color: #999; text-decoration:line-through
}
.itemGrid .item .btnList {
  color: #5fb0dc;
}
.itemGrid .item .btnList a {
  text-decoration: underline;
  color: #5fb0dc;
}
.itemGrid .item .btnList a:hover {
  color: #666;
}
.itemGrid .item .pic img { width:130px; height:130px;
}


/*  ==================== 列表方式显示 ====================  */
.itemList .item {
  overflow: hidden;
  padding: 10px;
  zoom: 1; border-bottom:1px dotted #ccc
}
.itemList .item .pic {
  float: left;
  position: relative;
}
.itemList .item .pic img { width:130px; height:130px;
}
.itemList .item .itemListInfo {
  float: left;
  padding-left: 30px;
}
.itemList .item .itemListInfo .name img {
  vertical-align: middle;
}
.itemList .item .itemListInfo .name a {
  font-weight: bold; font-size:14px;
  color: #333;
}
.itemList .item .price {
  color: #333;
}
.itemList .item .price .goodsPrice {
  color: #f00; font-weight:bold;
}
.itemList .item .price .marketPrice {
  color: #333;
  background: url(../images/line_through.gif) repeat-x center 7px;
}
.itemList .item .brief {
  color: #999;
  width: 280px;    height: 30px;
}
.itemList .item .btnList {
  color: #5fb0dc;
}
.itemList .item .btnList a {
  text-decoration: underline;
  color: #5fb0dc;
}
.itemList .item .btnList a:hover {
  color: #666;
}
.itemList .item .sort {
  color: #333;
}
.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: #333;
}
.itemText .item .price {
  color: #666;
}
.itemText .item .price .goodsPrice {
  color: #e42e2f;
  margin-right: 25px;
}
.itemText .item .price .marketPrice {
  color: #333;
  background: url(../images/line_through.gif) repeat-x center 7px;
  margin-right: 25px;
}
.itemText .item .brief {
  color: #999;
  height: 30px;
}
.itemText .item .btnList {
  color: #5fb0dc;
}
.itemText .item .btnList a {
  text-decoration: underline;
  color: #5fb0dc;
}
.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 th {
  text-align: left;
  vertical-align: top;
  color: #333;
  padding: 3px 3px 3px 10px;
}
.tableList td {
  vertical-align: top;
  padding: 3px 3px 3px 10px;

} 

.tab_box .tableList td {
 background:url(../images/line_1.gif) 0 bottom repeat-x;
} 

 

.tableList tr.last td {
  border: 0;
}
.tableList .textInput {
  height: 15px;
  padding: 2px;   margin-right: 5px;
  border: 1px solid #ccc;
}

.userMenu a{display:block; height:25px; line-height:25px; background:url(../images/menuBg.gif) no-repeat 0 -30px;
    color:#3f3f3f; text-decoration:none; margin:0 0 3px 0; padding-left:3px;}
.userMenu a.curs{background:url(../images/menuBg.gif) no-repeat 0 0; font-weight:bold;}
.userMenu a img{ margin-right:3px;}
.quotation *{ vertical-align: middle;}
 .blank{height:8px; line-height:8px; clear:both; visibility:hidden;}
  .blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
 
 
 
 
 
 
 
 
 
  #globalMiddle .itemGrid .hot_item1 { height:180px; position:relative;border-bottom:1px solid #e2ebf4}

#globalMiddle .itemGrid  .hot_item2  { height:50px; border:none; padding:10px 0;}
#globalMiddle .itemGrid  .hot_item2  .pic img{ width:50px; height:50px; float:left}
#globalMiddle .itemGrid  .hot_item2  .pic { float:left; padding-left:12px;}
#globalMiddle .itemGrid  .hot_item2  .name{ text-align:left; padding-top:6px; }
 
 #globalMiddle .itemGrid .hot_item3box{ background:#f3f8fc; width:100%; padding:10px 0;border-bottom:1px solid #e2ebf4;}
 #globalMiddle .itemGrid .hot_item3box .hot_item2 { height:20px;line-height:20px; overflow:hidden; background:url(../images/biao9.gif) 13px 8px no-repeat; padding:0; border:none; text-align:left; float:left }
 
  #globalMiddle .itemGrid .hot_item3box .hot_item2  a{ padding-left:23px;}
 
 
 

 
 
 /*  ==================== 商品类排行榜 ====================  */
  .top10 #global_box{ padding:0; width:209px; border-bottom:none}
 .top10 .itemGrid2{ padding:0; margin:0}
.top10 .tab_title{ border-bottom:1px solid #cc0000; width:100%; padding:0; padding-top:7px;}
.top10 .tab_title h2{ background:url(../images/top10_a.gif) no-repeat; width:62px; height:19px;line-height:19px; text-align:center; font-weight:normal; float:left; color:#cc0000; margin-left:4px;}
.top10 .tab_title .h2bg{ background:url(../images/top10_b.gif) no-repeat; color:#999999}
.top10 .itemGrid .line{ padding:12px 0; float: left; border-bottom:1px solid #efefef; width:100%}
.top10 .itemGrid .no{ float:left; color:#cc0000; font-size:14px; font-weight:bold; padding-right:10px;}
.top10 .txt_list .no{ padding-right:0px; padding-left:6px;}
.top10 .txt_list { background:none; height:34px; line-height:34px; border-bottom:1px solid #efefef}
  .top10 .txt_list a{ background:no-repeat;  height:34px; line-height:34px; padding-right:6px;}
 
 
  /*  ==================== 促销商品 ====================  */ 
  .cuxiao { }
.cuxiao  #list_t_r{}
.cuxiao  #global_box{ text-align:center; padding-top:3px;height:332px; overflow:hidden}
.cuxiao  #global_box .goodsItem{ padding:3px 0; text-align:center; position:relative }
.cuxiao .name{ display:block; height:20px;line-height:20px; overflow:hidden}
.cuxiao  #global_box .goodsItem .goods_img{ width:100px; height:100px;}
.timeBox{ font-size:12px; color:#222; text-align:center;  padding-top:4px;}
.timeBox strong{ font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#e61400}
.cuxiao .price{ color:#999999}


 

 

ibmfashion
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值