@charset "utf-8";
/**
    shopCart
*/

.buyFooter{
    position:fixed;
    z-index:3;
    left:0px;
    bottom:0px;
    width:100%;
    height:45px;
    background-color:#fff;
    padding:6px 10px;
    box-sizing:border-box;
    align-items:center;
}
.buyFooter div{
    width:auto;
    line-height:33px;
}
.buyFooter div a{
    display:inline-block;
    text-align:center;
}
.buyFooter div i{
    font-size:18px;
    color:#f60;
    vertical-align:middle;
}
.buyFooterCenter{
    color:#f60;
}
.buyFooterCenter span{
    /*font-size:16px;*/
    color:#f60;
}

.buyFooterLeft a{
    /*font-size:12px;*/
}
.buyFooterRight{
    height:100%;
}
.buyFooterRight a{
    height:100%;
    width:85px;
    background-color:#f60;
    color:#fff;
    border-radius:22px;
}
.detailListBox{
    padding:8px;
    box-sizing:border-box;
    background-color:#f4f4f4;
    overflow:hidden;
}
.detailItemBox{
    width:100%;
    padding:15px 10px;
    box-sizing:border-box;
    /*border:1px solid #eee;*/
    border-radius:7px;
    margin-bottom:8px;
    background-color:#fff;
}
.detailPrice{
    width:100%;
    padding-top:12px;
    border-top:1px dotted #eee;
    margin-top:15px;
    align-items:center;
}
.detailPrice label{
    display:inline-block;
    padding:5px 15px;
    border-radius:13px;
    -webkit-border-radius:13px;
    border:1px solid #eee;
    font-size:12px;
}
.detailPrice div{
    width:auto;
}
.detailPrice div,.detailPrice span{
    font-size:15px;
    color:#f60;
}
.detailContentBox{
    position:relative;
    width:100%;
    overflow:hidden;
}
.detailImg{
    float:left;
    width:35%;
    height:0;
    padding-bottom: 32%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    border-radius:4px;
    -webkit-border-radius:4px;
}
.detailInfo{
    width:auto;
    margin-left:38%;
    line-height:18px;
}
.proName{
    width:100%;
    padding-bottom:5px;

}
.pakName{
    width:100%;
    align-items:center;
    padding:2px 5px;
    background-color:#f3f3f3;
    box-sizing:border-box;
    border-radius:10px;
}
.pakName span{
    width:90%;
    font-size:12px;
    color:#999;
}
.pakName i{
    font-size:16px;
    color:#999;
    vertical-align:middle;
}
.priceInfo,.priceInfo label,.priceInfo span,.priceInfo s{
    font-size:12px;
    color:#999;
}
.detailOperate{
    position:absolute; 
    z-index:2;
    left:38%;
    right:0px; 
    bottom:0px;
    align-items:center;
}
.detailDelete{
    display:inline-block;
}
.detailDelete i{
    font-size:18px;
    color:#aaa;
}
.detailAmount{
    font-size:0;
    height:30px ;
    line-height:30px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:5px;
    -webkit-border-radius:5px;
}
.detailAmount span{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.amountDiff,.amountAdd{
    width:36px;
    font-size:20px;
}
.amountDiff{
    border-right:1px solid #ddd;
}
.amountAdd{
    border-left:1px solid #ddd;
}
.detailAmount input{
    width:50px;
    height:100%;
    line-height:100%;
    text-align:center;
    border:0px;
}