style.css

PHPShops多用户商城系统（简称PHPShops）是基于电子商务的一套平台交易系统

/* CSS Document */
body{padding:0;margin:0;background:#fff;font-size:12px;}
form{padding:0;margin:0}
img{border:none}
.c{clear:both;height:1px;overflow:hidden;margin-top:-1px}
.clear{clear:both;}
.fl{float:left}
.fr{float:right}
.ip{border:1px solid #ccc;font-size:12px;height:15px;margin:0 .2em}
.tar{text-align:right}

.b{font-weight:700}
.f14{font-size:14px}
.orange{color:#FF6600}
a{text-decoration:none;color:#3381B4}
a:hover{text-decoration:underline}

.anniu{float:left;padding:.2em 1em .1em;background:#A7BE05;border:1px solid #636B2E;margin:0 .2em;color:#fff;font-weight:bold}
.anniu:hover{background:#636B2E}

/* anniu A - E*/
.anniuA,.anniuB,.anniuC,.anniuD,.anniuE{margin:0 .2em 0 0}
.anniuA{float:left;height:20px;background: url(anniubg.png) left top;padding-left:1em;text-decoration:none;color:#6B6B2E;overflow:hidden}
.anniuA span{cursor:pointer;float:left;height:20px;background: url(anniubg.png) right top;padding-right:1em;line-height:22px;}
.anniuB{float:left;height:20px;background: url(anniubg.png) left -20px;padding-left:1em;text-decoration:none;color:#99334C;overflow:hidden}
.anniuB span{cursor:pointer;float:left;height:20px;background: url(anniubg.png) right -20px;padding-right:1em;line-height:22px;}
.anniuC{float:left;height:20px;background: url(anniubg.png) left -40px;padding-left:1em;text-decoration:none;color:#338599;overflow:hidden}
.anniuC span{cursor:pointer;float:left;height:20px;background: url(anniubg.png) right -40px;padding-right:1em;line-height:22px;}
.anniuD{float:left;height:20px;background: url(anniubg.png) left -60px;padding-left:1em;text-decoration:none;color:#339980;overflow:hidden}
.anniuD span{cursor:pointer;float:left;height:20px;background: url(anniubg.png) right -60px;padding-right:1em;line-height:22px;}
.anniuE{float:left;height:20px;background: url(anniubg.png) left -80px;padding-left:1em;text-decoration:none;color:#B75615;overflow:hidden}
.anniuE span{cursor:pointer;float:left;height:20px;background: url(anniubg.png) right -80px;padding-right:1em;line-height:22px;}

.tac{text-align:center}
.gray{color:#CCC}
.grayB{color:#999}

.bodyWrap{width:950px;margin:auto;background:#fff}
.bodyWrapB{width:778px;margin:auto;background:#fff}

#logo{float:left}
#change{margin:35px 0 0;float:left}
#toolbar{float:right;margin-top:.5em}

#searchBar{width:100%;float:left;background:url(searchTabBg.gif) left bottom;padding-bottom:.5em}
#searchTab{width:100%;height:40px;float:left;background:url(searchTabBg.gif) left top;overflow:hidden}
#guide{height:40px;margin:0 2em;padding:0;list-style:none;}
#guide li,#guide li span{background:url(searchTab.png) 0 bottom;}
#guide li{background-position:0 bottom;height:30px;float:left;padding:0 0 0 .7em;margin:0;margin-top:8px;display:block}
#guide li span{background-position:right bottom;float:left;height:30px;overflow:hidden;padding-right:.7em}
#guide li span a{margin-top:11px;float:left;color:#0071b1;word-break:keep-all}
#guide li.active{background-position:0 top;font-size:14px}
#guide li.active span{background-position:right top;float:left;height:31px;overflow:hidden;padding-right:.7em;}
#guide li.active span a{font-weight: bold;color:#ED6500}

/* search */
#SearchForm{text-align:center;margin:.8em 0 .4em}
#q{width: 250px;padding:1px 2px 2px}
#searchBar input,#searchBar botton,#searchBar select{font-size:12px}
#hot-search{margin:.3em 1em 0;border-top:#EAEAEA 1px solid;padding-top:.5em}
#hot-search a{margin:0 .6em;}

/* tab box */
.tabboxA table{border-collapse:collapse}
.tabboxA .tab{width:35px;height:1.4em;}
.tabboxA .tab a{position:absolute;width:34px;height:1.3em;border:1px solid #ccc;text-align:center;line-height:1.5em;overflow:hidden}
.tabboxA .active a{border-right-color:#fff;font-weight:700}
.tabboxA .neirong{border:1px solid #ccc}

#HeadLines{float:left;width:240px;height:132px;overflow:hidden;}
#HeadLines dl{position:relative;margin:0;margin-top:2px;width:240px;height:119px;overflow:hidden;}
#HeadLines dl dt{margin:0 1px;padding-left:1px;width:55px;height:20px;line-height:20px;text-align: center;overflow:hidden;cursor:pointer;color:#797979;background:#fff url(fp_info_bk.gif) no-repeat -55px 0px;}
#HeadLines dl dt.hover{font-weight:700;background:#fff url(fp_info_bk.gif) no-repeat 0px 0px;color:#E051A3;}
#HeadLines dl dd{position:absolute;top:0;left:55px;display:none;margin:0;padding:3px 8px;height:120px;width:170px;overflow:auto;background:#fff url(fp_info_bk.gif) no-repeat -90px -20px;}

/* main Layout */
#main{margin:.8em 0}
#main-wrapA,#main-wrapB,#main-wrapC,#main-wrapD{float:left;width:100%;background:#fff}
#main-wrapB{margin:.7em 0}
#now-position{margin:0 0 .5em;padding:0 .5em .5em;border-bottom:1px solid #eee}

/* wrapA*/
.wrapA1{width:240px;float:left}
.wrapA2{width:380px;float:left;padding:0 7px}
.wrapA3{width:170px;float:left}
.wrapA4{width:140px;float: right;}

/* layout A */
.sideA{width:240px;float:left}
.contentA{width:690px;float:right}
.sideB{width:28%;float:right}
.contentB{width:70%;float:left}
.sideC{width:200px;float:left}
.contentC{width:730px;float:right}

/* notice */
.listA{margin:.5em 0 .5em .5em;padding:0;list-style:none}
.listA li{line-height:1.6em}
.listA li a{color:#666}

/* pic player*/
#picplayer{width:380px;height:200px;overflow:hidden}
#picplayer img{width:380px;height:200px;}
#good-cates{width:700px;float:left}

/* 导购 */
#dogo{width:170px;height:175px;background:url(wrapA3.gif) no-repeat;margin-top:.1em}
#dogo table{padding:0;margin:0;table-layout:fixed}
#dogo table td{width:83px;height:85px;text-align:center;}
#dogo table td img{height:60px;width:60px;padding:5px}
#dogo table td a{display:block;}

/* reg */
#helpBox{height:200px;border:1px solid #D2E4A7;background:#FAFCF4}
#helpBoxList{padding:0;margin:.6em 0;list-style:none}
#helpBoxList li{width:49%;float:left;text-align:center;line-height:2em}
#helpBoxList li a{color:#696E5E}

/*h3*/
.h3A,.h3B,.h3C,.h3D,.h3A span,.h3B span,.h3C span,.h3D span{background:url(h3bg.png);padding:0;margin:0}
.h3A,.h3B,.h3C,.h3D{width:100%;height:26px;overflow:hidden;font-size:14px;}
.h3A span,.h3B span,.h3C span,.h3D span{margin-left:1.2em;display:block;height:26px;line-height:30px;}
.h3A{background-position:0 0;color:#576B2E}
.h3A span{background-position: right 0;}
.h3B{background-position:0 -26px;color:#DF860D}
.h3B span{background-position: right -26px;}
.h3C{background-position:0 -52px;color:#1C89CB}
.h3C span{background-position: right -52px;}
.h3D{background-position:0 -78px;color:#617242}
.h3D span{background-position: right -78px;}

/* index wrap C Layout */
#sidebar{width:240px;float:left;}
#content{width:702px;float:right;}
#content-side{width:240px;float:right;}
#content-main{width:554px;float:left;}
#content-mainB{width:700px;float:left}
#content-mainC{width:81%;float:left}
#content-sideC{width:18%;float:right}

/* h1box */
.h1Abox{height:25px;border-bottom:3px solid #FF7402;}
.h1Abox h1{background:url(h1-bgA.gif) repeat-x #EBDED4;float:left;margin:0 0 0 1em;padding:0 2.5em;height:24px;overflow:hidden;line-height:25px;border:#EECAAD 1px solid;font-size:12px;border-bottom:0;color:#FF9900;font-weight:100}
.h1Abox h1 a{color:#333;text-decoration:none}
.h1Abox h1 a:hover{text-decoration:underline}
.h1Abox h1.active{background:url(h1-bgB.gif) repeat-x #FF7402;border-color:#FF7300;color:#FFF;font-size:14px;font-weight:700}
.h1Abox h1.active a{color:#FFF;}

/* h2A */
.h2Abox h2,.h2Bbox h2,.h2Abox h2 span,.h2Bbox h2 span{background:url(h2bg.png)}
.h2Abox h2,.h2Bbox h2{font-size:12px;float:left;margin:4px 0 0 .5em;padding:0 0 0 12px;overflow:hidden;cursor:pointer}
.h2Abox h2 span,.h2Bbox h2 span{float:left;padding:0 12px 0 0;height:24px;line-height:28px}
.h2Abox h2.active,.h2Bbox h2.active{cursor: default;font-size:14px}
.h2Bbox h2 span a{color:#FA8216;}

.h2Abox,.h2Bbox{padding:0 1px;width:100%;height:28px;float:left;background:url(h2boxbg.png) repeat-x;overflow:hidden;border-bottom:4px solid #268CDC}
.h2Bbox{border-color:#FA8216}
.h2Abox h2{background:url(h2bg.png) left 0px;color:#1370B9;}
.h2Abox h2 span{background:url(h2bg.png) right 0px;}
.h2Abox h2.active{background-position:left -24px;color:#fff}
.h2Abox h2.active span{background-position:right -24px}

.h2Bbox{background-position:0 -28px}
.h2Bbox h2{background-position:0 -48px;color:#FF7300}
.h2Bbox h2 span{background-position:right -48px}
.h2Bbox h2.active{background-position:left -72px;color:#fff}
.h2Bbox h2.active span{background-position:right -72px}

/*borderA*/
.borderA,.borderB{border:1px solid #B7DCF8;float:left;width:100%;border-top:none;margin-bottom:.5em}
.borderB{border-color:#FFCDA4}

.catebox{padding:1em 0 0;background:#fff}
.h3-1{font-size:14px;line-height:1.2em;padding:0 .5em;margin:0;clear:left}
.h3-1 a{color:#0066CC;text-decoration:underline}
.good-cate-list{padding:0 0 .2em;margin:.2em 0 .4em;list-style:none;clear:left;float:left;width:100%;}
.good-cate-list li{float:left;height:18px;line-height:18px;display:block;padding:0 .7em;word-break:keep-all}
.good-cate-listB{border-bottom:none;margin-bottom:0}

.catebox-index{padding:.2em 0}
.catebox-index dl,.catebox-index dd,.catebox-index dt{margin:0;padding:0}
.catebox-index dl{width:32%;float:left;list-style:none;padding-left:1%;margin:.4em 0 .5em}
.catebox-index dd{text-indent:0;}
.catebox-index dt a{color:#0044DD;font-size:14px;font-weight:700}
#good-cates .catebox-index li{padding-left:0;padding-right:.9em}
#good-cates ul{margin:.2em 0}
.catebox-index dd a{color:#5D89DF}

.good-cate-bgA{padding-left:1%;float:left;width:99%;margin:.1em 0 0;background: url(cate-bgA.png) repeat-y;padding-bottom:0}
.good-cate-bgB{background-color:#EBEFFF;padding-top:.2em;padding-bottom:.2em}

#fine-shops{width:240px;float:right}
#justsell{margin:.5em;overflow-Y:hidden}
#justsell dl{margin:0;padding0;border-bottom:1px dashed #ccc;}
#justsell dt{background:url(sv.png) no-repeat 0 0;padding-top: .5em}
#justsell dt,.justsell dd{padding-left:2em;margin:0;line-height:130%}
#justsell dd{padding-top:.2em;color:#FF3300;font-weight:700}