html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: Source Han Sans,Microsoft YaHei UI,Microsoft YaHei,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}

html {
  font-size: 14px !important;
}

body {
  color: #252B3A;
  font-size: 1rem;
  background: white;
  overflow-y: scroll;
}

.hh-container {
  width: 1280px !important;
  max-width: 1280px !important;
}

header .navbar {
  height: 60px;
}
header .navbar .menu-list{
  width: calc(100% - 100px);
  justify-content: end;
}

.user-info .navbar-text {
  color: #D9D9D9;
  margin: auto 5px;
}

.user-info img {
  width: 33px;
  height: 33px;
  border-radius: 50%;
}

.menu-list a.nav-link, .user-info a.nav-link {
  color: #252B3A !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: auto 10px;
  margin-bottom: 3px;
}

.menu-list a.active {
  color: #2672FF !important;
  border-bottom: 3px solid #2672FF;
  margin-bottom: 0px;
}

footer {
  background-color: #243058;
  color: #B3B3B3;
}
footer .foot-content-box{
  justify-content: center;
}
footer .foot-content-box .foot-link-box{
  width: 500px;
}
footer a {
  font-size: 15px;
  color: white;
  text-decoration: none;
}
footer .foot-content-box .foot-link-box .site-link{
  font-size: 16px !important;
}
footer .foot-wechat{
  font-size: 12px;
  color: white;
}

footer a:hover {
  color: white;
}

footer .copyright {
  font-size: 12px;
  border-top: rgba(255,255,255,0.1) 1px solid;
}

main {
  background: url("/img/main-top-bg.png") repeat-x top center fixed;
}

.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

/*.el-carousel__item:nth-child(2n) {*/
/*  background-color: #99a9bf;*/
/*}*/

