﻿/*购物车外框样式*/
.shopingCar{width:350px;height:auto;position:fixed;right:10px;bottom:10px;background:none;box-shadow:0px 0px 8px #aaa;z-index:1111;}
.kuangk{width:350px;height:40px;background:none;position:relative;float:left;}
.kuangk a{color:#FFF;font-size:14px;display:block; text-align:center; margin:0 auto; width:100%; background:#d92721; line-height:40px; cursor:pointer}
.kuangk a i,.kuangk a span{font-size:16px;}

/*按钮样式*/
a.btncar{ position:relative; z-index:1; float:left; font-size:20px; display:block; width:40px; background:#d92721; color:#fff; text-align:center; line-height:40px;cursor:pointer;}

/*结算按钮样式*/

.lieb a.Bulk_Inquiry{border-radius:0px; background:#d92721;display:block;color:#FFF;}
/*列表样式*/
.lieb{float:left; width:350px; display:none; background:#fff;-webkit-transition: 0s;transition: 0s;}
.lieb dl {display:block; width:100%; min-height:25px;}
.lieb dl dd{display:block; width:100%; text-align:center; padding:5px 10px; padding-bottom:5px; border-bottom:solid 1px #eaeaea;position:relative;}
.lieb dl dd span{ width:40px; line-height:50px; font-size:14px; color:#333333;}
.lieb dl dd img{float:left; width:50px; height:50px;}
.lieb dl dd p{float:left; width:200px; line-height:50px; text-align:left; padding-left:5px; font-size:12px; color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.lieb dl dd a{position:absolute; top:20px; right:0px; font-size:12px; color:#333333; width:20px; height:20px; cursor:pointer;z-index:999; }

/*购物车页面*/
.shopcartit{display:inline-block;background-color:#1f95d1;color:#FFF;padding-left:25px;font-size:18px;line-height:60px;text-transform:uppercase;font-family:Arial;letter-spacing:1px;}
.shopcartit i{width:60px;height:60px;float:right;background-color:#d92721;color:#FFF;text-align:center;line-height:60px;font-size:24px;margin-left:20px;}
#carlist{margin:30px 0;}
#carlist dt{padding:15px 20px;line-height:30px;background-color:#1f95d1;color:#FFF;box-shadow:1px 2px 3px #888;font-weight:normal;font-size:14px;font-family:Arial;overflow:hidden;}
#carlist dd{padding:15px 20px;margin-top:15px;background-color:#f8f8f8;overflow:hidden;-webkit-transition: 0s;transition: 0s;}
#carlist span{display:inline-block;float:left;font-family:Arial;}
#carlist .sp1{width:18%;padding-right:1%;}
#carlist .sp2{width:20%;padding-right:1%;}
#carlist .sp3{width:44%;padding-right:5%;}
#carlist .sp4{width:18%;padding-right:1%;}
#carlist .sp3 img{width:70px;border:2px solid #dadada;margin-right:10px;float:left;}
#carlist .sp3 p{font-size:12px;line-height:18px;height:36px;margin-top:5px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#carlist .sp4 i{float:right;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;}
#carlist .sp4 .btn-car{display:inline-block;width:80px;height:25px;line-height:25px;color:#FFF;text-align:center;margin-right:10px;}
#carlist .sp4 .btn-car.view{background-color:#1f95d1;}
#carlist .sp4 .btn-car.del{background-color:#d92721;}
.shopinqurytit{background-color:#1f95d1;color:#FFF;padding-left:25px;font-size:18px;line-height:60px;text-transform:uppercase;font-family:Arial;letter-spacing:1px;box-shadow:1px 2px 3px #888;margin-bottom:20px;}
.shopcarinqury{padding:30px;background-color:#f8f8f8;}
#pro_feed_show.shopcarinqury .btn-info{margin:0;}

@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:1px ) and (max-width:991px){
    .shopingCar{width:80px;bottom:50px;}
    .kuangk{width:80px;}
    .kuangk a span{display:none;}
    .lieb{width:80px;}
    .lieb dl dd p{width:80px;}
        
    .shopcartit{line-height:50px;display:block;}
    .shopcartit i{width:50px;height:50px;line-height:50px;margin-left:15px;}
    #carlist dt{padding:10px 15px;}
    #carlist dd{padding:10px 15px;}
    #carlist .sp1{display:none;}
    #carlist .sp2{display:none;}
    #carlist dt .sp3{width:60%;}
    #carlist dd .sp3{width:100%;padding-right:0%;}
    #carlist .sp3 img{width:80px;}
    #carlist dt .sp4{width:40%;padding-right:0%;}
    #carlist dd .sp4{width:100%;padding-right:0%;margin-top:10px;}
    .shopcarinqury{padding:15px 0;}
    #pro_feed_show.shopcarinqury .form-group{margin-bottom:15px;}
}
@media screen and (min-width:768px ) and (max-width:991px) {
    .shopingCar{bottom:10px;}
}
