﻿@charset "utf-8";
/*
Css for PEL,	ver 1.0
CopyRight By Guangdong Dongyi Network Technology CO.,Ltd Design Center

所有网站通用模块，可根据自身网站修改
*/


/* 通用按钮 */
.btn, .btn span, .yBtn, .yBtn span{background:url("images/btnSplit.gif") no-repeat 0 0; height:22px;padding:0 15px;line-height:21px;display:inline-block;overflow:hidden;}
.btn{padding-left:0;background-position:right -154px;cursor:pointer; border:0;}
.btn span{padding-right:0;background-position:0 -132px;}
.yBtn{margin-right:5px;padding-left:0;cursor:pointer;background-position:right -22px;}
.yBtn span{padding-right:0;}

.btn2{background:url("images/bgSplit.jpg") repeat-x scroll 0 -346px ;border:1px solid #c00;height:22px;line-height:20px;text-align:center; padding:0 10px;color:#fff;   }


/* 通用信息列表 */
.infoList{ text-align:left; }
.infoList li{ height:24px; line-height:24px; overflow:hidden;  }
.infoList li .date{ float:right; color:#999;  }

/* 内容信息列表 */
.txtList{ text-align:left; }
.txtList li{  }
.txtList li .date{ float:right; color:#999;  }

/* 通用带图片信息列表_普通式 */
.picList li{ text-align:center;  }
.picList li .pic a{ display:block; padding:2px; border:1px solid #d8d8d8; background:#fff;  }
.picList li .pic a:hover{ border-color:#ccc }
.picList li .pic a img{ width:70px; height:30px; display:block;  }

/* 头条图文信息列表_普通式 */
.topicList{ font-size:12px;}
.topicList .t{ padding:5px 0; margin-bottom:5px; background:url("images/share/dotted.gif") repeat-x bottom;  }
.topicList .t .tit{ font:normal 18px/32px "Microsoft YaHei"; _font-weight:bold; color:#c00;  }
.topicList .t .intro{ padding:5px 5px 0 5px; color:#666;   }
.topicList .t .intro .more{ color:#c00;  }
.topicList .n{ height:24px; line-height:24px; overflow:hidden; padding-right:10px;  }
.topicList .n .date{ float:right; color:#999;  }
/* 有图片时追加的类 class="topicList topicHasPic"  */
.topicHasPic .t{ overflow:hidden; zoom:1; }
.topicHasPic .pic{ width:164px; float:left; margin-top:5px;    }
.topicHasPic .pic img{ width:160px;  height:120px;   padding:1px; border:1px solid #ccc;   }
.topicHasPic .pic a:hover img{ border-color:#c00;  }
.topicHasPic .con{ width:300px; padding-left:10px; float:left;    }

/* 商品综合信息列表_普通式 */
.proList{ overflow:hidden; zoom:1; }
.proList li{ width:186px; height:200px;  overflow:hidden;  float:left; position:relative;  }
.proList li.noData{ padding:0 15px !important;  }
.proList li .pic{ text-align:center;  }
.proList li .pic img{ width:130px; height:130px; padding:1px; border:1px solid #fff;   }
.proList li .pic a:hover img{ margin-top:-1px;  }
.proList li .con{ line-height:18px; padding:0 15px; text-align:center;   }
.proList li .con .title{ margin-top:5px; height:18px; overflow:hidden;  }
.proList li .con .subTitle{ display:none; line-height:18px; overflow:hidden; color:#B80000;  }
.proList li .con .priceBar{ color:#999;  }
.proList li .con .priceBar em{ display:none;  }
.proList li .con .mPrice{ text-decoration:line-through; color:#999; padding-right:5px; font-family:"Arial"; font-size:12px;  }
.proList li .score{ padding-top:5px;  }
.proList li .score em{ text-align:left;  display:inline-block; *display:inline; zoom:1; width:76px; height:14px; background:url("images/iconSplit.gif") 0 -377px no-repeat;  }
.proList li .score em i{ vertical-align:middle; height:14px;  display:inline-block; *display:inline; zoom:1;background:url("images/iconSplit.gif") 0 -357px no-repeat; }
.proList li .con .btns{ padding-top:4px;  }
.proList li .con .btns a{ cursor:pointer; display:inline-block; *display:inline; zoom:1; background:url("images/bgSplit.jpg") 0 -346px repeat-x;
padding:0 8px; height:20px; line-height:20px; text-align:center; color:#fff; margin:0 2px; border:1px solid #c00; }
.proList li .con .btns a:hover{ text-decoration:none;   }
.proList li .con .btns .buy:hover{ background-position:0 -458px; text-decoration:none; border-color:#c45300;  }
.proList li .con .btns .detail,.proList li .con .btns .compare{ background-position:0 -12px; border:1px solid #d8d8d8; color:#666;   }
.proList li .con .btns .detail:hover,.proList li .con .btns .compare:hover{ color:#000; border-color:#aaa;  }
.proList li .icons{  text-align:left; padding:0 12px; padding-top:4px; height:19px; overflow:hidden;   }
.proList li .icons em{ display:inline-block; *display:inline; zoom:1; margin:0 2px; width:19px; height:19px; line-height:19px; text-align:center;  background:url("images/iconSplit.gif") -3px -755px no-repeat; color:#fff;  }
.aitvityGroupProductList li{ height:260px;  }
.aitvityGroupProductList li .con{ text-align: left;  }


/* 商品列表样色1 */
.proListType1{ overflow:visible }
.proListType1 li{ width:192px;  background:#fff; border:2px solid #fff; z-index:0; padding:10px 0; height:180px;  }
.proListType1 li .pic a:hover img{ margin-top:0;  }
.proListType1 .score{ display:none; padding-top:0;  }
.proListType1 .priceTxt{ display:none }
.proListType1 .hover{ border:2px solid #EDEEED; height:240px; margin-bottom:-60px; z-index:10;  }
.proListType1 .hover .con .subTitle{ display:block; padding:4px 0 }
.proListType1 .hover .con .score{ display:block; }

/* 商品综合信息列表_普通式 -- 左图片右文字 */
.hotProList li{ overflow:hidden; zoom:1; margin-bottom:10px;  }
.hotProList li .pic{width:64px;  float:left; text-align:center; position:relative;   }
.hotProList li .pic .num{ position:absolute; top:0px; left:0px; z-index:1; display:block; width:15px; height:15px; line-height:15px; text-align:center; color:#fff;
background:#D80000; }
.hotProList li .pic a{ display:block; border:1px solid #d8d8d8; position:relative;  }
.hotProList li .pic img{ width:62px; height:52px;   }
.hotProList li .con{ width:115px; float:left; overflow:hidden;  line-height:18px; padding-left:8px;}
.hotProList li .con .title{ height:36px; overflow:hidden; }
.hotProList li .con .priceBar em{ display:none;  }
.hotProList li .con .priceBar .priceTxt{ display:none;  }
.hotProList li .con .priceBar .price{ font-size:12px;font-weight:normal;}
.hotProList li .con .priceBar .mPrice{ font-family:"Arail"; color:#999; text-decoration:line-through;  }

/* 焦点图切换-广告 */
.slideBox{ width:570px; height:240px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:4px; bottom:8px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:18px; height:16px; line-height:14px; text-align:center; background:#fff; cursor:pointer; color:#333;  }
.slideBox .hd ul li.on{ background:#f0610b; color:#fff;   }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; vertical-align:middle; zoom:1; }
.slideBox .bd .pic{ position:relative; z-index:0; overflow:hidden;}
.slideBox .bd .pic img{}
.slideBox .bd .title{ display:none;  width:100%; position:absolute; z-index:2; bottom:0; height:28px; line-height:28px; padding-left:10px;   }
.slideBox .bd .title a{ color:#fff;  }
.slideBox .bd .bg{ display:none;  width:100%; position:absolute; z-index:1; bottom:0; height:28px; background:#000; filter:alpha(opacity=60);opacity:0.6;     }

#slideBox .bd .pic img{ width:810px; height:220px; margin-left:-120px;}


/* url_方块样式分页 */
.page{ text-align:right; padding:15px 0;  }
.page input{ border:1px solid #c5c5c5; background:#fff; width:30px; height:20px; line-height:20px; vertical-align:middle; text-align:center;      }
.page a,.page span{ display:inline-block; *display:inline; zoom:1;  height:20px; line-height:20px; vertical-align:middle;}
.page a,.page a:active{ display:inline-block; *display:inline; zoom:1; border:1px solid #c5c5c5; padding:0 6px;}
.page a:hover {border:1px solid #c00; text-decoration:none; color:#c00;}
.page span.current {background:#c00; border:1px solid #c00; color:#fff; font-weight:bold; padding:0 6px; }
.page span.disabled {border:1px solid #c5c5c5;  padding:0 6px; color:#999;}


/*-- 网站地图 --*/
.siteMap{ overflow:hidden; zoom:1; }
.siteMap .li1{ margin-bottom:10px; }
.siteMap .h1{ height:40px; line-height:40px;  border:1px dotted #ccc   }
.siteMap .h1 .a1{  font:normal 16px/40px "Microsoft YaHei"; _font-weight:bold; color:#c00; padding-left:10px;  }
.siteMap .ul1{ padding:10px 20px; zoom:1;  }
.siteMap .li2{  display:inline-block; *display:inline; zoom:1; padding-right:20px; vertical-align:top;  }
.siteMap .a2{ color:#666; font:bold 12px/24px "Microsoft YaHei";   }
.siteMap .ul2{ padding:5px 0 20px; zoom:1;  }
.siteMap .li3{  line-height:24px;  display:inline-block; *display:inline; zoom:1;   }
.siteMap .a3{ color:#999; padding-right:10px; margin-right:10px;   border-right:1px solid #d8d8d8;  }
.siteMap .last3 .a3{ border-right:0;  }
.siteMap #liID41 .li2{ display:block;  }

/* 信息提示 */
.msgBox{ display:none;  width:400px; border:4px solid #ffa477;cursor:move; background:#fff;   }
.msgBox .hd{ height:30px; line-height:30px;background:#c00;margin:2px; border-bottom:2px solid #ffa477;    }
.msgBox .hd em{ display:block; _display:inline; float:right; margin:8px 8px 0px 10px;  width:15px; height:15px; line-height:12px;  text-align:center;  background:#fff; cursor:pointer;overflow:hidden; font-size:14px; font-family:Verdana; color:#1855a8; }
.msgBox .hd h3{  font-size:12px;color:#fff; padding-left:10px; text-align:left; }
.msgBox .bd{ padding:15px; line-height:28px;  font-size:14px; text-align:center;background:#fff;min-height:80px    }
.msgBox .bd a{ color:#E67B11;text-decoration:none;    }
.msgBox .bd #point{ color:#00c425; font:normal 20px/40px "Microsoft YaHei"; _font-weight:bold;  }
.msgBox .bd .bdIn{padding:10px;text-align:center; }
.msgBox .bd .bdIn .subDiv{margin:15px 0;padding:20px 0 10px 0;border-top:1px dotted #ffa477;  }
.msgBox .bd .btn{background:url("images/bgSplit.jpg") repeat-x 0 -346px !important;;border:1px solid #c00;height:20px;line-height:20px;padding:0 0 0 0 !important;margin:0 !important; width:auto !important;text-indent:0 !important; text-align:center !important;    }
.msgBox .bd .btn span{text-indent:0 !important;background:none !important;color:#fff !important; font-size:12px;padding:0 15px !important; }
#expose{background:#ccc; }

/* 简单信息提示，结合js的showMsg函数使用 */
.miniMsgBox{ display:none; left:10px; position:absolute; z-index:100;padding:5px 10px; font-size:12px; z-index:999; background:#FFFAE6; color:#f90; border:#F0B04B solid 1px;  line-height:20px;  text-align:left;   }

