/*******************************************<style base.css>******************************************/
@charset "utf-8";
/* 
	@名称: base
	@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响 background: #fff;  */
html { color: #333; }
body{color: #333;font: 12px/1.8 "宋体",tahoma,arial;font-family: 'Raleway','Arial',sans-serif;font-weight: 300;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0;word-wrap: break-word;word-break:break-all;}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, \5b8b\4f53; }
input, select, textarea { font-size: 100%; }
/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* IE bug fixed: th 不继承 text-align*/
th { text-align: inherit; }
/* 去除默认边框 */
fieldset, img { border: 0; vertical-align:middle; }
/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
q:before, q:after { content: ''; }
/* 统一上标和下标 */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }
/* 清理浮动 */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }
/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide { display: none; }
/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right { display: inline; }
.fn-left { float: left; }
.fn-right { float: right; }
input:focus,textarea:focus { outline: none; }
/*针对IE滚动条样式*/
/**/
.p { scrollbar-face-color: #f4575d; /*滚动条3D表面（ThreedFace）的颜色*/ scrollbar-highlight-color: #f4575d; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/ scrollbar-shadow-color: #f4575d; /*滚动条3D界面的暗边（ThreedShadow）颜色*/ scrollbar-3dlight-color: #f4575d; /*滚动条亮边框颜色*/ scrollbar-arrow-color: #f4575d; /*滚动条方向箭头的颜色 */ scrollbar-track-color: #a9a9a9; /*滚动条的拖动区域(TrackBar)颜色*/ scrollbar-darkshadow-color: #f4575d; /*滚动条暗边框（ThreedDarkShadow）颜色*/ }
/*---滚动条默认显示样式--*/  
::-webkit-scrollbar-thumb { background-color:#f4575d; }
/*---滚动条大小--*/  
::-webkit-scrollbar { width:10px; }
/*---滚动框背景样式--*/  
::-webkit-scrollbar-track-piece { background-color:#dbdbdb; }

/* Footer */
.product_footer {overflow: hidden;}
.product_footer .product_nav {margin:10px 0px 10px 0px;text-align: center;font-size: 12px;}
.product_footer .product_nav a{color: #0275d8;}
.product_footer .product_nav a:hover{color: #014c8c;}
.product_heart {position: relative;display: block;width: 100%;height: 2rem;margin-top: 1rem;margin-bottom: 0;color: #ddd;font-size: 1.125rem;line-height: 2rem;text-align: center;}
.product_heart:hover {color: #ff4136;}
.product_heart:before {position: absolute;top: 50%;right: 0;left: 0;display: block;height: 0;border-top: 1px solid #eee;content: " ";}
.product_heart:after {position: relative;z-index: 1;padding-left: .5rem;padding-right: .5rem;background-color: #fff;content: "♥";}