/* #float-link {
    color: #2c3e50;
    text-decoration: none;
    background-image: -webkit-linear-gradient(#13967d, #13967d);
    background-image: -moz-linear-gradient(#13967d, #13967d);
    background-image: -o-linear-gradient(#13967d, #13967d);
    background-image: linear-gradient(#13967d, #13967d);
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: 0 2px;
    -moz-background-size: 0 2px;
    -o-background-size: 0 2px;
    background-size: 0 2px;
    -webkit-transition: background-size 100ms ease-in-out;
    -moz-transition: background-size 100ms ease-in-out;
    -o-transition: background-size 100ms ease-in-out;
    transition: background-size 100ms ease-in-out
}

#float-link:hover {
    -webkit-background-size: 100%2px;
    -moz-background-size: 100%2px;
    -o-background-size: 100%2px;
    background-size: 100%2px;
    color: #13967d
} */

.float-link {
    color: #2c3e50;
    text-decoration: none;
    background-image: -webkit-linear-gradient(#13967d, #13967d);
    background-image: -moz-linear-gradient(#13967d, #13967d);
    background-image: -o-linear-gradient(#13967d, #13967d);
    background-image: linear-gradient(#13967d, #13967d);
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: 0 2px;
    -moz-background-size: 0 2px;
    -o-background-size: 0 2px;
    background-size: 0 2px;
    -webkit-transition: background-size 100ms ease-in-out;
    -moz-transition: background-size 100ms ease-in-out;
    -o-transition: background-size 100ms ease-in-out;
    transition: background-size 100ms ease-in-out
}

.float-link:hover {
    -webkit-background-size: 100%2px;
    -moz-background-size: 100%2px;
    -o-background-size: 100%2px;
    background-size: 100%2px;
    color: #13967d
}

.site-title:hover {
    color: #13967d
}

hr {
    color: #13967d
}

.mini-tag-link {
    color: #f9fafc;
    text-decoration: none;
    background-image: -webkit-linear-gradient(#13967d, #13967d);
    background-image: -moz-linear-gradient(#13967d, #13967d);
    background-image: -o-linear-gradient(#13967d, #13967d);
    background-image: linear-gradient(#13967d, #13967d);
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: 0 2px;
    -moz-background-size: 0 2px;
    -o-background-size: 0 2px;
    background-size: 0 2px;
    -webkit-transition: background-size 100ms ease-in-out;
    -moz-transition: background-size 100ms ease-in-out;
    -o-transition: background-size 100ms ease-in-out;
    transition: background-size 100ms ease-in-out
}

.mini-tag-link:hover {
    -webkit-background-size: 100%2px;
    -moz-background-size: 100%2px;
    -o-background-size: 100%2px;
    background-size: 100%2px;
    color: #13967d
}

/* scrollbar */
/* 滚动条 */
::-webkit-scrollbar-thumb:horizontal {
    /*水平滚动条的样式*/
    width: 4px;
    background-color: rgba(253, 253, 253, 0.8);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(253, 253, 253, 0.8);
    /*滚动条的背景颜色*/
    -webkit-border-radius: 0;
    /*滚动条的圆角宽度*/
}

::-webkit-scrollbar {
    width: 10px;
    /*滚动条的宽度*/
    height: 8px;
    /*滚动条的高度*/
}

::-webkit-scrollbar-thumb:vertical {
    /*垂直滚动条的样式*/
    height: 50px;
    background-color: #2c3e50;
    -webkit-border-radius: 4px;
    outline: 2px solid rgba(253, 253, 253, 0.8);
    outline-offset: -2px;
    border: 2px solid rgba(253, 253, 253, 0.8);
}

::-webkit-scrollbar-thumb:hover {
    /*滚动条的hover样式*/
    height: 50px;
    background-color: rgba(253, 253, 253, 0.8);
    -webkit-border-radius: 4px;
}

.divider {
    height: 0.5rem;
    background-color: rgba(19, 150, 125, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(19, 150, 125, .15);
}

.divider-lg {
    height: 2.5rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }


.text-shadow {
    text-shadow: 2px 2px 5px rgb(145, 145, 145);
}

.text-shadow-blue {
    text-shadow: 2px 2px 5px rgb(62, 146, 241,0.6);
  }
  
/* div.custom-toc-container {
    position: -webkit-sticky;
    position: sticky;
    top: 5;
    background-color: green;
    border: 2px solid #4CAF50;
} */

html {
    scroll-padding-top: 160px;
  }

/* table {
table-layout: fixed;
} */

#ziXuanGu thead tr th {
position:sticky;
top:0;
}

#ziXuanGu tbody tr td{
    vertical-align: middle;
}

#chart-btn {
    color: red;
}

#chart-btn:hover {
    -webkit-background-size: 100%2px;
    -moz-background-size: 100%2px;
    -o-background-size: 100%2px;
    background-size: 100%2px;
    color: #ff0000;
    background: rgba(255, 0, 0, 0.1)
}


#box-arti:hover {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24);
}

.badge-smaller {
    font-size: smaller;
}

.font-size-self-12 {
    font-size: 12px;
}
.font-size-self-14 {
    font-size: 14px;
}
.font-size-self-16 {
    font-size: 16px;
}
 
/* Shrink */
.shrink-block {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    color: #2c3e50;

  }
  .shrink-block:hover, .shrink-block:focus, .shrink-block:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    /* color: #43c4f7; */
  }

.shrink-block a {
    color: #2c3e50;
    text-decoration: none;
}

.float-link-light {
    /* color: #ffffff; */
    text-decoration: none;
    /* background-image: -webkit-linear-gradient(#ffffff, #ffffff);
    background-image: -moz-linear-gradient(#ffffff, #ffffff);
    background-image: -o-linear-gradient(#ffffff, #ffffff);
    background-image: linear-gradient(#ffffff, #ffffff); */
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: 0 2px;
    -moz-background-size: 0 2px;
    -o-background-size: 0 2px;
    background-size: 0 2px;
    -webkit-transition: background-size 100ms ease-in-out;
    -moz-transition: background-size 100ms ease-in-out;
    -o-transition: background-size 100ms ease-in-out;
    transition: background-size 100ms ease-in-out
}

.float-link-light:hover {
    -webkit-background-size: 100%2px;
    -moz-background-size: 100%2px;
    -o-background-size: 100%2px;
    background-size: 100%2px;
    color: #13967d
}

.bg-up-red {
    background-color: #ea5454;
}
.bg-up-red:hover {
    background-color: #ff5c5c;
}
.bg-up-red a {
    color: #ffffff;
    text-decoration: none;
}

.bg-down-green {
    background-color: #0abf9b;
}
.bg-down-green:hover {
    background-color: #0bd9b6;
}
.bg-down-green a {
    color: #ffffff;
    text-decoration: none;
}


.white-a {
    color: #ffffff;
    text-decoration: none;
}
.white-a :hover{
    color: #ffffff;
    text-decoration: none;
}

.table-span {
    line-height: 10px;
}