.ui-product{ width:1200px; height:auto; overflow:hidden; margin:0px auto;}
.prosearch{ width:1198px; height:auto; overflow:hidden; margin:20px auto; overflow:hidden; border:solid 1px #eaeaea; box-sizing:border-box;}
.prosearch dl{ height:auto; border-bottom:dotted 1px #ddd; overflow:hidden; width:1198px; margin:0px auto;}
.prosearch dl dt{ width:110px; height:auto; float:left;padding-bottom:2000px;margin-bottom:-2000px; text-indent:10px; background-color:#fff; line-height:34px; color:#666;}
.prosearch dl dd{ width:1076px; height:auto; float:right;padding-bottom:2000px;margin-bottom:-2000px;}
.prosearch dl:last-child{ border-bottom:none;}
.prosearch dl dd span a{position:relative;color:#806F66;display:inline-block;padding:1px 20px 1px 4px;height:34px;white-space:nowrap;line-height:34px;}
.prosearch dl dd span a.active,.prosearch dl dd span a:hover{ color:#ff0036; }

.prolist{ width:1198px; height:auto; margin:10px auto; overflow:hidden; box-sizing:border-box;}
.prolist .prodiv{ width:230px; height:388px; float:left; margin:0 12px 12px 0;box-sizing:border-box;}
.prolist dl{ width:230px; height:388px; padding:10px; box-sizing:border-box; overflow:hidden; border:solid 1px #eaeaea;cursor:pointer;margin:0 auto; position:relative;}
.prolist dt img{ width:210px; height:210px; margin:0px auto; display:block;}
.prolist dd { line-height:24px; z-index:2;}
.prolist dd.proprice{ color:#ff0036; font-size:20px; height:30px; line-height:30px; margin-bottom:5px; margin-top:5px;}
.prolist dd.proprice span{ font-size:12px;}
.prolist dd.proname{ height:48px; overflow:hidden; color:#666;}
.prolist dd.proname a{ color:#666;}
.prolist dd.proname a:hover{ text-decoration:underline;color:#ff0036;}
.prolist dd.probrand{ color:#666;}
.prolist dd.procom{ color:#646fb0;}
.prolist dd.protuan{ color:#f60;}
.prolist span.pmall-tag{ line-height: 20px;background: #f6ffed;border:solid 1px #b7eb8f; position:absolute; right:15px; top:15px; color:#52c41a; padding:2px 6px 0px 6px; border-radius:4px;}

dd.protag span{float:left;height:16px;line-height:16px;padding:0 3px;margin-right:3px;overflow:hidden;text-align:center;font-style:normal;font-size:12px;font-family:"Helvetica Neue","Hiragino Sans GB",SimSun,serif;background:#e23a3a;color:#fff;cursor:default;border-radius:2px;}
dd span.protj{background:#31c19e;}
dd span.proxp{background:#4b9bfc;}
dd span.juan{float:left;height:14px;line-height:14px;padding:0 3px;border:1px solid #e23a3a;margin-right:3px;overflow:hidden;text-align:center;font-style:normal;font-size:12px;font-family:"Helvetica Neue","Hiragino Sans GB",SimSun,serif;border-radius:2px;color:#e23a3a;}

.propage{ width:1200px; height:40px; overflow:hidden; clear:both; text-align:center;  margin:15px auto;}
.propage li{ width:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;}
.propage li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#32332e; border:solid 1px #d9d9d9; border-radius:2px; }
.propage li a:hover,.propage li.active a{ background:#ff0036; color:#fff; border:solid 1px #ff0036; }

.procenter{ width:1198px; height:auto; margin:10px auto; overflow:hidden; box-sizing:border-box;}
.procenter .prodiv{ width:589px; height:268px; float:left; margin:0px 20px 15px 0;box-sizing:border-box; overflow:hidden;}
.procenter dl{ width:589px; height:260px; box-sizing:border-box; overflow:hidden; border:solid 1px #eaeaea;cursor:pointer; padding:6px; margin:0 auto; position:relative;}
.procenter dd.protime{ width:100%; height:38px; position:absolute; background-color:#eee; bottom:0; left:0; line-height:38px; color:#666; font-size:13px; overflow:hidden;}
.procenter dd.protime i{ margin:0 0 0 10px; font-size:14px; position:relative; top:1px;}
.procenter dd.protime span{background-color:#666; padding:2px 4px; margin:0 1px; border-radius:2px; color:#fff;}
.procenter dt img{ width:207px; height:207px; margin:0px auto; display:block; float:left; margin-right:10px;}
.procenter dd { line-height:24px; z-index:2;}
.procenter dd.proprice{ color:#ff0036; font-size:20px; height:30px; line-height:30px; margin-bottom:5px; margin-top:5px;}
.procenter dd.proprice span{ font-size:12px;}
.procenter dd.proname{ height:48px; overflow:hidden; color:#333; font-size:13px; font-weight:bold;}
.procenter dd.proname a{ color:#333;}
.procenter dd.proname a:hover{ text-decoration:underline;color:#ff0036;}
.procenter dd.probrand{ color:#666;}
.procenter dd.procom{ color:#646fb0;}
.procenter dd.proisbuy{ color:#f00;}
.procenter dd.probuy{ width:120px; height:38px; font-size:16px;background-color: #ffeded;border: 1px solid #FF0036; text-align:center; line-height:38px; position:absolute; right:10px; bottom:50px;}
.procenter dd.probuy a{color: #FF0036;}

.pronodata{ width:1200px; margin: 20px auto;font-size: 12px;color: #666;border: 1px solid #ffefe2;background: #fff5ed;font-family: "Microsoft YaHei"; padding:10px; box-sizing:border-box; overflow:hidden;}
.pronodata h3{ font-size:16px; line-height:30px; font-weight:normal;}
.pronodata dt{ line-height:30px; color:#333; font-size:14px;}
.pronodata dd{ line-height:30px; color:#666;}
.pronodata dd a{ color:#ff0036; margin:0 3px;}
.nodatar{ width:600px; float:left;}
.prono{ width:60px; float:left; font-size:60px; text-align:center; color:#999;}