:root,
[data-bs-theme=theme-0] {
  --bs-body:#C8EEEB;
  --bs-header-bg:#07B1A6;
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
}
[data-bs-theme=theme-1] {
  --bs-body:#f5eacc;
  --bs-header-bg:#f0dfaf;
  --bs-header-nav-bg:#e4d19d;
  --bs-header-nav-hover:#f0dfaf;
}
[data-bs-theme=theme-2] {
  --bs-body:#e4f1f5;
  --bs-header-bg:#07B1A6;
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
}
[data-bs-theme=theme-3] {
  --bs-body:#f5e4e4;
  --bs-header-bg:#07B1A6;
  --bs-header-nav-bg:#028e85;
}
[data-bs-theme=theme-4] {
  --bs-body:#e0e0e0;
  --bs-header-bg:#07B1A6;
  --bs-header-nav-bg:#028e85;
}
[data-bs-theme=theme-5] {
  --bs-body:#191b1c;
  --bs-header-bg:#07B1A6;
  --bs-header-nav-bg:#028e85;
}

.bg-body-theme{background: var(--bs-body);}

a{text-decoration: none;}
.qk-card.card{border-radius:var(--bs-border-radius-sm); border:none ;background: var(--bs-white);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
.qk-card.card .card-header{background:var(--bs-white);line-height:1.8rem;border-bottom: 1px solid #c8eeeb;}
.qk-card.card .card-footer{background:var(--bs-white);line-height:1.5rem;border-top: 1px solid #c8eeeb;}
/*小按钮*/
.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-y: 0.125rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.625rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
  }
.btn-green{background:#0ebbb0;color:var(--bs-white);transition: all 0.3s;}
.btn-green:hover{background:var(--bs-pink);color:var(--bs-white);}
/*省略号1-5行*/
.qk-ellipsis-1 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-2 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-4 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-5 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.bg-none{background: none;}
/*头部开始*/
header{background: var(--bs-header-bg);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
header>.navbar{--bs-navbar-padding-y:0.65rem;}
header>.navbar .navbar-brand{color:var(--bs-white);font-size:2rem;}
/*头部搜索*/
header>.navbar .btn-tosearch{height: 38px;width: 74px;background: #168C84;color: #fbfbfb;line-height: 16px;transition: all 0.3s;}
header>.navbar .btn-tosearch:hover{background:#da552b;color:var(--bs-white);}
header>.navbar .form-control.input-key{border: 1px solid #168C84;border-radius:3px 0 0 3px;background:#C8EEEB;color:#168C84;width: 290px;outline: none;font-size:0.75rem;}
header>.navbar .searchmenu .dropdown-menu{width: 220px;background: none;margin-top:3px;}
header>.navbar .searchmenu .btn-tosearch{width:45px;}
header>.navbar .searchmenu .input-key{width: 100px;}
/*头部右侧足迹*/
header>.navbar .nav{--bs-nav-link-padding-y:0rem;--bs-nav-link-padding-x: 0rem;}
header>.navbar .nav .nav-link{font-size:0.75rem;color:var(--bs-white);transition: all 0.3s;}
header>.navbar .nav .nav-link:hover{color:#ff8018;}
/*头部导航*/
header>nav{background: var(--bs-header-nav-bg);--bs-nav-link-padding-y:0.5rem;--bs-nav-link-padding-x:1rem;}
header>nav .nav.topnav{margin-left:calc(var(--bs-gutter-x) * .5);}
header>nav .navbar-nav{--bs-nav-link-padding-y:0.5rem;--bs-nav-link-padding-x:1rem;}
header>nav .nav .nav-link{color:var(--bs-white);transition: all 0.3s;}
header>nav .nav .nav-link.active{background: var(--bs-header-nav-hover);}
header>nav .nav .nav-link:hover{background: var(--bs-header-nav-hover);}
header>nav .nav .bd-navbar-nav{background: var(--bs-header-nav-bg);}
header>nav .nav .navbar-toggler{padding-top:0.75rem ;}
header>nav .a1{background: #ff8018;color:var(--bs-white);transition: all 0.3s;}
header>nav .a1:hover{color:#ed6741;background:var(--bs-white);}
header>nav .a2{background: #ed6741;color:var(--bs-white);transition: all 0.3s;}
header>nav .a2:hover{color:#ff8018;background:var(--bs-white);}
/*头部结束*/

@media (min-width: 992px){
  .bd-layout{
    display: grid;
    grid-template-areas: "aside main";
    grid-template-columns: 2fr 9fr;
    gap: 1rem;
  }
  .top-box{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
}

@media (max-width: 992px){
  .top-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  header>.navbar .navbar-brand{font-size:1.6rem;}
  header>nav .nav{--bs-nav-link-padding-y:0.5rem;--bs-nav-link-padding-x:0.8rem;}
}
@media (max-width: 576px){
  .top-box{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  header>.navbar .navbar-brand{font-size:1.3rem;}
  header>nav .nav{--bs-nav-link-padding-y:0.5rem;--bs-nav-link-padding-x:0.6rem;}
}

.bd-category{
  grid-area: aside;
  background:var(--bs-white);
}

.bd-list{
  grid-area: aside;
  background:var(--bs-white);
}

.bd-main {
  grid-area: main;
  background:var(--bs-white);
}
.bd-main .carousel-item img{max-height:350px;}

/*首页中部左侧导航*/
.bd-category .nav{--bs-nav-link-padding-y:0.2rem;--bs-nav-link-padding-x:0.3rem;--bs-nav-link-color:var(--bs-gray-dark);}
.bd-category .nav .nav-link{--bs-nav-link-font-size:0.85rem;transition: all 0.3s;}
.bd-category .nav .nav-link:hover{color:#ff8018;}

/*主box*/
.main-box{background: var(--bs-white);}
.main-box .card-header b{color: #168C84;border-bottom: 1px solid #ed6741;padding:0.8rem 0px;}
.main-box .card-header .single a{color:var(--bs-white);}
.main-box .card-header .single a.btn{background: #07B1A6;}
.main-box .card-header .single a:hover{background:#028e85;}
.main-box .card-header span{font-size:0.9rem;}
.main-box .card-footer .btn-mulu{background: #009688;color:var(--bs-white)}
.main-box .card-footer .btn-mulu:hover{background: #f44336;}

.pact_area{padding: 24px;margin-bottom: 30px;background-color: #F5F5F5;color: #555;overflow: hidden;}

/*登录*/
.login-wrap{width: 1000px;}
.login-wrap .input-group>.form-control{flex:2;}
fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.15em;
  padding-block-end: 0.125em;
  min-inline-size: min-content;
  border-style: groove;
  border-color: threedface;
  border-image: initial;
}
legend {
  float:none;
  display: block;
  width:auto;
  margin-bottom: 0px;
}
.qk-field-title {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--bs-border-color);
  color:var(--bs-gray-600);
}

.qk-field-title legend {
  padding: 0 0.625em;
  font-size: 1rem;
}

.card-box img{width:100px;}
.card-box .card-text{margin-bottom: 0rem;color:var(--bs-gray);font-size: 0.9rem;}
.card-box a{color:#028e85;}
.card-box a:hover{color:#ff8018;}
.card-box .title{transition: all 0.3s;line-height:2.5rem;}
.card-box .title:hover{font-size:1rem;}
.card-box .title:visited{color:#a9a9a9;}
.card-box .page_box{width:350px}
.card-box>article{
  display: block;
  box-sizing: unset;
  font-size:1.35rem;
  overflow-wrap: break-word;
  color:#696255;
}
.card-box>article p{padding: 0px 0.83rem 0.83rem 0.83rem;text-indent: 2em;}
.card-box .read_btn a{color:#028e85;transition: all 0.3s;}
.card-box .read_btn a:hover{color:#ff8018;}
.card-box.tagbox a{color:#a9a9a9;font-size:0.9rem;}
.card-box.tagbox a:hover{color:#028e85;}

/*css序列号*/
.card-box.type {counter-reset:def+1;}
.card-box .card-text.num:before 
{
  counter-increment:def;
  content:counter(def);
  padding:1px 0.39rem;margin-right:0.27rem ;
  color:var(--bs-white);
  background: var(--bs-gray-400);
  border-radius: var(--bs-border-radius-sm);
}
.card-box .card-text:nth-child(3).num:before{
  background: var(--bs-orange);
}
.card-box .card-text:nth-child(4).num:before{
  background: var(--bs-indigo);
}

/*css序列号结束*/

.tabpanel.card-body{
  --bs-card-spacer-y:0px;--bs-card-spacer-x:0.8rem;
}
.tabpanel .row:nth-child(even) {
  background: #f6f6f6;
}
.tabpanel .tab-head{border-bottom: 1px dotted #ccc;letter-spacing: .86px;}
.tabpanel .tab-content {
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  letter-spacing: 1px;
}
.tabpanel .tab-content .title{color:#028e85;transition: all 0.3s;}
.tabpanel .tab-content .title:hover{color:#ff8018;}
.input_copy_txt_to_board {
  display: block;
  padding: 0 1px;
}
.input_copy_txt_to_board a {
  background: #168C84;
  color: var(--bs-white);
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  right: 1px;
}
#input_copy_txt_to_board{
    border: 1px solid #028e85;
    color: #c3c3c3;
    text-indent: 5px;
    line-height: 28px;
}

.list-item p{border-bottom: 1px dotted #e5e5e5;}
.list-tool a{margin-right:0.5rem;color: #333;font-size: 0.9rem;white-space: nowrap}
.list-tool a.active{padding: 0 0.73rem;border: 1px solid #ff8018;border-radius: var(--bs-border-radius-sm);color: #ff8018;}
.list-tool a.on{color: #ff8018;}
.list-tool a.tagcollapse{color:var(--bs-link-hover-color)}
.tool-box a{color: #333;font-size: 0.9rem;}
.tool-box a.active{color: #ff8018;}
.tool-box .btn-link{text-decoration: none;}
.tool-box a.on{color: #ff8018;}


/*面包屑*/
.breadcrumb{--bs-breadcrumb-margin-bottom:0rem;flex-wrap: nowrap;}
.breadcrumb li a{color:#333;}
.breadcrumb li a:hover{color: var(--bs-breadcrumb-item-active-color);}

/*分页*/
.pagination {--bs-pagination-bg:var(--bs-white)}

/*右侧工具栏*/
.right-bar{width:55px;text-align:center;color:var(--bs-light-text-emphasis); background-color:var(--bs-light-bg-subtle);}
.right-bar .bar-link{color: #333;font-size: 0.9rem;display: block;padding-bottom:0.25rem ;}
.right-bar .bar-link p{font-size: 1.2rem;}
.setting-box{width:25rem;}
.setting-box .theme{width:32px;height:32px;border:1px solid var(--bs-gray-500);text-align: center;font-size:1rem;}
.setting-box .theme i{transition: opacity .3s;text-align: center;opacity: 0;color:var(--bs-red);}
.setting-box .theme.active{border:1px solid var(--bs-red);}
.setting-box .theme.active i{display: block;opacity: 1;}


.bsa-loading {
  z-index: 9999999999;
  position: fixed;
  inset: 0;
  transition: all 0.2s ease-out;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}


.bsa-modal .iframe-wrapper {
  height: calc(100vh - 12rem) !important;
}


.bsa-modal .modal-header i:hover {
  color: var(--bs-tertiary-color);
}
.bsa-modal .modal-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bsa-modal .modal-dialog.modal-fullscreen .iframe-wrapper {
  height: 100% !important;
}

@keyframes progress {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.bsa-toast-pause .progress-bar {
  animation-play-state: paused !important;
}

.bsa-progress {
  height: 3px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1033;
  background: unset;
}
.bsa-progress .progress-bar {
  transition-duration: 200ms;
}

.modal-content{
  border-radius: var(--bs-border-radius-sm);
  -webkit-border-radius: var(--bs-border-radius-sm);
  -moz-border-radius: var(--bs-border-radius-sm);
  -ms-border-radius: var(--bs-border-radius-sm);
  -o-border-radius: var(--bs-border-radius-sm);
}
.modal-header{
  --bs-modal-header-padding: 0.5rem 1rem;
  --bs-modal-border-radius: var(--bs-border-radius-sm);
  background-color: var(--bs-light);
  border-bottom: 1px solid #eee;
}

.modal-footer{
  --bs-modal-padding:0.5rem;
  border-bottom-right-radius: var(--bs-border-radius-sm);
  border-bottom-left-radius: var(--bs-border-radius-sm);
  border-top: 1px solid #eee;
}
.modal-iframe{
  border-bottom-right-radius: var(--bs-border-radius-sm);
  border-bottom-left-radius: var(--bs-border-radius-sm);
}

/*弹出层*/
.popup-box{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;width: -webkit-max-content;width: -moz-max-content;width: max-content;max-width: 100%;}
.popup-main{background-color: rgba(0,0,0,.7);color:var(--bs-white);box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: var(--bs-border-radius);}

/*尾部开始*/
footer{font-size:0.8rem;background:var(--bs-header-bg) url("http://static.quarkphp.cn/web/qoread.cn/1.0.0/default/images/slogan.png") no-repeat center 40px;}
footer a{color:var(--bs-white);}
footer .nav .nav-link{font-size:0.75rem;color:rgba(250, 250, 250, 0.70);transition: all 0.3s;}
footer .nav .nav-link:hover{color:var(--bs-white);}
footer .nav .nav-link>span{display: block;width: 100%;}

/*返回顶部*/
.qk-back-to-top{display:none; width:4.0rem;height:3.5rem; text-align:center; position:fixed; border-radius:var(--bs-border-radius-sm);bottom:1.25rem; right:0.75rem; color:var(--bs-light-text-emphasis); background-color:var(--bs-light-bg-subtle); z-index:1028;}
.qk-back-to-top:hover{color:var(--bs-dark-text-emphasis);background-color:var(--bs-dark-bg-subtle);transition:all .5s}
.qk-fix-tool{display:none; width:4.0rem;text-align:center; position:fixed; bottom:5.35rem; right:0.75rem; z-index:1029;}
.qk-fix-tool .list{border-radius:var(--bs-border-radius-sm);color:var(--bs-light-text-emphasis); background-color:var(--bs-light-bg-subtle);}
.qk-fix-tool .list span{font-size:0.85rem;}
.qk-fix-tool .list a{color:var(--bs-nav-link-color)}
.qk-fix-tool .list a:hover{color:var(--bs-red);transition:all .5s}