/** * list.css * 商品列表页 * @author som.haita <zhouweihua138@163.com> * @since 2016-1-8 */
/*无序列表标签样式重置*/
ul{margin:0;}
.type-select{position:relative; display:inline-block; margin:0 15px 0 0; border:1px solid #d7d7d7;}
.type-select:hover{border-color: #e40d14;}
.type-select .white-space{display:none; position:absolute; top:24px; left:0; width:100%; height:3px; background:#fff; z-index:9;}
.type-select:hover .white-space{display:block;}
.type-select .type-text{display:block; height:26px; padding:4px 8px;}
.type-select .type-list{display:none; position:absolute; top:26px; left:-1px; width:280px; padding:4px 0 10px; background:#fff; border:1px solid #e40d14; z-index:1;}
.type-select:hover .type-list{display:block;}
.type-select .type-list>li{float:left; width:92px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px 8px;}
.type-select .type-list>li a{color:#666;}
.type-select .type-list>li.current a,
.type-select .type-list>li a:hover{color:#e40d14;}
.type-select .angle-right{position:absolute; right:-16px; top:5px;}
.goods-attr{display:none; height:28px; margin:0 10px 0 0; padding:4px 8px; color:#e40d14; border:1px dotted #e40d14;}
.goods-attr a{color:#e40d14;}
/*商品筛选选项*/
.filter-main{margin:10px 0 0 0; font-size:14px; color:#333333;}
.filter-main a{color:#333;}
.filter-main a:hover{color:#e40d14}
.filter-main .head{padding:14px 19px; background:#f2f2f2; border:1px solid #d7d7d7;}
.filter-main .list{position:relative; border-width:0 1px 1px 1px; border-style:solid; border-color:#d7d7d7;}
.filter-main .list ul{display:block;overflow: hidden;padding-left:20px;}
.filter-main .list li{float:left;cursor:pointer;height: 33px;margin-left: 30px;line-height: 33px;}
.del-selected{display:inline-block;width:15px;height:14px;background: url(/images/main/common/search.ele.png) no-repeat 3px -142px;}
.filter-main .list li a{display:inline-block;padding:0px 6px 0px 3px;font-size:13px;position:relative;}
/*.attr-container .active{border-radius:8px;border:1px dashed #f89406;background: url(/images/main/search/index/lose.png) center right 5px no-repeat #fcd77e;}*/
.attr-container .active{color:#e40d14}
.filter-main .model-desc{color:#999;display:block;font-size:14px;float:left;margin-left:20px;height: 30px;line-height: 30px;min-width: 80px;}
.filter-main .list>ul>li{float:left; margin:0 46px 6px 0;}
.filter-main .list span{position:absolute; top:10px; left:19px; font-weight:700;}
.filter-main .goods-attr-list{display:block;width:100%;height:35px;}
.cate-attr-list .attr-container:not(:first-child){min-height: 30px;overflow: hidden;border-top:1px dashed #eee;}
.filter-main .cate-attr-list{width:100%;}

/*商品列表*/
.goods-list{margin:20px 0 30px 0;}
.goods-list .left{float:left; width:196px; border:1px solid #d7d7d7; overflow:hidden;}
.left-title{padding:17px 12px;}
.left-title h1{margin:0; font-size:14px;}
.left-list{text-align:center;}
.left-list>ul>li{padding:20px 0; border-top:1px dashed #d7d7d7;}
.left-list>ul>li a{display:block;}
.left-list>ul>li img{width:145px; height:145px;}
.left-list .line1{margin:8px 0 0 0;}
.left-list .line2{margin:8px 0 0 0;}
.left-list .line3{margin:18px 0 0 0;}
.left-list .line3 a{display:inline;}
.goods-list .right{position:relative; float:right; width:978px;}
/*展开收起左侧栏按钮开关*/
.goods-list .right .left-switch{position:absolute; z-index:33;left:0; top:80px; width:24px; height:60px; line-height:60px; background:#fff; font-size:32px; text-align:center; color:#999; border:2px solid #ccc;border-radius:5px;-webkit-user-select:none; cursor:pointer;}
.goods-list .right .left-switch:hover{color:#e40d14; border:2px solid #d7d7d7; box-shadow:2px 2px 4px #ddd;}
.right-titile{padding: 10px 0px 10px 10px; background:#f2f2f2; border:1px solid #d7d7d7;}
.price-box{display:inline-block; background:#fff; border:1px solid #d7d7d7;}
.price-box input[type=text]{height:28px; width:60px;background: #cce8cf;border: 1px solid #ccc;}
.right-titile .btn{padding:4px 12px;}
/*商品列表*/
.right-list{padding:21px 0 40px 10px; text-align:center;}
.right-list>ul>li{float:left; margin:0 12px 10px 0;position:relative;}
.right-list>ul>li .item{width:228px; height:350px; padding:10px;}
.right-list>ul>li .item:hover{border:1px solid #d7d7d7; box-shadow:0 0 10px #ddd;}
.right-list .item .line1{margin:10px 0 0 0;font-weight: 600;font-size: 13px;color: #e23838;}
.right-list .item .line2{width:100%; line-height:20px; max-height:40px;margin:25px 0 0 0;overflow:hidden; text-overflow:ellipsis; color: #000;text-align:left;}
.right-list .item .line5{margin:10px 0 0 0; float: left;}
.right-list .item .line6{text-align: left;color: #787878;margin:0px;line-height:20px;margin-top:3px;}
.right-list .item .line7{text-align: left;color: #adadad;margin:0px;line-height:20px;}
.right-list .item .line5{margin:10px 0 0 0; float: left;width:103px;}
.right-list .item .line5 .text-danger{border: 1px solid #e40d14;color:#e40d14;}
.right-list .item .line5 a{display:inline-block; padding:7px 7px; background:#fff; color:#d7d7d7; border:1px solid #d7d7d7;}
.right-list .item .line5 a:hover{border: 1px solid #e23838;color: #e23838;}
.buy_cart{position:absolute;bottom:10px;width:100%;height:50px;}
.buy_now{position:absolute;right: 21px;}
.cart_now{position:absolute;left: 3px;}
.right-list>ul>li a{display:block;}
.right-list>ul>li img{width:145px; height:145px;}
.right .bottom{height:34px; background:#f2f2f2; color:#333; line-height:34px;}
.right .bottom .bottom-left,
.right .bottom .bottom-right{float:right; margin:0 100px;}
.right .bottom .bottom-right .pagination{margin:3px 0 0 0;}
/*底部推广商品*/
.bottom-list{margin:0 0 30px; padding:22px 34px 22px 38px; text-align:center; border:1px solid #d7d7d7;}
.bottom-list .title h1{margin:0; font-size:14px;}
.bottom-list .title a{margin:0 10px 0 0;}
.bottom-list>ul{margin:20px 0 0 0;}
.bottom-list>ul>li{float:left; width:215px; height:275px; margin:0 10px 0 0; border:1px solid #d7d7d7;}
.bottom-list>ul>li:hover{border:1px solid #e40d14; box-shadow:0 0 10px #ddd;}
.bottom-list>ul>li .item{width:215px; height:275px; padding:10px;}
.bottom-list>ul>li .item a{display:block;}
.bottom-list>ul>li img{width:145px; height:145px;}
.bottom-list>ul>li .line1{width: 100%; height: 16px; margin: 8px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bottom-list>ul>li .line2{margin:8px 0 0 0;}
.bottom-list>ul>li .line3{margin:18px 0 0 0;}
.bottom-list>ul>li .line3 a{display:inline;}
/*新增css*/
.right-titile .bannerul{display: inline-block;vertical-align: middle;}
.right-titile .bannerul li{float: left;text-align: center;border: 1px solid #ccc;}
.right-titile .bannerul li a:hover{background:#fff; color:#e40d14; border:1px solid #e40d14;}
.right-titile .bannerul li a{background: #FFFFFF;color: #000;display: block;cursor: pointer;width: 59px;height: 28px;line-height: 28px;}
.right-titile .btnsearch{height: 28px;width: 140px;border: 1px solid #ccc;position: relative;margin-left: 12px;padding-left: 5px;} 
.right-titile .searchprice{display: inline-block;}
.right-titile .psearch{height: 28px;line-height: 28px;border: 1px solid #ccc;text-align: center;position: absolute;background: #FFFFFF;  top: 11px;right: 260px;width: 40px;}
.right-titile .page{display: inline-block;float:right;margin-right:10px;}
.right-titile .pagep{display: inline-block;margin-left: 15px;}
.right-titile .pagep u{color: red;text-decoration: none;}
.right-titile .iconpage{width: 38px;height: 28px;text-align: center;border: 1px solid #ccc;display: inline-block;line-height: 28px;font-size: 23px;vertical-align: middle;cursor: pointer;}
.right-titile .icon-angle-right{margin-left: -12px;background: #Fff;}
.right-list .line8 li{float: left;  margin-right: 10px;cursor: pointer;}
.right-list .line8 img{width: 20px;height: 20px;}
.right-list .line8 .hui{color:#FFFFFF;background: #ed9241;min-width: 20px;height: 20px;display: block;line-height: 20px;padding-left:3px;padding-right:3px;}
.right-list .line8 .jian{color:#FFFFFF;background: #2ee8e5;min-width: 20px;height: 20px;display: block;line-height: 20px;padding-left:3px;padding-right:3px;}
.right-list .line7 .linepeople{color: #0c9dc9;}
.right-list .service_ico img{width:auto;height:auto;}
.right-list .service_ico{margin-right:15px;}
.right-list .btn-danger{height: 31px;line-height: 16px;margin-left: 7px;}
.right-list .btn-add{height: 31px;}
.active1{background: #e43a3b !important;color: #fff !important;}
.right-list .line9{display: inline-block;}
.right-titile .point{background: #fff;}
.right-titile .dispoint{background: #f2f2f2;pointer-events: none;}
.right-titile [class^="icon-"], [class*=" icon-"]{margin-right:0px ;}