.listbox{ position:relative; width:1450px; z-index:999;}
<!--导航-->
.listbox .piclist_nav{ line-height:37px;height:41px;}
.listbox .piclist_nav li{ float:left; width:131px; height:37px;color:#333333; text-align:center;margin-right:10px; display:inline;}
.listbox .piclist_nav li a{ float:left; width:131px;height:37px; color:#333333;display:block; background-color:#cdcdcd;border-radius:3px; line-height:37px; font-size:16px}
.listbox .piclist_nav li a:hover{ float:left; width:131px; background:url(arch_bg.png) no-repeat; height:41px; color:white;}
.listbox .piclist_nav li .cur{ float:left; width:131px; background:url(arch_bg.png) no-repeat; height:41px; color:white;}
<!--内容-->
.boutique_nav{ font-family:"宋体";font-size:14px;line-height:25px;}
.boutique_nav .case-li li{ float:left;width:80px;height:25px;color:#333333;text-align:center;display:inline; margin:0 5px;}
.boutique_nav .case-li li a{ float:left;background-color:#cdcdcd;width:80px;height:25px;color:#333333;text-align:center;margin:0 5px; display:block;margin-top:5px; border-radius:3px}
.boutique_nav .case-li li a:hover{ background-color:#31bcfc;color:white;width:80px;height:25px;display:inline;}

.boutique .items-li .description a:hover { color: #ef353d; text-decoration: none;}

/*boutique list*/
.boutique .items-li {float: left; width: 451px; margin:0 12px 20px 8px; padding-bottom: 10px; background-color: #fff; border:1px solid #eee;}
.boutique .active {box-shadow:0 0 10px rgba(0,0,0,.2);}
.boutique .items-li .wrap_div { height:54px; position:relative; z-index: 2; background:white;}
.boutique .items-li .wrap_div p { height:20px; overflow:hidden; text-align:center; font-size: 12px; color: #30BCFE;}
.boutique .items-li .wrap_div div { position:absolute; left:0; bottom:0; z-index:100; width: 100%; background:white; }
.boutique .items-li .wrap_div p { text-align: center; margin-top: 5px; height: 0px; overflow: hidden; _line-height:0;}
.boutique .items-li>a { display: block; text-align: center;}
.boutique .items-li a{width:451px; height:333px; text-align:center; overflow:hidden;}
.boutique .items-li img {max-height: 333px;}
.boutique .items-li h3 { float:left; width: 100%; padding-top: 10px; padding-bottom: 5px; font-weight: normal; line-height: 22px; text-align: center; font-size:16px;}
.boutique .items-li h3 a { color: #060836;}
.boutique .items-li h3 a:hover { color: #EF353D;}
.boutique .items-li .description { display: block; font-size: 12px; color: #919191; text-align: center;}
.boutique .items-li .description a { color: #919191;}
.boutique .items-li .price-attente { margin-top: 5px;}
.boutique .items-li .price-attente .price { float: left; margin-left: 50px; font-size: 12px; color: #ef353d; background:url(sxcl.jpg) 0 3px no-repeat; padding-left:20px;}
.boutique .items-li .price-attente .attente {float:left; width:60px; margin-left: 10px; padding-left:20px; font-size: 12px; color: #30BCFE; background-image:url(over-page-attente.jpg); background-repeat: no-repeat; background-position: left center; cursor: pointer;}
.boutique .items-li .price-attente .time{ float:right; width:102px; color:#666; margin-right:10px; text-align:right; background:url(dateIcon.png) left center no-repeat; padding-left:20px;}
/*手机版*/
.boutique .items-li2 { float: left; width: 282px; height:573px; margin:0 12px 10px 8px; padding-bottom: 10px; background:url(../images/shouji.png) center top no-repeat;}
.boutique .items-li2 .wrap_div { height:54px; position:relative; z-index: 2; background:none;}
.boutique .items-li2 .wrap_div p { height:20px; overflow:hidden; text-align:center; font-size: 12px; color: #30BCFE;}
.boutique .items-li2 .wrap_div div { position:absolute; left:11px; bottom:100px; z-index:100; width: 260px; background: #FF0000;filter: alpha(opacity=70); opacity: 0.7;}
.boutique .items-li2 .wrap_div p { text-align: center; margin-top: 5px; height: 0px; overflow: hidden; _line-height:0;}
.boutique .items-li2>a { display: block; width: 282px; height: 452px; text-align: center; line-height: 290px;}
.boutique .items-li2 img { width: 260px; height: 447px; position:relative; top:63px;}
.boutique .items-li2 .title { float:left; width: 100%; padding-top: 10px; padding-bottom: 5px; font-weight: normal; line-height: 22px; text-align: center;}
.boutique .items-li2 .title a { color: #fff; font-size:16px}
.boutique .items-li2 .title a:hover { color: #FFFF00;}
/*boutique css*/
.boutique { width:1400px; margin:10px auto auto auto;}
.boutique .canvas { width: 1408px;  position:relative; left:-8px; padding-top:12px;}


<!--页码-->
.pageno{ margin-bottom:20px; height:26px; float:right; margin-right:0px;color:#333333;}
.pageno li{ float:right; margin-right:10px; line-height:24px; text-align:center; background-color:white; border:1px solid #dbdbdb; border-radius:3px; width:50px;}
.pageno li a{ width:50px; display:block;}
.pageno li a:hover{ width:50px; height:26px;background-color:#31bcfc;color:white;}
.pageno .current{ width:50px; height:25px; background-color:#31bcfc; color:white;display:block;}

.Selected{ background:url(arch_bg.png) no-repeat; color:white;}
.NotSelected{  float:left; width:144px;height:37px; color:#333333;display:block; background-color:#cdcdcd;margin-right:2px; border-radius:3px;}
.hidden{ display:none;}