/* layout页面样式开始 */
.li-active a:hover{
    color: #2672FF;
    border-bottom: 3px solid #2672FF;
}
.li-active a.active {
    color: #2672FF;
    border-bottom: 3px solid #2672FF;
}
.li-active a {
    color: #252B3A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.layout-boxed-main{
    background: linear-gradient(to bottom, #e2eefc, #f8f9fa, #ffffff);
}
.layout-boxed-main #demo{
    background-color: #ffffff;
}
.carousel-inner{
    max-height: 380px;
    max-width: 1920px;
}
.carousel-inner img{
    max-height: 380px;
    max-width: 1920px;
    width: 100%;
}
.card-header{
    border-bottom: 0px;
}
.card-header-search {
    background-color: #f7f9ff;
}

.shadow-layout{
    border-radius: 10px;
    border: 1px solid rgba(210, 224, 240, 0.50);
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}



/* layout页面样式结束 */



/* 去掉input框样式 */
.btn-group-radis input[type="radio"]{
    display: none;
    border: none;
}
/* 改变按钮背景 */
.btn-group-radis-label label{
    background-color: #f6f8fe;
}

.btn-with-bg{
    overflow: hidden;
    border-color: #DBEBFF;
}
.btn-with-bg:hover {
    background-size: cover,1.5rem 1.5rem; /* 背景图覆盖整个按钮 */
    background-repeat: no-repeat, no-repeat; /* 不重复背景图 */
    background-position: center, right bottom; /* 背景图居中 */
    color: #ffffff;
    border-color: #92b8ff;
}
.btn-with-bg img{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 1.7rem;
    height: 80%;
}
/* 按钮选中是背景变化（end） */

.btn-group-label_grade{
    padding:0.6rem 2rem;
}

.btn-city:not(:disabled):not(.disabled):active, .btn-city:not(:disabled):not(.disabled).active, .show > .btn-city.dropdown-toggle{
    background-color: #ffffff;
    color: #2672FF;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.site-index .btn-outline-primary:hover{
    background-color: #ffffff;
    color: #2672FF;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.course_div{
    align-items: center;
}
.book-title {
    text-align: center;
    color: #252B3A;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.icon {
    display: flex;
    align-items: center; /* 垂直居中 */
    height: 3rem;
    padding-left: 30px;
    /* 其他样式 */
}
.icon img {
    /* 如有需要，可以在这里添加图片的样式 */
    width: 1.5rem;
    vertical-align:middle;
}
.book-list a{
    color: #0f0f0f;
    text-decoration: none;
}
.custom-select{
    width: 7rem;
    border: 0px solid #ced4da;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #F6F9FE;
}
.btn-outline-secondary{
    color: #ffffff;
    border-color: #2672FF;
    background-color: #2672FF;
}

.serach-input{
    border-radius: 8px;
    border: 1px solid rgba(38, 114, 255, 0.30);
    background: #FFF;
}
.btn-outline-secondary{
    border-radius: 0px 8px 8px 0px;
}


/*图书列表*/
.book-content-list{
    text-align: center;
    min-height: 14rem;
}
.book-content-list img{
    height: 218px;
    width: 154px;
    border-radius: 4px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-look{
    border-radius: 100px;
    padding: 0 5px;
}

/*图书列表*/
.card-text {
    width: 100%;
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 隐藏超出的内容 */
    text-overflow: ellipsis; /* 用省略号表示被隐藏的部分 */
}



/* 表格样式 */
.table-hh-dark th, .table-hh-dark td, .table-hh-dark thead th{
    border-color: #ffffff;
    color: #252B3A;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}
/* 表格样式 */

/* 按钮变更公共样式 （按钮带背景图） */