style.css

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

/* hB */
.hB{background:url(hBbg.gif) left bottom repeat-x;padding:.7em 0 .3em;height:15px;}
.hB img{vertical-align: middle;position:relative;margin-top:-2px;margin-left:1px;cursor:pointer}
.hB span{padding:0 1em}

/*listPics*/
.listPics{list-style:none;margin:0;padding:0 0 1em;width:100%;float:left}
.listPics li{float:left;width:96px;display:block;padding:0 10px 0;margin:10px 0 0;text-align:center}
.listPics li img{display:block;border:1px solid #ccc}
.listPics li span{line-height:14px;height:28px;overflow:hidden;display:block;margin-top:.5em}
.listPics li a{color:#75828A}

/*shop-goodsList*/
.shop-goodsList{padding-bottom:.8em}
.shop-main h3{background:url(h3bg.gif) repeat-x;padding:.7em 1em .8em;margin:0;font-size:13px}
.shop-goodsList ul{margin:0 0 1em;padding:0;list-style:none;}
.shop-goodsList li{padding:0;margin:0;width:33%;float:left;padding:1em 0}
.shop-goodsList li dl,.shop-goodsList li dt,.shop-goodsList li dd{padding:0;margin:0;text-align:center;}
.shop-goodsList li dt,.shop-goodsList li dd{width:90%;margin:auto;padding-left:1%}
.shop-goodsList li dt{height:200px}
.shop-goodsList li dt a{color:#3255E7;font-weight:bold}
.shop-goodsList li dt img{display:block;margin:0 auto .5em;}
.shop-goodsList img{border:1px solid #ccc}

/*bbsList*/
.bbsList{padding:.7em 0 0 2%;margin:0 auto .8em;list-style:none;width:96%;float:left}
.bbsList li a{float:left}
.bbsList li{font-size:14px;line-height:1.5em;border-bottom:1px solid #F3F3F1;clear:left;width:100%;float:left;padding:0;margin:0}
.bbsList li cite{float:right;width:30%;text-align:right;font-style:normal;font-size:12px;color:#CCC;font-family:Arial}
.bbsList li cite a{float:left;text-align:left;color:#ccc;}

/**/
.boxA,.boxB,.boxC,.boxD{width:100%;float:left;border:1px solid #E3B8B5;backrgound:#fff;margin-bottom:.5em}
.h4A,.h4B,.h4C,.h4D{padding:0;margin:0;font-size:12px;line-height:2.1em;background:#F5D8D6;padding-left:.5em;color:#80504D}

.puListA,.puListB,.puListC{padding:.5em;margin:0;float:left;list-style:none}
.puListA li,.puListB li,.puListC li{height:2em;line-height:2em;overflow:hidden;border-bottom:1px dashed #E3B8B5;margin:0;float:left;width:100%;padding:0}
.puListA li a,.puListB li a,.puListC li a{color:#8A7775}

.boxB{border-color:#B5E3DB;background:#fff}
.h4B{color:#4D8077;background:#D6F5EF}
.puListB li{border-color:#B5E3DB}
.puListB li a{color:#758A86}

.boxC{border-color:#C9E3B5;background:#fff}
.h4C{color:#63804D;background:#E4F5D6;}
.puListC li{border-color:#C9E3B5}
.puListC li a{color:#7E8A75}

.boxD{border-color:#C9C9C9}
.h4D{color:#DB8D0C;background:#F1F1F1;font-weight:bold}

.boxE{width:24.3%;float:left;padding-right:.6%;padding-bottom:1em}
.boxE2{padding:0;float:right}
.boxE-wrap{width:100%;float:left;border:1px solid #B7DCF8}
.boxE-wrap h4{margin:0 0 .5em;padding:.35em .5em .4em;background:#2C90DE url(h2bg.png) center -24px repeat-x;font-size:14px;color:#fff}

.listE{padding:0;margin:0;list-style:none;}
.listE li{background:url(dotA.gif) no-repeat 3% .5em;padding-left:7%;width:92%;float:left;height:18px;line-height:18px;overflow:hidden}
/*展示页*/
h1{text-align:center;margin:0 0 1.2em;padding:1em 0 .8em;font:bold 14px Tahoma;background:url(h1bg.gif) repeat-x;border-bottom:1px solid #eee}
h6{background:url(h4bg.gif) repeat-x;padding:.8em .5em;font-size:14px;}

.r-content{width:79%;float:left;}
.r-side{width:20%;float:right;}

.side-dl,.side-dl dd,.side-dl dt{padding:0;margin:0;}
.side-dl{display:block;margin:0 0 .6em}
.side-dl dd{margin:.6em .8em 0}
.r-pic{width:160px;padding:0 1em 2em 5em}
.r-pic .pic{width:160px;margin:auto}
.r-info{width:50%;margin-left:45%;padding-bottom:2em}
.r-dl dd{padding:.5em;border-bottom:1px dashed #ddd}
.r-dl .r-dd2{position: absolute;margin-left:13em;clear:both}
.goods-des,.goods-comment{padding:1em 1em 3em;word-break:break-all;word-wrap:break-word}
.goods-comment-dl{margin-bottom:.5em;padding-bottom:1em;display:block;width:55%;float:left;clear:left}
.goods-comment-dl dt{float:left;clear:right;border-bottom:1px solid #ccc;margin:.2em 0;padding:0}
.goods-comment-dl dd{clear:left;padding:0;margin:0}
.goods-recomment-dl{float:right;width:40%;padding:.5em .8em;background:#FFFFED;border:1px solid #F0F0AE;margin:0 0 1em}
.goods-recomment-dl dd{color:#999;margin:.5em 0 0;padding:0}
.property{margin-bottom:1em;background-color:#F6F6F6;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.property ul{margin:5px;padding:0;}
.property li{margin:0;padding:0;list-style-type:none;float:left;width:32%;height:24px;line-height:24px;}
.r-content .h3-1{background:#CFEBEF;color:#336599}
.coment1 td{padding:.5em 0;}

.good-comand{padding:1em 0 1em 2%;float:left;width:96%;margin:0;list-style:none}
.good-comand li{width:48%;height:150px;border-bottom:1px dotted #C8C8C8;float:left;margin-left:1%}
.good-comand li div{padding:.5em 0 .2em 0;text-align:center}
.good-comand li img{border:1px solid #ccc}

.listCate{list-style:none;margin:0;padding:1em .5em}
.listCate li{padding:.4em 0 .2em;padding-left:1.5em;border-bottom:1px dashed #ECECEC;background:url(r3_1.gif) no-repeat .4em .4em;}
.listCate li ul{padding:.2em 0;margin:0 0 0 -.7em;list-style:none}
.listCate li ul li{border-bottom:none}

/*搜索结果项*/
.s-good-ind{display:block;border-bottom:1px dashed #d9d9d9;margin:.8em 0 0;padding:0 0 0 .4em;overflow:hidden;float:left;width:99%;height:100px;font-family:Tahoma}
.s-good-ind dt,.s-good-ind dd{float:left;padding:0;text-indent:0;display:block;margin:0}
.s-good-ind .pic{position: relative;margin:0;width:92px}
.s-good-ind .pic img{padding:.1em;background:#f9f9f9;border:1px solid #ccc}
.s-good-ind dt{padding:.2em 1em 1em 1em;width:40%;overflow:hidden;}
.s-good-ind dt img{vertical-align:middle}
.s-good-ind dd{width:20%;text-align:center;margin-top:1em;}
.orange-t{font-weight:bold;color:#0044DD}
.orange-t:hover,.orange-txt{color:#FF6600}
.s-good-ind .dsc{display:block;margin-top:.5em}
.s-good-ind .date{float:right;text-align:left;margin-top:1.2em;width:13%;}

/*商品比较*/
.compareList{width:100%;}
.compareList dl{width:185px;float:left;border:1px solid #ddd;margin:.1%;background:url(h1bg.gif) repeat-x 0 -2px}
.compareList dl dt img{display:block;margin:0 auto .5em;background:none;border:1px solid #ccc}
.compareList dl dt{font-weight:bold;text-align:center;height:120px;}
.compareList dl dt a{color:#4060D9}
.compareList dl dd{padding:0;margin:0}
.compareList .close{cursor:move}
.compareList .close img{padding:2px 2px 0 0;cursor:pointer}
.compareList dl dd table{width:94%;margin:auto;border-top:1px solid #ddd}
.compareList dl dd table td,.compareList dl dd table th{border-bottom:1px solid #eee;padding:.2em}
.compareList dl dd table td{color:#999;width:40%}
.compareList dl dd table th{text-align:left;font-weight:100}

/*文章页面*/
#read-content{width:94%;padding:3%;border:1px solid #eee}
#read-content h1{font-size:18px;background:none;padding:0 0 1em;color:#ED6500;margin-bottom:.5em}
#read-content .bbsList li{padding:.3em 0}
#articlebody{color:#444;line-height:180%}
#articlebody p{text-indent:2em}
.comment-list dl{width:100%;padding:0;margin:0 0 .5em;float:left;border:1px solid #ddd;}
.comment-list dd,.comment-list dt{padding:1em 1%;width:98%;margin:0}
.comment-list dt{padding:.3em 1%;background:#f1f1f1}

/* shops list */
.shops-list{margin:0 0 .5em;padding:0 0 .5em;list-style:none;width:99%;float:left;padding-left:1%;}
.shops-list li{width:16.5%;padding-left:.8%;float:left;height:170px;padding:0;margin:1em 0 0;overflow:hidden}
.shops-list li dl,.shops-list li dt,.shops-list li dd{padding:0;margin:0;text-align:center}
.shops-list li dl{padding:0 2%}
.shops-list li dt{height:138px;overflow:hidden}
.shops-list li dt img{display:block;width:80px;margin:.5em auto}
.shops-list li dt a{color:#0066CC;font-weight:800}

/*pages*/
.pages{margin:3px 0;font:11px/12px Tahoma}
.pages *{vertical-align:middle;}
.pages a{padding:1px 4px 1px;border:1px solid #B6D9E3;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}
.pages a:hover{border:#659b28 1px solid;background:#F7F7F7;text-decoration:none;color:#005681}
.pages input{margin-bottom:0px;border:1px solid #659b28;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659b28;}

/* ajax-tips */
.tips-box{border:1px solid #C8CBA1;background:#FFFEF7;padding:0 0 .5em}
.tips-h{padding:.6em 1em;height:22px;background:url(tips-h.gif) repeat-x;font-size:12px;color:#849800;cursor:move;margin:0}
.tips-ct{padding:.2em 1em .2em}
.tips-ct ul{margin:0;padding:0;list-style:none;border-top:1px solid #f1f1f1;width:100%}
.tips-ct li{margin:0;width:100%;float:left;padding:.4em 0 .2em;border-bottom:1px solid #f1f1f1}

/*footer*/
#footer{background:#fff;float:left;width:100%}
#foottxt{color:#CCC;margin:.5em .5em 2em;font-family: Tahoma;border-top:1px solid #C8CED0;padding:1.5em .5em;}

/*search*/
.tableA{margin:0}
.tableA table{border-collapse:collapse;border:#EFE7E7 1px solid}
.tableA tr.h td{background:#F9F6F6;color:#999;padding:.5em;}
.tableA td{border-bottom:1px solid #EFE7E7;padding:.3em;vertical-align:middle;}
.tableA td .setindex{width:30px;text-align:right;padding:1px 3px;font-size:12px}
.tableA td img{vertical-align:middle}

.tableA th{text-align:left;font-weight:100;padding:.3em}

/*credit*/
.creditA{margin:0}
.creditA table{border-collapse:collapse;border:#EFE7E7 1px solid}
.creditA tr.h td{background:#F9F6F6;color:#999;padding:.5em;}
.creditA td{border-bottom:1px solid #EFE7E7;padding:.3em;vertical-align:middle;}
.creditA td .setindex{width:30px;text-align:right;padding:1px 3px;font-size:12px}
.creditA td img{vertical-align:middle}
.creditA th{text-align:left;font-weight:100;padding:.3em}

/* tongyong */
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}

/*buy*/
.buy-item{padding-bottom:2em}
.btA2{display:block;margin:auto;width:145px;height:33px;text-align:center;line-height:33px;font-size:14px;font-weight:bold;background:url(btA1a.gif) no-repeat;color:#000}
.btA2:hover{text-decoration:none;background:url(btA1b.gif) no-repeat}

.good-cate-list li.active{font-weight:bold;}
.menu{position:absolute;background:#fff;}
.ck{background:#525152;padding:3px;width:100px;}

#AlipaySupport{padding:5px 0 3px 76px;color:#333;text-align:left;margin:5px 0 5px;border:1px solid #DDCF8F;background:#FFFFED url(alipay.gif) 5px 8px no-repeat;}