﻿/*--修正ie6下背景不缓存导致背景图象闪烁的问题--*/
* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/*--修正ie6 body高度不足一屏时ajax弹出层居中问题--*/
* body { height: 100%;color:#454545 }

/*--公用区--*/
* { padding: 0; margin: 0; list-style: none; text-decoration: none; font-size: 12px; font-family: Arial,宋体; border: 0; }

/*--font-size区--*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }

/*--line-height区--*/
.l12 { line-height: 12px; }
.114 { line-height: 14px; }
.l16 { line-height: 16px; }
.118 { line-height: 18px; }
.120 { line-height: 20px; }
.122 { line-height: 22px; }
.l24 { line-height: 24px; }


/*--color区--*/
.cRed { color: Red; }
.cGreen { color: Green; }
.cBlue { color: Blue; }
.cGray { color: Gray; }
.cOrange { color: Orange; }
.cBlack { color: Black; }
.cWhite { color: White; }
.cPurple { color: Purple; }

/*--background区，通常调试用----*/
.bgGray { background-color: #cccccc; }
.bgPink { background-color: #ffc0cb; }
.bgBlue { background-color: #0000ff; }
.bgRed { background-color: #ff0000; }
.bgGreen { background-color: #00ff00; }

/*--水平分隔条以及清除浮动共用区--*/
html body div.clear, html body span.clear, .hSplit5, .hSplit10, .hSplit15, .hSplit20, .hSplit25, .hSplit30 { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; }

.hSplit5 { height: 5px; }
.hSplit10 { height: 10px; }
.hSplit15 { height: 15px; }
.hSplit20 { height: 20px; }
.hSplit25 { height: 25px; }
.hSplit30 { height: 30px; }


/*--float区--*/
.fL { float: left; }
.fR { float: right; }

/*--text-align区--*/
.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }

/*--vertical-align区--*/
.vaT { vertical-align: top; }
.vaB { vertical-align: bottom; }
.vaC { vertical-align: middle; }

/*--visibility--*/
.vC { visibility: collapse; }
.vH { visibility: hidden; }
.vV { visibility: visible; }

/*--display区--*/
.dB { display: block; }
.dN { display: none; }
.dI { display: inline; }

/*---position区--*/
.pR { position: relative; }

.pA { position: absolute; }

.pF { position: fixed; }

/*--清除浮动--*/
html body div.clear, html body span.clear { height: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
/* End hide from IE-mac */

/*ajax半黑屏效果的背景样式(要配合页面代码)*/
.ajaxBg { background-color: #666; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity=50); opacity: 0.5; z-index: 9999; position: fixed !important; position: absolute; }

.ajaxPopUp { left: 50%; top: 50%; margin-top: 0px; z-index: 99999; position: fixed !important; position: absolute; }

/*--iframe自适应高度(要配合页面代码)---*/
.ifrm { height: expression(1); aho: expression(autoResize()); }


/*--头部及其它公用区-------*/
.txt,.textBox { border: solid 1px #ccc; }

a { color: #454545; }
a:hover { color: #ff0000; }
.welcome { top: 5px; right: 0px; }
.nav { color: #666; padding-top: 33px; }
.nav a { color: #666; margin: 0 5px; }
.nav a:hover { color: #cd1912; }
.menu { background: url(http://img.rbtvs.com/v7/img/menu_bg.gif); height: 36px; line-height: 36px; _margin-top: -15px; }

.menu .page a { width: 113px; height: 36px; line-height: 36px; display: block; float: left; color: White; font: 黑体; font-size: 14px; background: url(http://img.rbtvs.com/v7/img/menu_bg_off.gif); text-align: center; }
.menu .page a.on, .menu .page a:hover { background: url(http://img.rbtvs.com/v7/img/menu_bg_on.gif); color: #000; }
.menu .page a.sale { background: url(http://img.rbtvs.com/v7/img/menu_bg_sale.gif); width: 147px; height: 36; color: #fff; }
.search { background: url(http://img.rbtvs.com/v7/img/search_bg.gif); height: 33px; line-height: 33px; text-align: center; }
.search .c { width: 929px; }
.search .c select { width: 160px; border: solid 1px #ccc; }

/*--当前位置-------*/
.path { width: 100%; line-height: 30px; height: 30px; }
a.home { background: url(http://img.rbtvs.com/v7/img/icon_home.png) no-repeat left center; padding-left: 16px; }

/*----分页区---*/
.pager { margin: 3px 0 10px 0; padding-bottom: 10px; clear: both; }
.pager .pleft { float: left; }
.pager .pright { float: right; }
.pager .pright a { background: #757575; color: #fff; height: 20px; padding: 0 3px; line-height: 20px; display: inline-block; }
.pager .pright a:hover { background: #c2030d; }
.pager .pright span { /*background: #c2030d;*/ color: #f00 !important; height: 20px; line-height: 20px; display: inline-block; }
.pager .pright span a { font-weight: bold; }
.pager .pright .pageTxt { line-height: 17px; width: 25px !important; height: 17px; border: #666 solid 1px; padding: 0; margin: 0 5px 0 -6px; text-align: center; }
.pager .pright .pageBtn { background: #757575; color: #fff; padding: 0 2px; }

/*----左右商品分类区---*/
.clslist { border: solid 1px #e4e4e4; border-bottom: 0; }
.clslist li { width: 186px; border-bottom: solid 1px #e4e4e4; line-height: 30px; margin-left: 1px; margin-top: -1px; }
.clslist li a { font-size: 14px; font-weight: bold; color: #666; display: block; padding-left: 16px; }
.clslist li a:hover { color: #c60; background: url(http://img.rbtvs.com/v7/img/ico-arrow1.png) #f7f4f0 no-repeat left center; }
.clslist .on, .clslist .on a:hover { background: url(http://img.rbtvs.com/v7/img/ico-arrow.png) #f7f4f0 no-repeat left 8px; }
.clslist .on a { color: #c60; }
.clslist2, .clslist3, .clslist_sale { background: #fff; }
.clslist2 li, .clslist3 li, .clslist_sale li { line-height: 20px; padding: 3px 0; border: 0; }
.clslist2 li a, .clslist_sale li a { font-size: 12px; font-weight: normal; text-indent: 10px; color: #666 !important; }
.clslist3 li { line-height: 18px !important; padding: 1px 0 !important; }
.clslist3 li a { text-indent: 20px; }
.clslist2 li a:hover, .clslist_sale li a:hover, .brand li a:hover { color: #c60 !important; background: url(http://img.rbtvs.com/v7/img/ico-arrow1.png) #f7f4f0 no-repeat left 5px !important; }
.clslist2 .on { background: url(http://img.rbtvs.com/v7/img/ico-arrow.png) #f7f4f0 no-repeat left 5px; line-height: 20px; padding: 0; }
.clslist3 .on { background: url(http://img.rbtvs.com/v7/img/ico-arrow.png) #f7f4f0 no-repeat left 5px; line-height: 18px !important; padding: 0; }
.clslist3 .on a:hover { background: url(http://img.rbtvs.com/v7/img/ico-arrow1.png) #f7f4f0 no-repeat left 4px !important; }
.clslist_sale { border-top: solid 1px #e4e4e4; }
.clslist_sale li a { color: #963 !important; }

.ajax_bg { background-color: #666; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity=50); opacity: 0.5; z-index: 9999; position: fixed !important; position: absolute; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
