@charset="utf-8";
/*KISSY CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。*//** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
/* structural elements 结构元素*/dl, dt, dd, ul, ol, li,
/* list elements 列表元素*/pre,
/* text formatting elements 文本格式元素*/form, fieldset, legend, button, input, textarea,
/* form elements 表单元素*/th, td
/* table elements 表格元素*/{margin: 0;padding: 0;border: 0;outline:none;}
/** 设置默认字体 **//*body,*/button, input, select, textarea{font: 12px "Microsoft YaHei";}
.w1000{font: 12px "Microsoft YaHei";}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
/* 将斜体扶正*/code, kbd, pre, samp{font-family: courier new, courier, monospace;}
/* 统一等宽字体*/small{font-size: 12px;}
/* 小于 12px 的中文很难阅读，让 small 正常化*//** 重置列表元素 **/ul, ol{list-style: none;}
/** 重置文本格式元素 **/
a{text-decoration: none;color: #333;}
a:hover{text-decoration:underline}
/** 重置表单元素 **/legend{color: #000;}
/* for ie6*/fieldset, img{border: 0;}
/* img 搭车：让链接里的 img 无边框*/button, input, select, textarea{font-size: 100%;}
/* 使得表单元素在 ie 下能继承字体大小*//* 注：optgroup 无法扶正*//** 重置表格元素 **/table{border-collapse: collapse;border-spacing: 0;}
/*浮动*/.fl{float: left;}
.fr{float: right;}
.clear{_zoom:1;}
.clear:after{content: '\20';display: block;height: 0;clear: both;}
.w1000{width: 1000px;margin: 0 auto;}
.tit{margin:15px 0;border-left: 4px solid #378ce2;height: 18px;line-height: 18px;font-size: 18px;font-weight: normal;padding-left: 10px;}
.product li{float: left;width: 230px; border: 1px solid #f1f1f1; outline-color: transparent; transition: outline-color .3s,border-color .3s; margin: 0 0 20px 20px;} .product li:hover{outline: 1px solid #FF0000;} .product{margin-left: -20px;} .product img{width: 230px;} .price_lf em{font-family: "Arial";} .price_lf{color: #c00; font-size: 18px; margin-right: 5px;float: left;} .price_rg{color: #888;font-size: 14px;float: right;} .price_rg span{font-weight: bold;}
.price{padding: 8px 12px;overflow: auto;}
.product_tit{height: 36px;line-height: 18px;padding:0px 5px;overflow: hidden;}
.dian{background: url(/Images/dian_icon.png) left center no-repeat;height: 18px;padding-left: 22px;float: right;margin-right: 5px;}
.company{float: left;width: 160px;overflow: hidden;height: 16px;}
.product_bottom{margin: 8px 5px;overflow: auto;color: #888;}
.company a{color: #888;}
.product_tit a:hover{text-decoration: none;color: #c00;}
.relist li{width:308px;margin-left: 33px;float: left;height:250px;}
.relist{margin-left: -33px;}
.rehead h3{color: #444; font-size: 16px; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.rehead a:hover{text-decoration: none;color: #FF0000;}
.redian span{color: #FF0000; font-size: 13px; font-weight: bold;line-height: 24px;} .redian img{vertical-align: middle;} .rehead{background: #f9f9f9; padding: 12px 0 10px 14px;margin-bottom: 10px;} .recon_lf dt{width: 50px; float: left; color: #aaa;margin-bottom: 10px;} .recon_lf{line-height: 26px;float: left;} .recon_lf dd{width: 170px;color: #444; text-align: justify;} .recon_dd{height: 78px;overflow: hidden;} .recon_img{margin-left: 8px;margin-top: 12px;float:left;width: 70px;height: 70px;} .recon_img img{width: 70px;height: 70px;} .recon_img:hover{outline: 1px solid #FF0000;} .rebtn{width: 175px; height: 30px; border: 1px solid #ff7300; margin: 10px auto;} .rebtn a{width: 87px; text-align: center; line-height: 30px; font-size: 12px; display: block; float: left; color: #ff7300; text-decoration: none; position: relative;}
.rebtn a:hover{color: #FF0000;}
.rebtn1:after{position: absolute;display: block;content: ""; height: 12px; border-left: 1px solid #ff7300; right: -1px; top: 9px;}
.area{border: 1px solid #E8E4E5; line-height: 44px; font-size: 14px; margin: 20px 0;}
.area dt{float: left; color: #666; margin-left: 20px; font-weight: bold;}
.area dd{float: left; margin-left: 36px;}
.area a{color: #3b3b3b;}
.brandlist{margin-bottom: 10px;}
.brandlist li{float: left;margin-left: 6px;margin-top: 10px;width:136px;height:60px;}
.brandlist li a{display: block;width:136px;height:60px;}
.brandlist li:hover{outline: 1px solid #ff0000;}
.brandlist li img{width:136px;height:60px;}