﻿@import url("border.css");
@import url("widget.css");
@import url("red/color.css");

/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案
@import url("red/color.css");
@import url("green/color.css");
@import url("blue/color.css");
@import url("black/color.css");
只要把上面四种颜色方案任意个替换第三行的就可以了
*/

@import url("pageFrame_leftMain.css");
/*在这里可以设置左右分栏，目前一共预设两种分栏方式
下面这个是主区域在右边，侧边栏在左面的布局
@import url("pageFrame_rightMain.css");
下面这个是主区域在左边，侧边栏在右面的布局
@import url("pageFrame_leftMain.css");


*/

.vcat .c-cat-depth-1 { padding:0; margin:0; overflow:hidden; _height:1% }
.vcat .c-cat-depth-1 ul { padding:0; margin:0 }
.vcat .c-cat-depth-2 { padding:0; }
.vcat .c-cat-depth-2 table { width:100%; }
.vcat .c-cat-depth-2 td { width:40%; padding:2px; margin:0 }
.vcat .c-cat-depth-2 td a { display:block; border:1px solid #ccc; background:#efefef; text-align:center; padding:1px 2px; }
body { font-family: "Arial"; font-size: 12px; color: #666666; line-height: 180%; padding:0; margin:0 }
a { color:#464646; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
ol { padding-left:5px }
.GoodsList-Tabs { border:none }
.AllWrap { margin:0 auto; width:950px; }
.AllWrapTop { margin:5px auto 0; width:950px; }
.AllWrapInside { margin:0 auto; width:950px; border-top:1px solid #ddd; }
.ArticleDetailsWrap, .ArtListWrap, .pageWrap { font-size: 14px; line-height:200% }
.indexflash { height:170px; margin-bottom:5px; }
.pdtdetail .indent { padding:5px 0px; }
.headerInfo { height:163px; position:relative; z-index:2 }
.headerInfo .logo { position:absolute; left:0; top:3px }
.headerInfo .topMenu { position:absolute; right:0; top:0px; }
.headerInfo .topMenu a { }
.headerInfo .topMenu a:hover { color: #f50; text-decoration: underline }
.headerInfo .info { position:absolute; right:312px; top:34px; width: 200px; line-height:150% }
.headerInfo .cartBar { position:absolute; top:48px; left:722px; height:29px; width:180px; }
.headerInfo .menu { position:absolute; height:35px; line-height:35px; left:30px; top:82px }
.headerInfo .topbtn { position:absolute; height:35px; line-height:35px; left:0; top:89px }
.headerInfo .topbtn a { width:79px; height:29px; display:block; float:left; margin-right:5px }
.headerInfo .topbtn .cate { background:url(topbtn-cate.gif); width:71px; }
.headerInfo .topbtn .brand { background:url(topbtn-brand.gif) no-repeat }
.headerInfo #catebox { background:#fff; border:1px solid #af85b2; border-top:1px solid #fff; position:absolute; top:118px; width:930px; padding:10px; z-index:10; }
.headerInfo #brandbox { background:#fff; border:1px solid #af85b2; border-top:1px solid #fff; position:absolute; top:118px; left:80px; width:850px; padding:10px; z-index:10; }
.headerInfo .menu li { padding-right:10px }
.headerInfo .menu li a { color:#fff }
.headerInfo .headerSearchBar { position:absolute; left:0; top:126px; width:950px; height:34px; color:#000; }
.headerInfo .headerSearchBar a { color:#eee; }
.mainColumn { width:721px; overflow:hidden; }
.mainColumnn { width:716px; overflow:hidden; }
.sideColumn { width:221px; overflow:hidden; }
.sideColumn .AdvBanner img { margin-top:1px; }
.ShopCartWrap { cursor:pointer }
.topMainBannerArea { width:721px; overflow:hidden }
.topMainBannerArea .series { float:left; }
.topMainBannerArea .a { width:189px; position:relative; z-index:1 }
.topMainBannerArea .b { float:right; width:532px; }
.topMainBannerArea .b .GoodsList { padding-top:10px; }
.topMainBannerArea .GoodsList { border:1px solid #ccc; margin-bottom:5px; }
/* 新手 */
.jackaroo { margin-bottom:5px; width:207px; height:165px; padding:7px 6px 0; overflow:hidden; border:1px solid #cccccc; }
ul { padding:0px; margin:0px; }
.jackaroo .btn { overflow:hidden; _zoom:1; width:220px; height:85px; }
.jackaroo .btn li { float:left; width:103px; height:35px; margin:0 4px 5px 0; }
.jackaroo .btn li a { display:block; width:103px; height:35px; text-indent:-999em; outline:none; }
.jackaroo .btn .new-shop { background:url(xinshou.png) no-repeat -106px 0px; }
.jackaroo .btn .new-reg { background:url(xinshou.png) no-repeat 0 0px; }
.jackaroo .btn .new-safty { background:url(xinshou.png) no-repeat -106px -40px; }
.jackaroo .btn .new-function { background:url(xinshou.png) no-repeat 0 -40px; }
.jackaroo .new-list { margin:0; padding:7px 3px 4px; border-top:1px dashed #cccccc; }
.jackaroo .new-list li { height:22px; line-height:22px; }
.jackaroo .new-list li strong { margin-right:10px; font-weight:bold; color:#ff4e00; }
.c-cat-depth-1 a { background-image:none }
.GoodsCategoryWrap td { white-space:normal }
.goods-action { font-size:14px }
.goods-price li { padding:2px 0px }
.middleSep { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; margin:10px auto }
.middleSep .VsepTips { float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep .colorGreen { background:#b7b82d }
.middleSep .colorYellow { background:#b89c2d }
.middleSep .colorRed { background:#b82d55 }
.middleSep .middleSepContent { float:left; width:287px; margin-right:5px; border-right:1px solid #ddd; margin-right:10px }
.middleSep .middleSepContent .GoodsListWrap { text-align:left; padding:0; }
.middleSep .middleSepContent .GoodsListWrap h6 { margin:0; }
.middleCulomnPic { margin:5px auto; text-align:center }
.middleCulomnPic img { border:1px solid #ccc; margin:10px 0 }
#helpbox { margin-top:5px; width:949px; height:170px; border:1px solid #E2E2E2; clear:both; text-align:left; }
#helpbox .divbox { float:left; width:174px; height:150px; border-left:1px solid #E2E2E2; margin:10px 0px 10px 0px; }
#helpbox .divbox img { border-bottom:1px solid #ebebeb; margin-left:10px; }
#helpbox .uarea ul { padding:0px; }
#helpbox .divbox ul li { line-height:27px; list-style:none; border-bottom:1px dotted #ebebeb; text-indent:15px; font-size:12px; margin:0px 10px 0px 10px; background:url(red/li_bg.jpg) no-repeat 5px 12px; }
#helpbox a { text-decoration: none; color:#7b7b7b; }
#helpbox a:hover { color:#F00; }
#helpbox .qqbox { float:left; width:243px; padding-top:15px; }
#helpbox .qqbox ul { padding:0px; float:left; margin:0px }
#helpbox .qqbox ul li { line-height:27px; list-style:none; border-bottom:1px dotted #ebebeb; text-indent:5px; font-size:12px; margin:0px 10px 0px 0px; }
#helpbox .qqbox img { margin:0px; padding:0px; vertical-align:middle; }
#friendlinks { margin-top:5px; width:950px; clear:both; text-align:left; }
#friendlinks .links_tit { background-image: url(red/titBg06.gif); color: #fff; height: 37px; line-height:28px; padding-left: 15px; font-weight:700; font-size: 14px; }
#friendlinks .links_tit a { color:#ffffff; }
#friendlinks .links_con { height:45px; border-right: #b5b5b5 1px solid; border-left: #b5b5b5 1px solid; border-bottom: #b5b5b5 1px solid; white-space:nowrap; }
#friendlinks div ul li { list-style:none; font-size:12px; float:left; line-height:20px; margin-left:10px; }
#friendlinks a { text-decoration: none; color:#666; }
#friendlinks a:hover { text-decoration:underline }
#copyright { margin-top:5px; height:131px; width:950px; border-top:#E2E2E2 solid 1px; clear:both; color:#7b7b7b; line-height:22px; font-size:12px; text-align:center }
#copyright .left { float:left; }
#copyright div ul { margin-top:8px; }
#copyright div ul li { display:inline; }
#copyright a { color:#535353; }
#friendlinks a:hover { text-decoration:underline }
.headerInfo .menu li div { padding:3px; margin:0; line-height:20px; }
.headerInfo .menu li .v-m-page a { color:#000; }
.pro_gonggao { height: 255px; width: 258px; background-image: url(pro/gonggao.jpg); float: left; }
.pro_tuijian { padding-top: 8px; width: 950px; float: left; }
.tuijianlist ul li { float: left; height: 178px; width: 147px; list-style-type: none; margin-top: 59px; margin-right: 15px; margin-bottom: 0px; margin-left: 9px; padding: 0px; }
.tuijianlist ul { margin: 0px; padding: 0px; }
.pro_list { background-image: url(pro/bg.jpg); background-repeat: no-repeat; float: right; height: 220px; width: 728px; }
.pro_top { width: 950px; padding-bottom: 8px; }
.tuijianlist { width: 692px; height: 255px; background-image: url(pro/tuijian.jpg); overflow: hidden; }
a.new { background:url(icon.gif) 100% -56px no-repeat; padding:0 26px 0 0 }
a.hot { background:url(icon.gif) 100% -78px no-repeat; padding:0 28px 0 0 }
.Bl_1 { line-height:36px; width:721px; color:#fff; height:40px; }
.Bl_1 h2 { float:left; width:191px; height:40px; margin:0px; font-size:14px; }
.Bl_1 h2 a { margin-left:40px; }
.Bl_1 a { color:#fff }
.Bl_1 a:hover { color:#ff0 }
.Bl_1 a.r { padding:0 10px 0 0; text-decoration:none; float:right }
.Bl_2 { float:left; width:189px; }
.Bl_3 { width:520px; border:1px solid #FCDDB8; margin:0; float:left; height:290px; overflow:hidden; padding:5px; }
.Bl_31 { border-bottom:2px dashed #FCD6A7; height:195px; text-align:center }
.Bl_31 .item { font:12px/18px arial; }
.Bl_31 b { color:#c00 }
.Bl_31 .item img { float:none; margin:5px 0; }
.Bl_32 { float:left; width:256px; line-height:22px; padding:4px 0 0 }
.Bl_32 li { background:url(http://icon.zol-img.com.cn/zol_mall/index/0905/icon.gif) 5px -98px no-repeat; padding:0 0 0 14px; width:250px; float:left }
.Bl_33 { width:256px; height:90px; overflow:hidden; padding:4px 0 0; float: right }
#AAA .Bl_1 { background:#B60808 url(zqbg.gif) 0 0px; }
#AAA .Bl_3 { border-color:#B60808 }
#AAA .Bl_31 { border-bottom:2px dashed #B60808; }
#BBB .Bl_1 { background:#1977BC url(zqbg.gif) 0 -40px; }
#BBB .Bl_3 { border-color:#1977BC }
#BBB .Bl_31 { border-bottom:2px dashed #1977BC; }
#CCC .Bl_1 { background:#F19400 url(zqbg.gif) 0 -80px; }
#CCC .Bl_3 { border-color:#F19400 }
#CCC .Bl_31 { border-bottom:2px dashed #F19400; }
#DDD .Bl_1 { background:#7656D3 url(zqbg.gif) 0 -120px; }
#DDD .Bl_3 { border-color:#7656D3 }
#DDD .Bl_31 { border-bottom:2px dashed #7656D3; }
#EEE .Bl_1 { background:#999999 url(zqbg.gif) 0 -160px; }
#EEE .Bl_3 { border-color:#999999 }
#EEE .Bl_31 { border-bottom:2px dashed #999999; }
.LinkListItem{white-space:nowrap;width:940px}
.LinkListItem li{float:left}
