/*全局样式管理*/
body{
    margin: 0;
    padding: 0;
    background-image: url(/img/bj.webp);
    background-repeat: round;
    width: 100%;
    height: 100%;
}

/*购物车图片样式管理*/
#shppingCar{
    height: 30px;
}

/*功能菜单样式管理(右上角那一排)*/
#functionMenu button{
    margin-left: 10px;   
}

/*设置展示蛋糕的样式卡片中的图片属性*/
#cards>div img{
    height: 300px;
    border-radius: 50%;
}

/*设置蛋糕展示主容器显示*/
#cards{
    background-color: transparent;
    display: flex;
    display: inline-block;
    width: 100%;
    height:100%;
    text-align: center;
}

/*主容器中卡片的管理*/
#cards>div{
    border: 1px pink solid;
    border-radius: 20px;
    display: inline-block;
    width: 24%;
}

/*搜索结果*/
#searchInfo{
    margin-top: 10px;
    height: 315px;
}

/*购物车展示,大小根据内容自适应*/
#shoppingCarShowInfoContent{
    min-width: 400px;
    min-height: auto;
    max-width: 80%;
    max-height: 600px;
    height: auto;
    width: auto;
    overflow: auto;  /*内容过多显示滚动条*/
}