@import url("borders.css");
@import url("green/css.css");

/*================================================
本模板由清风设计工作室设计 QQ:9516097 TEL:15873148545
模板演示地址：http://www.hnqss.com/

模板设置了四套颜色,分别是藏青色、春绿色、大红色、天蓝色，从下面选择其中一种颜
色调用代码替换上面第二行即可；

@import url("blue/css.css"); 
@import url("green/css.css");
@import url("red/css.css");
@import url("skyblue/css.css");

==================================================*/

/*通用CSS*/
html, body, div, span, strong ,h1, h2, h3, h4, h5, h6, em, dd, dl, dt, form {margin: 0;padding: 0;border: 0;outline:0;vertical-align:baseline;}
body {margin:0;font:75%/1.5 arial;background-color:#FFF;font-family:"宋体",Arail,verdana;}
body,table,td,div,p,.win,.column{word-wrap:break-word;word-break:break-all;}
body,input,select,button,textarea,div,td{font-family:arial !important;}
td,th {overflow:hidden;}
hr {height:1px;}
form {padding:0;margin:0;}
input,select,button {vertical-align:middle;}
input,select{color:#333333;}
button {line-height:14px;}
textarea {color:#999999;font-size:14px !important;padding:4px;}
label{white-space:nowrap;}
p {margin-top:0;}
a,img {border:none;outline:none;}
em {font-style:normal;}
a {font-family:'arial';}
.nobg{background:none !important;}
.hori li{float:left;}
.more {text-align:right;}
.margin8 {margin:8px 0}
.margintop5 {margin-top:5px;}
.margintop10 {margin-top:10px;}
.padding10 {padding:0 10px;}
.hide {display:none;}
.win {padding:0}

.colL .inner {background:#fff url(box-bg.png) no-repeat 0 100%;padding:0 0 5px;}
.colRR .inner {background:#fff url(box2-bg.png) no-repeat 0 100%;padding:0 0 5px;}

.tab {background:#fff url(tab-title.png) no-repeat 0 0;}
.tab-title {overflow:hidden;color:#666666;margin:0 0 0 5px;padding:0 0 0 16px;height:33px;background:#fff url(tab-title.png) no-repeat 100% 0;}
.tab-title li{float:left;cursor:pointer;width:110px;height:33px;text-align:center;font-size:14px;line-height:33px;}
.tab-title li a:hover{text-decoration:none;}
.tab-title li.hover{color:#649c01;width:108px;height:32px;border:1px solid #e1e1eb;font-weight:bold;background:url(tabli-bg.png) repeat-x;}
.tab-title li.hover a{color:#649c01;}
.tab-title li.hover a:visited{color:#649c01;}
.tab-title li.hover a:hover{color:#649c01;}
.group,.sup em,
.q-icon span{background:url(theme_icons.gif) no-repeat 0 0;}

/*框架*/
#width970 {width:970px;margin:auto;}

/*三栏框架*/
.frameA {clear:both;}
.frameA .colL {width:210px;}
.frameA .colR {width:750px;}
.frameA .colR .colRL {width:546px;}
.frameA .colR .colRR {width:210px;}

/*两栏框架*/
.frameB {clear:both}
.frameB .colL {width:210px;}
.frameB .colR {width:750px;}
.frameB .colR .colRmargin{float:left;margin-bottom:10px;}

.colL,
.colRL {float:left;overflow:hidden;}
.colR,
.colRR {float:right;overflow:hidden;}

/*调换位置*/
.opposite .colL{float:right;}
.opposite .colR{float:left;}

/*窗口*/
.win {clear:both;padding-bottom:10px;position:relative;zoom:1;}
.win .titleh3 {padding:5px 10px;font:bold 1.17em tahoma;}
.win .titleh4 {font-size:14px;margin:40px 0 10px !important;margin:30px 0 10px;}
.win .titleh5 {font-size:1em;}
.win .box {padding:4px 11px;zoom:1;}

/*窗口A*/
.win.winHomeA {background:#ffffff;}
.win.winHomeA .titleh3 {margin-left:0;padding-top:0;border:1px solid #daf1ff;border-bottom:none;color:#005599;background:#f6fbff;padding-top:10px;}
.win.winHomeA .box {border:1px solid #daf1ff;border-top:none;background-color:#f6fbff;}

/*窗口B*/
.win.winHomeB {background:#FFFFFF url(winHomeB.gif) center top repeat-x;}
.win.winHomeB .titleh3 {margin:0;padding-top:8px;text-indent:1em;border:1px solid #daf1ff;border-bottom:none;color:#333333;background: url(icon_arrowC.gif) 13px center no-repeat;}
.win.winHomeB .titleh2 {margin:0;border:1px solid #daf1ff;border-bottom:none;}
.win.winHomeB .titleh3 .remark{color:#000000;}
.win.winHomeB .box {border:1px solid #daf1ff;border-top:none;}

/*窗口C*/
.win.winHomeC {background:#FFFFFF url(winHomeC_icon.gif) left 10px no-repeat;}
.win.winHomeC .titleh3 {margin-left:2px;padding-left:14px;padding-top:6px;border:none;color:#005599;background:url(winHomeC_bar.gif) 15px center no-repeat;}
.win.winHomeC .titleh3 span{background-color:#ffffff;padding-right:5px;}
.win.winHomeC .box {margin:0;border:none;}
.win.winHomeC .more{background:#ffffff;right:2px;top:4px;color:#3366cc;}

.titleh1,.titleh2,.titleh3,.titleh4,.titleh5{margin:0;padding:0;}

/*广告样式*/
#S_ad_box {margin:0 auto;width:970px;margin-bottom:8px;background:#f8f8f8;border:1px solid #ddd;}

/*==顶部电话===*/
.head-hotline {bottom:0;width:185px;height:25px;background:none;color:#ff9900;font-size:14px;font-weight:600;font-family:"微软雅黑"}
.head-hotline span {color:#666;}

/*====商品搜索====*/
.search-but2 {border:0;background: url(btnSearchA.gif) left center no-repeat;height:22px;width:79px;padding:0;margin-left:10px;}
.head-search {margin-left:2px;*margin-left:6px;margin-top:12px;*margin-top:10px;padding:0;display:block;line-height:14px;text-align:center;}
.head-search input {height:20px;padding:0;line-height:20px;border:1px solid #ccc;color:#666;}
.head-search .SearchBar {margin-left:189px;*margin-left:0;}
.head-search .SearchBar .search_label span {display:none;}
.head-search .SearchBar .keywords {width:250px;color:#666666;padding:1px;*padding:2px 1px 2px 1px;vertical-align:middle;*height:15px !important;height:16px;line-height:16px;}
.head-search .SearchBar .btn_search {background:url(btnSearchC.gif) no-repeat left top;margin-left:0;*margin-left:4px;padding:0;width:67px;height:22px;border:0px solid #000;overflow:hidden;color:#000;font-weight:600;}
.head-search .SearchBar .search_price1,.SearchBar .search_price2 {color:#fff}
.head-search .SearchBar .gprice_from,.SearchBar .gprice_to {width:50px;color:#666666;padding:1px;*padding:2px 1px 2px 1px;vertical-align:middle;*height:15px !important;height:16px;line-height:16px;}
.head-search .SearchBar .gprice_to {margin-left:8px;}
.head-search .SearchBar .btn_advsearch {color:#fff;display:block;height:14px;padding-top:5px;}
.head-search .SearchBar a {color:#fff}
.head-search .SearchBar a:hover {color:#fff;text-decoration:underline;}

/*===一些按钮样式===*/
/*=======485版本下不需定义购买按钮=====
.btn-buy {width:152px;height:32px;border:0;padding:0;background:url(brand-menu.png) no-repeat 0 -120px;} 
.btn-register {width:126px;height:26px;border:0;padding:0;background:url(btn-register.gif) no-repeat;} 
.btn-login {width:85px;height:26px;border:0;padding:0;background:url(btn-login.gif) no-repeat;}
.btn-forgetpass {width:126px;height:26px;border:0;padding:0;background:url(btn-forgetpass.gif) no-repeat;} 
.btn-next {width:126px;height:26px;border:0;padding:0;background:url(actbtn.gif) no-repeat;} 
.btn-order {width:126px;height:26px;border:0;padding:0;background:url(btn-order.gif) no-repeat;} 
#anonymityBuy {width:126px;height:26px;line-height:26px;border:0;padding:0;background:url(anonymityBuy.gif) no-repeat;display:block;text-indent:50em;overflow:hidden;}
=======*/

/*注册与登陆*/
.RegisterWrap {clear:both;}
.RegisterWrap .leftpart ,.RegisterWrap .righttop {width:46%}
.RegisterWrap .righttop {height:310px;}

/*==浮动购物车===*/
.fmenu .CartInfoItems .goods-pic img {width:40px;height:40px;}

/*==品牌列表商品列表===*/
.GoodsSearchWrap .items-gallery {background:#fff;}
.GoodsSearchWrap .items-gallery .goodinfo {padding-top:8px;}
.GoodsSearchWrap .items-gallery .goodinfo h6 {height:auto;}
.GoodsSearchWrap .boxGray {background:#fff;border:0}

/*==品牌列表页右侧===*/
.colL .ArticleList ul,
.colL .RankingList ul {margin-left:5px;}
.colL .ArticleList ul li {background:url(icon.gif) no-repeat 0 -140px;padding-left:8px;line-height:22px;}
.colL .RankingList ul li {background:url(icon.gif) no-repeat 0 -140px;padding-left:8px;line-height:22px;}
.colL .RankingList ul li span {display:none;}

/*===文章列表页===*/
.ArtListWrap {border:1px solid #ddd;display:inline-block;padding:15px;}
.ArtListWrap ul.list li {background:url(icon_arrowB.gif) no-repeat 0 center;border-bottom:1px dashed #ddd;float:left;width:40%;padding-left:10px;width:410px;margin:0 20px;line-height:30px;}

/*捆绑促销页*/
.PackageGoodsWrap {padding:10px 0;}
.PackageGoodsWrap .items {width:460px;float:left;display:inline-block;margin:0 10px;*margin:0 5px 0 15px;_margin:0 10px;}
.PackageGoodsWrap .span-6 {width:210px;float:left;margin:0;}
.PackageGoodsWrap .push-6 {width:220px;overflow:hidden;padding:0;margin:0;float:right;}


/*底部样式*/
.bottom-info {margin:10px auto;}
.bottom-info .hori{float:left;margin:0;padding:0px;display:inline;}

.bottom-info .q-icon{width:481px;margin:12px 19px 12px 12px;background:#fff}
.q-icon li {width:96px;height:115px;margin:0 0 0 -1px;text-align:center;border-left:1px dashed #ddd}
.q-icon span{margin:8px 0 0 0;display:inline-block;*display:inline;*zoom:1;width:50px;height:55px;}
.q-icon .icon-1 span{background-position:0 -50px;width:70px;}
.q-icon .icon-2 span{background-position:-70px -50px;}
.q-icon .icon-3 span{background-position:-125px -50px;}
.q-icon .icon-4 span{background-position:-182px -50px;}
.q-icon .icon-5 span{background-position:-242px -50px;}
.bottom-info dl{margin:16px 0 0 35px;}
.bottom-info dt{padding:0 0 4px 0;font:600 14px/18px arial;}

#footer {padding:0;text-align:center;}
#footer .titleh2{font:100 12px/1.5 arial;}
#footer p{font:100 12px/1.5 arial;margin-bottom:0;}
#footer .nav {margin:5px 0 15px 0;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.8;}

/*==底部文章样式===*/
.hori .TreeList {margin-top:12px;width:110px;padding-bottom:5px;}
.hori .TreeList .cat1 {padding-left:10px;font-size:14px;font-family:"微软雅黑","宋体;"}
.hori .TreeList .cat2 {padding-left:10px;font-family:"微软雅黑","宋体";font-size:12px;line-height:20px;}