/*.el-carousel__item:nth-child(2n+1) {*/
/*  background-color: #d3dce6;*/
/*}*/
.box-card {
  background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(0,53,126,0.08) !important;
  border-radius: 6px;
  border: 1px solid rgba(226,234,243,0.5) !important;
}
.time {
  font-size: 13px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.image {
  width: 100%;
  display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}
.box {
  margin: 0 10px; /* 盒子间间距 */
  /* 其他样式 */
}
.book-box{
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #E2EAF380;
  box-shadow: var(--el-box-shadow-light);
}
/*.el-carousel__item:nth-child(2n+1){*/
/*  background-color: #ffffff;*/
/*}*/
/*.el-carousel__item:nth-child(2n){*/
/*  background-color: #ffffff;*/
/*}*/
.box-content{
  margin: 1rem 0;
  display: flex;
  padding: 0 15px;
}
a{
  text-decoration:none;
}
.box-bg-img{
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.grid-content{
  display: table-cell;
  vertical-align: middle;
  height: 5rem;
  text-align: center;
}
.jpzy_div p{
  font-size: 14px;
  font-weight: 400;
}
.background-image-div {
  position: relative;
  /* 设置div的大小，这里仅为示例 */
  width: 175px;
  height: 175px;


  /* 调整背景图片位置到右下角 */
  background-position: right bottom;

  /* 设置背景图片不重复 */
  background-repeat: no-repeat;

  /* 还可以设置背景图片的大小，例如： */
  /* background-size: cover;*/
  background-size: 100px;

  /* 其他样式，如边框、颜色等 */
  padding-left: 5rem;
  overflow: hidden;
  border-radius: 8px;

}
.background-image-div .el-text{
  position: absolute; /* 文字绝对定位 */
  top: 30px; /* 距离底部10px */
  left: 40px; /* 距离右边10px */
  color: #ffffff;
}
.dropdown-menu li .dropdown-item{
  padding-top:7px;
  padding-bottom: 7px;
}
.dropdown-menu li .dropdown-item svg{
    margin-bottom: 2px;
}
.text-active{
  color: #2672FF;
}
.text-desc{
  color: #999999;
}


.container-ebook-content{
  width: 100%; /* 或者一个具体的宽度值 */
  padding: 0 10px;
  text-align: justify; /* 如果你想让子元素在容器内均匀分布，但这不影响换行 */
  font-size: 0; /* 消除子元素之间的空白间隙，因为inline-block元素之间会有默认的空白间隙 */
}
.ebook-item {
  display: inline-block;
  width: 100%; /* 或者任何你想要的宽度 */
  box-sizing: border-box; /* 确保padding和border不会增加元素的宽度 */
  padding: 10px;
  font-size: 16px; /* 重置字体大小 */
}


.ebook-item .btn-group{
  width: 11rem;
}
.card-text {
  white-space: pre-line;
  overflow: hidden !important;
  max-block-size: 40px;
  display: block;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}

.el-table__header>thead .el-table__cell{
  background-color: #F6F9FF !important;
}
.el-table__header>thead .cell {
  color: #252B3A;
}
.table-option-link{
  width: 78px;
  height: 26px;
  background: #2672FF;
  border-radius: 100px;
  border: 1px solid #2672FF;
}
.table-option-link-text{
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 16px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.el-radio__input {
  display: none  !important;
}
.more-show{
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #7A8EB3;
  line-height: 16px;
  text-align: right;
  font-style: normal;
  text-transform: none;
}


/*教辅书按钮样式*/

.radio-group {
  display: flex; /* 使用flex布局来实现水平排列 */
  align-items: center; /* 可选，用于垂直居中对齐子元素 */
  gap: 15px; /* 添加子元素之间的间隔 */
}

.radio-btn {
  display: inline-block; /* 也可以保持为inline-block，但flex布局下不是必须 */
  padding: 10px 48px;
  background-color: #F5F8FE; /* 默认背景颜色 */
  border: 1px solid #DBEBFF;
  border-radius: 8px;
  cursor: pointer;
  position: relative; /* 用于可能的伪元素或定位 */
  /* 隐藏原始单选按钮的样式，通常是通过将其从视觉上隐藏，但保持其可访问性 */
}

/* 隐藏原始的单选按钮 */
.radio-group input[type="radio"] {
  display: none; /* 完全隐藏单选按钮 */
  /* 或者使用其他技术如透明度、定位等，但完全隐藏是最简单的方法 */
}

/* 当单选按钮选中时，给对应的label添加样式 */
.radio-group input[type="radio"]:checked + .radio-btn {
  /*background-color: #007BFF; !* 选中后加深的背景颜色 *!*/
  background-color: #2672FF;
  color: white; /* 文本颜色也相应改变 */
  background-image: url('/img/btn-bg2.svg');
  background-repeat: no-repeat; /* 不重复背景图 */
  background-position: right bottom; /* 背景图居中 */
  background-size: 35px;
  /* 如果想要使用背景图，请取消注释以下行并替换为你的图片URL  
  background-image: url('your-image-url.jpg');  
  background-size: cover;  
  */
}

/* 鼠标悬停时的样式（可选） */
.radio-btn:hover {
  background-color: #DBEBFF; /* 鼠标悬停时的背景颜色 */
}


/*教辅书样式结束*/

/*label:not(.form-check-label):not(.custom-file-label){*/
/*  color: #252B3A;*/
/*  font-size: 14px;*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/
.ji-chu-yong-fa{
  font-size: 18px;
  font-weight: bold;
}
.el-radio__input.is-checked+.el-radio__label{
  color:#2672FF ;
  font-weight: 550;
}
.jpzy_div a {
  color: #252B3A;
}
.jpzy_div a:hover{
  color: #2672FF;
}
.el-carousel__arrow:hover {
  background-color: #2672FF;
}
.toast-center {
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 250px; /* 根据需要调整最小宽度 */
  margin: 0 auto;
  z-index: 9999; /* 确保通知消息位于其他内容之上 */
  /* 其他样式，如背景色、边框、字体等 */
}

.container-empty{
  width: 100%;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height: 350px; /* 你可以根据需要设置高度 */
  background: #ffffff;
  border-radius: 6px;
}
.el-carousel__indicators{
  display: none;
}
.form-select:focus{
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}


#toast-container {
  top: 10% !important;
  right: auto !important;
  left: 55% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

/* 根据需要调整宽度和高度 */
.toast {
  max-width: 50%; /* 可以根据需要调整宽度 */
  margin: 0 auto;
}