/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

a {
    text-decoration: none;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.breadcrumb {
    height:36px;
    background-color: #e9ecef; /* 设置背景颜色 */
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d; /* 设置分隔符颜色 */
}


.custom-width {
    flex: 0 0 12.5%; /* 或者任何其他适合8个格子的百分比 */
    max-width: 12.5%; /* 与flex值相对应 */
}

.card {
    transition: box-shadow 0.3s ease-in-out; /* 平滑过渡效果 */
}

    .card:hover {
        box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* 鼠标悬停时的阴影 */
    }



.img-wrapper {
    width: 360px;
    height: auto;
    background-size: contain;
    overflow: hidden;
    margin: 10px auto;
    background-color: lightgrey;
}

    .img-wrapper img {
        width: 80px;
        height: 80px;
    }

    .img-wrapper p {
        text-align: center;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 8px;
    }

    .img-wrapper button {
        margin: 12px 80px;
    }




.img-wrapperDayan {
    width: 560px;
    height:480px;
    background-size: contain;
    overflow: hidden;
    margin: 10px auto;
    background-color: lightgray;
}



.img-wrapperDayanTips {
    width: 560px;
    height:auto;
    background-size: contain;
    overflow: hidden;
    margin: 10px auto;
    background-color: lightgray;
}


.rating {
    font-size: 0;
}

.star {
    font-size: 40px;
    cursor: pointer;
    color: #ccc;
    display: inline-block;
    transition: color 0.3s;
}

    .star:hover,
    .star.active {
        color: #ffd700;
    }

.result {
    margin-top: 15px;
    font-size: 20px;
    color: #666;
}