/* ---------- 全局 ---------- */
* {
    /* 禁圆角 */
    border-radius: 0;
    /* 无阴影 */
    box-shadow: none;
    /* 触摸屏浏览器只允许进行滚动和持续缩放操作 */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

*:focus, *:active {
    /* 禁点击时的边框 */
    box-shadow: none;
    outline: none !important;
}

html {
    /* 横向内容溢出则直接裁掉 */
    overflow-x: hidden;
    /* IE、Edge 浏览器溢出则加滚动条 */
    -ms-overflow-style: scrollbar;
    /* 设置基准字体大小 */
    font-size: 16px;
}

body {
	width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	
	
    /* 设置字体 */

    font-size: 1rem;
    font-weight: 300;
    color: #000;
}

/* 抗锯齿渲染，使字体更清晰 */
body, button, input, textarea, select, a {
    /* chrome, safari */
    -webkit-font-smoothing: antialiased;
    /* firefox */
    -moz-osx-font-smoothing: grayscale;
}



/* ---------- 基础标签 ---------- */

/* hr */
hr {
    border-top: 1px solid rgba(255,255,255,.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/* strong */
strong, strong a {
    font-weight: bold;
}

/* a */
a {
    color: rgb(9,105,218);
    font-weight: 300;
    text-decoration: none;
}

a:hover, a:focus {
    color: rgb(172,68,58);
    font-weight: 600px;
    text-shadow: 0 0 6px rgba(172,68,58,.38);
    text-decoration: none;
}

.fw-bold > a {
    font-weight: 700;
}

/* ----------------------------------------------------------------------------------------------------
 *
 * 页面框架
 *
 * ---------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------
 * 顶部导航条
 * -------------------------------------------------- */

#headNav {
    height: 36px;
    background: #101010;
    border-bottom: 0.0625rem solid rgba(255,255,255,0.15);
}

#headNav a {
    color: rgba(255,255,255,1);
}

#sidebarToggleBtn {
    transform: rotate(0deg);
	
}

/* --------------------------------------------------
 * 侧边导航栏 + main
 * -------------------------------------------------- */

#sidebar {
    /* 不覆盖顶部导航条，需要覆盖主内容 */
    z-index: 100;
    position: fixed;
    bottom: 0px;
    width: 230px;
    box-shadow: 0 .500rem 2rem rgba(0,0,0,.5);
    background: rgb(90,85,80);
    border-right: .175rem solid rgb(90,85,80);
}

/* 电脑端，不留顶部导航位置，侧边栏正常显示 */
@media (min-width: 768px) {
    #sidebar {
        top: 0px;
        left: 0px;
    }
}
/* 手机端，留顶部导航，隐藏侧边栏 */
@media (max-width: 768px) {
    #sidebar {
        top: 2px;
        left: -210px;
    }
    .phone-active {
        left: -5px!important;
    }
    /* 手机端展开导航栏时的遮蔽层 */
    .cover-rag {
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 99;
        background-color: rgba(0,0,0,0.5);
    }
}

.sidebar-sticky {
    padding-right: .085rem;
/*    background: rgb(64,60,58);*/
    background: #f7f8f9;
    position: relative;
    top: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#sidebar hr {
    margin: 1rem 2rem;
    border-top: solid 1px rgb(255,255,255);
    box-shadow: 0 0 6px rgb(255,255,255);
}

/* ---------- 标题 ---------- */
#barTitle {
    color: #FFF;
}

#subTitle {
    color: rgb(188,187,182);
}

/* ---------- metis 导航栏 ---------- */
#metisMenu {
    font-family: 'open-sans-light', sans-serif;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* animate 插件动态显示，必须设动画时长 */
    animation: fadeIn;
    animation-duration: 0.8s;
}

#metisMenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#metisMenu a {
    position: relative;
    display: block;
    padding: 8px 15px;
    color: #0e1421;
    font-size: 14px;
    font-weight: 200;
    outline-width: 0;
    transition: all .3s ease-out;
/*    border-bottom: 1px solid rgba(64,60,58,.6);*/
}

#metisMenu a:hover,
#metisMenu a:focus {
    color: #1f5fff;
    text-decoration: none;
    background-color: #1f5fff33;
}

#metisMenu .mm-active > a {
    color: #1f5fff;
    text-decoration: none;
    background-color: #1f5fff33;
    border-radius: 2px;
}

