.navbar-inverse {
    background-image: none;
}

.editormd {
    border: none;
}

.editormd .CodeMirror, .editormd-toolbar {
    z-index: -100000;
    display: none !important;
}

.editormd-preview {
    position: absolute;
    z-index: 50;
}

.editormd ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #1A1A1A;
}

.editormd ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background: rgba(0, 0, 0, 0);
}

.editormd ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 0;
    background-color: white;
    opacity: 0.5;
}

#laya-editormd {
    min-width: 300px;
    min-height: 300px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    display: none;
}

.laya_nav_title {
    display: flex;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    margin-bottom: 15px;
}

.laya_nav_title div {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #EEEEEE;
    line-height: 32px;
    cursor: pointer;
}

.laya_nav_title .active {
    background-color: #57AEFD;
    color: white;
}

.laya_nav_data {
    max-height: 350px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.classNavType_box {
    width: 96%;
    max-height: 300px;
    overflow: auto;
    padding-bottom: 5px;
    margin: 0 auto;
    display: none;
    color: #414141;
}

.li_3 {
    padding: 0 50px;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    cursor: pointer;
}

.li_3:hover {
    opacity: 0.8;
}

.laya_box {
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.laya_box .laya_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 330px;
    height: 100%;
    border: 1px solid #F5F5F5;
    overflow: auto;
    margin-left: 25px;
    -webkit-overflow-scrolling: touch;
}

.laya_left_title {
    display: flex;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
}

.laya_left_title div {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #F5F5F5;
    line-height: 32px;
    cursor: pointer;
}

.laya_left_title div:hover,
.laya_left_title .active {
    background-color: #57AEFD;
    color: white;
}

.laya_left_search {
    position: relative;
    width: 100%;
    height: auto;
    margin: 15px 0 10px;
}

.laya_left_search .form-control {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #F0F0F0;
}

.laya_left_search .search_icon {
    position: absolute;
    top: 24%;
    right: 8%;
    width: 18px;
    height: auto;
    opacity: 0.8;
    cursor: pointer;
}

.laya_left_data {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.laya_left_data ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.laya_left_data ::-webkit-scrollbar-track {
    border-radius: 0;
}

.laya_left_data ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #DCE4E6;
}

.laya_box .laya_right {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    overflow: hidden;
    margin-right: 25px;
}

.classType_box {
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: none;
    color: #414141;
    padding: 0 5px;
    overflow: auto;
}

.nav_1 {
    width: 100%;
    margin: 5px auto;
    line-height: 39px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
    padding: 0 5px;
    cursor: pointer;
    color: #333333;
    background-color: #F0F0F0;
}

.nav_1:hover {
    opacity: 0.8;
}

.nav_1 .nav_right {
    width: 20px;
    margin-top: 10px;
    float: right;
}

.nav_1 .nav_right.active {
    animation: nav_rightM 0.5s;
    -webkit-animation: nav_rightM 0.5s;
    -ms-animation: nav_rightM 0.5s;
    -moz-animation: nav_rightM 0.5s;
    -o-animation: nav_rightM 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes nav_rightM {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(90deg);
    }
}

@-webkit-keyframes nav_rightM {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@-ms-keyframes nav_rightM {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@-moz-keyframes nav_rightM {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@-o-keyframes nav_rightM {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

.nav_1_box {
    width: 100%;
    height: 0;
    margin: 0 auto;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
}

.nav_2 {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 5px;
}

.nav_2:hover {
    opacity: 0.8;
}

.nav_2 span {
    background-color: #56ACFF;
    color: white;
    padding: 0 2px;
    border-radius: 2px;
    margin-right: 8px;
    font-size: 10px;
}

.nav_2 div {
    background-color: #56ACFF;
    color: white;
    border-radius: 15px;
    position: absolute;
    float: right;
    top: 11px;
    right: 5px;
    height: 15px;
    min-width: 25px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.nav_2_box {
    width: 100%;
    height: 0;
    margin: 0 auto;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 5px;
}

.nav_2_box .active {
    background-color: #DEEFFF;
}

.nav_3 {
    position: relative;
    width: 100%;
    padding-left: 24px;
    padding-right: 10px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

.nav_3:hover {
    opacity: 0.8;
    background-color: #DEEFFF;
}

.navbar-default {
    display: none;
    position: fixed;
    top: 68px;
    left: 0;
    right: 0;
    border-radius: 0;
    min-width: 300px;
}

@media screen and (max-width: 767px) {
    .laya_box {
        top: 50px;
    }

    .laya_box .laya_left {
        display: none;
    }

    .laya_box .laya_right {
        width: 100%;
        margin: 0;
    }

    .navbar-default {
        display: block;
    }
}

/*右侧md文档美化*/
#laya-editormd p {
    line-height: 30px;
    font-size: 16px;
}

/*图片*/
#laya-editormd img {
    max-width: 98%;
}

/*注释*/
#laya-editormd span.com {
    color: #969896;
}

/*特殊代码*/
#laya-editormd code {
    color: #FF0000;
}

/*关键代码*/
#laya-editormd span.kwd {
    color: #004eca;
}

/*函数代码*/
#laya-editormd span.typ {
    color: #272727;
}

/*方法代码*/
#laya-editormd span.pln {
    color: #ff178d;
}

/*字符串代码*/
#laya-editormd span.str {
    color: #00a900;
}

/*符号*/
#laya-editormd span.pun {
    color: #525252;
}

/* loading遮罩 */
.page-loading {
    position: fixed;
    top: 68px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
}
.page-loading img {
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: auto;
}