/* ---------- 滚动条 ---------- */
/* 整个滚动条 */
#sidebar ::-webkit-scrollbar {
    width: .175rem;
    background-color: rgb(90,85,80);
}
/* 滚动条轨道 */
#sidebar ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .175rem rgba(234,228,215,.15);
}
/* 滚动条上的滚动滑块 */
#sidebar ::-webkit-scrollbar-thumb {
    background-color: rgb(234,228,215);
}

/* ---------- main content ---------- */
#mainContent {
    min-height: 100vh;
    /* animate 插件动态显示，必须设动画时长 */
    animation: fadeIn;
    animation-duration: 1.2s;
}

/* 电脑端 */
@media (min-width: 768px) {
    /* 宽度适应侧边导航栏 */
    #mainContent {
        margin-left: 230px;
    }
}
/* 手机端 */
@media (max-width: 768px) {
    /* main 宽度保持不变 */
    #mainContent {
        margin-left: 10px;
    }
}


/* --------------------------------------------------
 * footer
 * -------------------------------------------------- */
#footer, #footer a {
    color: rgb(234,228,215);
    font-size: 14px;
    font-weight: 200;
}

/* ----------------------------------------------------------------------------------------------------
 *
 * 组件
 *
 * ---------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------
 * Table
 * -------------------------------------------------- */

.table > thead > tr > th {
    border-bottom: 0;
    color: #fff;
    font-weight: 400;
    background: rgb(77,106,168);
    box-shadow: 0 0 5px rgba(77,106,168,.15);
}

.table > tbody > tr:hover {
    background: rgba(57,87,165,.1);
}

.table th > a {
    color: #fff;
    text-decoration: underline;
}

/* --------------------------------------------------
 * 注释
 * -------------------------------------------------- */
.annotation {
    border: 1px solid rgba(58,59,59,.2);
    padding: .5rem 1rem;
    background: rgba(242,187,29,.65);
}

.annotation a {
    color: rgb(57,87,165);
}

.annotation a:hover, .annotation a:focus {
    color: red;
}

.annotation hr {
    margin: .5rem 0;
    box-shadow: none;
}

.annotation-line {
    font-size: .8rem;
    word-break: break-all;
    border: 1px solid rgba(58,59,59,.2);
    padding: .1rem .25rem;
    background: rgba(242,187,29,.65);
}

/* --------------------------------------------------
 * Modal
 * -------------------------------------------------- */

/* 点击 modal 的时候 body 会添加一个 modal-open class */
.modal-open {
    overflow: visible!important;
    padding-right: 0!important;
}

.modal {
    background: rgba(150,150,150,0.15);
    overflow-y: auto;
}

.modal-content {
    background: rgba(30,30,30,.93);
    border: 0;
    border-radius: 0;
    color: #FFF;
}

.modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.11);
    padding: .625rem 1rem .5rem;
}

.modal-title {
    font-size: 1.125rem;
    margin: 0;
}

.modal-body {
    padding: 1rem;
}

.modal-footer {
    padding: .625rem 1rem;
    border-top: .0625rem solid rgba(255,255,255,0.11);
    text-align: left;
}

.modal hr {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
    border-top: .0625rem solid rgba(255,255,255,.28);
}

/* ----------------------------------------------------------------------------------------------------
 *
 * 其他
 *
 * ---------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------
 * Text Color
 * -------------------------------------------------- */
.text-warning {
    color: rgb(242,187,29) !important;
}

/* --------------------------------------------------
 * 滚动条
 * -------------------------------------------------- */
/* Firefox 样式 */
html {
    scrollbar-width: thin;
    scrollbar-color: rgb(90,85,80) rgba(234,228,215,.15);
}
/* Chrome、Edge 样式 */
::-webkit-scrollbar {
    width: .375rem;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .375rem rgba(0,0,0,0.15);
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    background-color: rgb(188,187,182);
}
/* 滑块悬停样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(96,100,106);
}

/* --------------------------------------------------
 * 返回顶部按钮
 * -------------------------------------------------- */
#goToTop {
    display: none;
    padding: 5px 8px;
    border: 0;
    text-align: center;
    background-color: rgba(69,66,62,0.6);
    color: rgb(234,228,215);
    position: fixed;
    bottom: 16px;
    right: 16px;
    cursor: pointer;
    width: 38px;
}
#goToTop > i {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
}
#goToTop:hover, #goToTop:focus, #goToTop:active {
    background-color: rgba(69,66,62,0.9);
    color: rgb(234,228,215);
}