.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

#operation {
    height: calc(100vh - 130px);
    overflow: hidden;
    /*background: #252526;*/
}

/*工具栏*/
#tools-box {
    height: 30px;
    line-height: 30px;
    /* width: calc(100% - 210px); */
    /*float: left;*/
    overflow: hidden;
}

#operation #monaco-view #view-model {
    width: 100%;
    overflow: hidden;
    height: calc(100%);
    border: none;
    margin: 0;
    padding: 0;
}

#operation #monaco-view #view-model canvas {
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
}

.dg .c{
    height: 27px;
    line-height: 14px;
}

#monacoEdit {
    display: none;
}

#monaco-view {
    width: calc(100% - 250px);
    height: calc(100vh - 117px);
    float: left;
    overflow: hidden;
}

#view-tools {
    display: none;
}

/*属性栏*/
#module-attribute {
    /*width: 230px;*/
    width: 250px;
    height: calc(100vh - 117px);
    float: left;
    background: #1E1E1E;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100px;
    border-left: 1px solid #000;
    display: none;
}

#module-attribute-box {
    background: #151515;
}

#module-attribute-box #module-attribute-name {
    color: #000000;
    width: 100%;
}

#module-attribute-box #module-attribute-name div {
    background: #545454;
    /*color: #000000;*/
    height: 27px;
    width: 81px;
    line-height: 27px;
    padding: 0 20px;
    margin-left: 2px;
    float: left;
}

#module-attribute-box #module-attribute-name .active div {
    background: #0C0C0C;
}

#tools-box .tools-box-left {
    float: left;
    margin: 0 8px;
}

#tools-box #tools-box-share {
    padding-right: 20px;
    border-right: 1px solid #929292;
}

#footer {
    height: 30px;
    line-height: 30px;
    width: calc(100% - 210px);
    float: left;
    color: #fff;
    /*background: #151515;*/
    border-top: 1px solid #000;
    position: fixed;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#footer .systemInfo {
    width: 145px;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    float: left;
    margin: 0 8px;
}

#footer > #versionNumber{
    width: calc((100% - 459px) / 3);
    min-width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    float: left;
}

@media screen and (min-width: 1600px){
    #footer > #versionNumber{
        width: calc(100% / 3);
        min-width: 100px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
    }
}
#footer > #versionNumber > span{
    color: #9a9a9a;
}


#footer .systemInfo .progress {
    width: 100px;
    height: 14px;
    margin-top: 7px;
    float: right;
    border-radius: 3px;
    overflow: hidden;
    background-color: #f5f5f596;
}
#footer .systemInfo .progress .progress-bar{
    position: relative;
}
#footer .systemInfo .progress .progress-bar span{
    position: absolute;
    left: 40px;
    top: 1px;
    color: #060000;
}

#footer #systemInfoCPU .progress .progress-bar{
    background-color: red;
}


/*   场景编辑器切换   */
#monacoEdit #fileName div, #operation #monaco-view #view-name .view-nav {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 28px;
    letter-spacing: 3px;
    border-right: 1px solid #000;
    background: #545454;
}

#savescenemodal {
    margin: 0 0 0 15%;
}
#savescenemodal .modal-dialog .modal-content .modal-footer{
    height: 25px;
    line-height: 25px;
    background: #312e2e;
}

#monacoEdit #fileName div, #operation #monaco-view #view-name .sceneTitle {
    min-width: 140px;
    width: auto;
}


#monaco-view #view-name .active span {
    color: #0090d6;
}

#resize {
    display: none;
}

#tree-body #change-nav .nav-model {
    border-right: none;
}

/*属性栏*/
#attribute-nav {
    width: 41px;
    height: calc(100vh - 156px);
    border: 1px solid #8c8c8e;
    align-content: center;
    overflow: hidden;
    position: fixed;
    bottom: 30px;
    right: 0;
    font-size: 12px;
}

#tubeAttrTable {
    display: none;
}

#attribute-nav .attributeActiveImg {
    display: none;
}


/*属性栏中单个的样式*/
.attribute-nav-list {
    width: 39px;
    height: 57px;
    /*margin: 5px auto;*/
    margin: 4px auto;
    text-align: center;
    /*background: #ffd70033;*/
}

.attribute-nav-list:hover {
    transition: all 0.6s ease-in-out;
}

.attribute-nav-list img {
    margin-top: 5px;
    width: 33px;
    height: 30px;
}

/*控制向前向后的按钮样式*/
#attribute-nav #control-back {
    width: 41px;
    height: 30px;
    background: #79797945;
    text-align: center;
}

#attribute-nav #control-next {
    width: 41px;
    height: 30px;
    background: #79797945;
    position: fixed;
    bottom: 30px;
    right: 0;
    text-align: center;
}

/*#attribute-nav #control-back img,*/
/*#attribute-nav #control-next img{*/
/*    width: 20px;*/
/*    height: 10px;*/
/*    margin-top: 7px;*/
/*}*/

#attribute-nav #control-back i,
#attribute-nav #control-next i {
    color: #797979;
    font-size: 16px;
    line-height: 26px;
}

#attribute-nav #control-back i:hover,
#attribute-nav #control-next i:hover {
    color: #b5b5b5;
    font-size: 18px;
}


/*     属性栏中的类别      */
#category-box,
#category-box ul {
    /*height: calc(100vh - 117px);*/
    height: calc(100vh - 191px);

}

#category-box {
    width: 206px;
    overflow: hidden;
    overflow-y: scroll;
}

#category-box::-webkit-scrollbar {
    width: 10px;
}

#category-box::-webkit-scrollbar-track {
    background: #000000;
    border-radius: 2px;
}

#category-box::-webkit-scrollbar-thumb {
    background: #444444;
    /*border-radius: 10px;*/
}

#category-box::-webkit-scrollbar-thumb:hover {
    background: #2C2E2Faa;
}


#category-box ul li {
    margin: 0px 1px 2px 1px;
    border: 1px solid #8c8c8e;
}

#category-box .category-name {
    height: 30px;
    line-height: 30px;
    letter-spacing: 3px;
    /*background: #0c0c0c;*/
    background: #b2b5b740;
    font-size: 12px;
}

#category-box .categoryListCount {
    width: auto;
    height: 20px;
    line-height: 18px;
    margin-top: 6px;
    margin-right: 2px;
    /*padding: 0 10px;*/
    float: right;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    /*border: 1px solid #247588;*/
    /*border-radius: 3px;*/
    /*background: #332938;*/
}

#category-box .active .category-name {
    background: #0c0c0c;
}

#category-box .category-content {
    overflow: hidden;
}

#category-box .category-content .category-content-li {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 3px 2px;
    float: left;
    border: 1px solid #5d5a5a;
}

#category-box .category-content .category-content-li img {
    width: 60px;
    height: 60px;
    border: 1px solid #5d5a5a;
}

#category-box .category-content .active {
    border-radius: 5px;
    background: #c5c5c5;
    opacity: 0.8;
    border: 1px solid #00a5ff;
}

#category-box .category-content .active img {
    width: 80px;
    height: 80px;
    margin-left: -10px;
    margin-top: -10px;
    border: 1px solid #00a5ff;
    transition: all 0.6s ease-in-out;
}

#category-box .category-content img:hover {
    width: 80px;
    height: 80px;
    border: 1px solid #00a5ff;
    margin-left: -10px;
    margin-top: -10px;
    transition: all 0.6s ease-in-out;
}

/*右侧属性栏下的模型、属性、API切换*/
#module-attribute .attribute-attr-content-name {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
}

/*END*/


.img-enlarge {
    border: 1px solid #00a5ff;
    display: none;
}

.img-enlarge img {
    width: 200px;
    height: 150px;
}

#attribute-attr-content #attribute-attr-table {
    /*height: calc(100vh - 120px);*/
    height: calc(100vh - 190px);
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    overflow-y: scroll;
}

#attribute-attr-content #attribute-attr-search input {
    width: 177px;
}

#attribute-attr-table::-webkit-scrollbar {
    width: 10px;
}

#attribute-attr-table::-webkit-scrollbar-track {
    background: #000000;
    border-radius: 2px;
}

#attribute-attr-table::-webkit-scrollbar-thumb {
    background: #444444;
    /*border-radius: 10px;*/
}

#attribute-attr-table::-webkit-scrollbar-thumb:hover {
    background: #2C2E2Faa;
}


#attribute-attr-content #attribute-attr-table table {
    text-align: left;
    font-size: 12px;
    border: 1px solid #6d6c6ce0;
    margin-bottom: 5px;
}


#attribute-attr-content #attribute-attr-table tr {
    padding: 3px;
    margin: 0;
    border: none;
}


#attribute-attr-content #attribute-attr-table td {
    border: 1px solid #6d6c6c;
    padding: 3px;
    height: 20px;
    line-height: 20px;
}

#attribute-attr-content #attribute-attr-table tr td:first-child {
    min-width: 4% !important;
    width: 4%;
    /*border: none;*/
}

#attribute-attr-content #attribute-attr-table .attr-show-tr {
    background: #54545466;
}

#attribute-attr-content #attribute-attr-table .model-attr-title {
    margin: 10px 0 3px 0;
    font-size: 14px;
    text-align: center;
}

#attribute-attr-content #attribute-attr-table .model-attr-title i,
#attribute-attr-content #attribute-attr-table .model-attr-title span {
    color: #3485a5;
    margin: 0 2px;
}

#attribute-attr-content #attribute-attr-table .attr-hide-tr {
    display: none;
    background: #444;
}

#attribute-attr-content #attribute-attr-table .attrName,
#attribute-attr-content #attribute-attr-table .attrVal,
#attribute-attr-content #attribute-attr-table #scaleLinkage {
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}


#attribute-attr-content #lightAttrTable .attrName,
#attribute-attr-content #flyLineTable .attrName,
#attribute-attr-content #effectCommonTable .attrName{
    width: 65px;
}

#attribute-attr-content #attribute-attr-table #modelAttrTable .attrName,
#attribute-attr-content #modelTextAttrTable .attrName,
#attribute-attr-content #waterAttrTable .attrName{
    width: calc(30%);
}


#attribute-attr-content #attribute-attr-table #modelAttrTable .attrVal,
#attribute-attr-content #modelTextAttrTable .attrVal,
#attribute-attr-content #waterAttrTable .attrVal{
    width: calc(70% - 30px);
}

#attribute-attr-content #attribute-attr-table #modelAttrTable td:last-child,
#attribute-attr-content #modelTextAttrTable td:last-child,
#attribute-attr-content #waterAttrTable td:last-child{
    width: 30px;
}

#tubeAttrTable td:first-child{
    width: 20px;
}
#tubeAttrTable td.tubeRadius{
    width: 100px !important;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
}

input_color[type='color']::-webkit-color-swatch-wrapper {
    padding: 0;
}

/*input[type='color']::-webkit-color-swatch {border:0;}*/
input_color[type='color']::-webkit-color-swatch {
    border: 0;
}

input[type='color']::-webkit-color-swatch {
    /*border: 1px solid #c5c5c5;*/
}

#attribute-attr-content #attribute-attr-table .getColor {
    display: block;
    height: 22px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#attribute-attr-content .model-attr-title {
    text-align: left;
}

/*属性栏----属性设置下的保存和预览按钮*/
#attribute-attr-content #attribute-attr-btn {
    text-align: center;
}

#attribute-attr-content #attribute-attr-operate {
    width: 100%;
    height: 65px;
    margin-top: 5px;
}

#attribute-attr-content #attribute-attr-btn #attr-btn-run,
#attribute-attr-content #attribute-attr-btn #attr-btn-save {
    width: calc(50% - 20px);
    margin: 5px auto;
    margin-right: 5px;
}


/*属性栏下的属性修改*/
#attribute-attr-table .attrVal .attr-td-editor {
    color: #000;
    margin: 0 auto;
    /*display: none;*/
}

#attribute-attr-table .attrVal .attr-td-editor input {
    text-align: center;
}

#attribute-attr-table .attrVal .attr-td-editor input {
    width: 80%;
    border-radius: 3px;
}

/*标签的属性 ----  通用型       TODO*/
#attribute-attr-content #publicLabelAttr {
    margin-top: 20px;
}

.attr-td-editor div {
    display: flex;
}



/*工具栏里的模型上传*/
#tools-box #tools-window,
#tools-box #tools-moveWindow {
    width: 350px;
    height: auto;
    background: #1E1E1E;
    position: absolute;
    left: 41%;
    left: 41%;
    top: 20%;
    display: none;
}

#tools-box #tools-window #tools-window-view{
    margin-top: 10px;
}

#tools-box #tools-window #tools-window-msg,
#tools-box #tools-moveWindow #tools-moveWindow-msg{
    padding-left: 20px;
    min-height: 20px;
}

#tools-box #tools-moveWindow #tools-moveWindow-btn{
    padding: 0 20px;
    margin-top: 10px;
}

#tools-box #tools-window #tools-window-msg span,
#tools-box #tools-moveWindow #tools-moveWindow-msg span{
    /*color: #0090D6;*/
    color: red;
}

#tools-box #tools-moveWindow button{
    width: 100%;
}


#tools-box #tools-window #uploadModel-drag {
    width: 100%;
    height: 100px;
    background: #1E1E1E;
}

#uploadModel-modelAttr {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    /*float: right;*/
    overflow: hidden;
}

#labelAttrTable,
#modelActions {
    display: none;
}

/*s树结构*/
#uploadModel-tree .list-group-item {
    background: #00000000;
}

#uploadModel-modelAttr #updateModelBtn {
    width: 100%;
    margin-top: 12px;
}

#uploadModel-modelAttr tr,
#uploadModel-modelAttr td {
    border-color: #8C8C8E;
}

#uploadModel-modelType {
    width: 38%;
    height: 100%;
    float: left;
    border: 1px solid #8C8C8E;
    overflow: hidden;
    overflow-y: auto;
}

#modelType > span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    background: #000000;
    position: inherit;
}

#uploadModel-modelType::-webkit-scrollbar {
    width: 10px;
}

#uploadModel-modelType::-webkit-scrollbar-track {
    background: #000000;
    border-radius: 2px;
}

#uploadModel-modelType::-webkit-scrollbar-thumb {
    background: #444444;
    /*border-radius: 10px;*/
}

#uploadModel-modelType::-webkit-scrollbar-thumb:hover {
    background: #2C2E2Faa;
}

#uploadModel-tree ol li input {
    display: block;
    float: left;
}

#uploadModel-tree ol li span {
    display: block;
    float: left;
    margin-left: 5px;
    height: 22px;
    line-height: 22px;
}

#uploadModel-tree {
    padding: 0 15px;
}

#uploadModel-modelAttr .fileinput-button {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 100%;
}

#uploadModel-modelAttr #upload-img {
    width: 100%;
    height: 100%;
    background: url("../../images/timg.jpg");
    background-size: 100% 100%;
    opacity: 0.8;
    border: 1px dashed #fff;
}

#uploadModel-modelAttr #upload-img label {
    margin-top: 8%;
    font-size: 12px;
    font-weight: 300;
}

#uploadModel-modelType #uploadModel-tree ol {
    margin-left: 25px;
    font-size: 12px;
}


#tools-box #tools-window #tools-window-view table td {
    width: 25%;
}

#tools-box #tools-window #tools-window-view table input {
    width: 100%;
    color: #000;
}

#tools-box #tools-window #tools-window-view table select {
    width: 100px;
    background: #ccc;
}

/*模型管理*/

#view-model #manageModel {
    width: calc(100%);
    /*width: 100%;*/
    height: 100%;
    /*min-height: 100px;*/
    /*min-width: 650px;*/
    position: relative;
    align-content: center;
    display: none;
}

#manageModel-uploadModel {
    float: right;
    /*width: 100%;*/
    /*text-align: right;*/
    /*padding-right: 10px;*/
    /*height: 50px;*/
    /*line-height: 50px;*/
}

/*模型管理中的类别*/
#manageModel #manageModel-nav-type {
    width: 100%;
    height: 25px;
    overflow: hidden;
}

#view-model #manageModel-nav {
    /*height: 50px;*/
    padding: 3px 0;
    overflow: hidden;
}

/*下拉列表*/
#view-model #manageModel-nav-type #model-nav-select {
    width: auto;
    height: auto;
    overflow: hidden;
    background: #1E1E1E;
}

#view-model #manageModel-nav-type #model-nav-select div {
    float: left;
    overflow: hidden;
    margin-left: 10px;
    height: 25px;
    line-height: 25px;
}

#view-model #manageModel-nav-type #model-nav-select select {
    background: #1E1E1E;
    border: 1px solid #2DB2FF;
    width: 100px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
}

/*END*/

#view-model #manageModel-nav-type #model-nav-left,
#view-model #manageModel-nav-type #model-nav-type,
#view-model #manageModel-nav-type #model-nav-select {
    float: left;
}

#view-model #manageModel-nav-type #model-nav-right {
    float: left;
}

#view-model #manageModel-nav-type #model-nav-select {
    width: 200px;
}

#view-model #manageModel-nav-type #model-nav-type {
    /*width: calc(100% - 31px);*/
    height: 25px;
    overflow: hidden;
    width: calc(100% - 220px - 320px);
}

#view-model #manageModel-nav-type li {
    float: left;
    width: auto;
    min-width: 60px;
    height: 25px;
    line-height: 20px;
    margin: 0 5px;
    text-align: center;
    /*letter-spacing: 2px;*/
    vertical-align: middle;
    /*border: 1px solid #a1cada;*/
    /*border-radius: 10px;*/
    /*background: #04000a;*/
}

#view-model #manageModel-nav-type .active {
    background: #000000;
    border: 1px solid #158aa0;
}

#view-model #manageModel-nav-type .active {
    background-color: #000;
    border-bottom: 2px solid dodgerblue;
}

#view-model #manageModel-nav-type .active span {
    color: dodgerblue;
}

#view-model #model-nav-type span {
    width: 80px;
    height: 25px;
    line-height: 22px;
    margin: 0 5px;
    text-align: center;
    letter-spacing: 3px;
    vertical-align: middle;
}

#view-model #manageModel-nav-type #model-nav-left,
#view-model #manageModel-nav-type #model-nav-right {
    width: 15px;
    height: 25px;
    line-height: 25px;
    background: #383737;
    text-align: center;
    display: none;
    /*vertical-align: middle;*/
}

/*END*/



/*滚动条样式核心代码*/

#view-model #manageModel #manageModal-tree::-webkit-scrollbar{
    width: 10px;
}
#view-model #manageModel #manageModal-tree::-webkit-scrollbar-track{
    background: #000000;
    border-radius:2px;
}
#view-model #manageModel #manageModal-tree::-webkit-scrollbar-thumb{
    background: #444444;
    /*border-radius: 10px;*/
}
#view-model #manageModel #manageModal-tree::-webkit-scrollbar-thumb:hover{
    background: #2C2E2Faa;
}
/*核心代码*/


#view-model #manageModel #manageModal-tree{
    width: 282px;
    height: calc(100%);
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}
#groupTree1,
#groupTree2{
    width: 272px;
    overflow: hidden;
    border: 1px solid #000;
}
#groupTree1 > li,
#groupTree2 > li{
    width: calc(100% - 6px);
    border: 1px solid #5d5d5d;
    margin: 8px 3px;
}

#groupTree1 > li:first-child,
#groupTree2 > li:first-child{
    margin-top: 0;
}
#groupTree1 > li:last-child,
#groupTree2 > li:last-child{
    margin-bottom: 50px;
}

#groupTree1 > li > .treeNode,
#groupTree2 > li > .treeNode{
    height: auto;
    margin-left: 40px;
    float: left;
    overflow: hidden;
    width: calc(100%);
}
#groupTree1 > li,
#groupTree1 > li > .treeNode > ol > li,
#groupTree2 > li,
#groupTree2 > li > .treeNode > ol > li{
    overflow: hidden;
}
#groupTree1 li > .icon,
#groupTree2 li > .icon{
    width: 15px;
    float: left;
    height: 30px;
    text-align: right;
    line-height: 20px;
}
#groupTree2 li > .icon{
    line-height: 28px;
}

#groupTree1 li > .title{
    display: inline-block;
    /*width: calc(100%  - 30px);*/
    height: 30px;
    float: left;
}

#groupTree2 li > .title{
    display: inline-block;
    width: calc(100%  - 15px);
    height: 30px;
    line-height: 30px;
    float: left;
    position: relative;
}

#groupTree2 li > .title .secondDelete-btn{
    position: absolute;
    right: 40px;
    top: 6px;
}


#groupTree2 li > .title select{
    width: 70px;
    height: 25px;
    /* color: black; */
    background: #000;
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    position: absolute;
    left: 50px;
    top: 4px;
}

#groupTree2 li > .title select option{
    background: #000;
}

#groupTree2 li > .title > span{
    display: inline-block;
    width: 120px;
    /*position: absolute;*/
}

#groupTree2 > li .secend-layer .title > span{
    width: 160px;
}
#groupTree2 > li .secend-layer .title select{
    left: 90px;
}
#groupTree2 li > .title > span .btn-success{
    /*position: absolute;*/
}

#groupTree1 li > .iconBox label,
#groupTree2 li > .iconBox label{
    width: 37px;
    overflow: hidden;
    height: 37px;
    border: 1px solid #000;
    display: inline-block;
    margin: 5px 1px;
    text-align: center;
    background: #c5c5c5;
}
#groupTree1 li > .iconBox label i
#groupTree2 li > .iconBox label i{
    color: #fff;
    font-size: 26px;
    line-height: 37px;
}
#groupTree1 li .title span
#groupTree2 li .title span{
    display: inline-block;
    width: 110px;
}

#groupTree1 > li > .treeNode i,
#groupTree1 > li > .treeNode span{
    color: #fff;
}
#groupTree1 > li > .treeNode .active i,
#groupTree1 > li > .treeNode .active span {
    color: #0090d6;
}


#view-model #manageModel #modelManagePaging {
    position: absolute;
    bottom: 0;
    height: 40px;
    width: calc(100% - 282px);
    text-align: center;
    margin-left: 282px;
}

#view-model #manageModel #modelManagePaging #projectPaging {
    /*float: right;*/
    margin: 0;
    padding: 0;
    margin-right: 13px;
}


#view-model #manageModel #manageModel-list {
    margin: 0;
    width: calc(100% -  282px);
    height: calc(100% - 90px);
    overflow: auto;
    padding: 0;
    float: left;

}

#view-model #manageModel #manageModel-list::-webkit-scrollbar {
    width: 10px;
}

#view-model #manageModel #manageModel-list::-webkit-scrollbar-track {
    background: #000000;
    border-radius: 2px;
}

#view-model #manageModel #manageModel-list::-webkit-scrollbar-thumb {
    background: #444444;
    /*border-radius: 10px;*/
}

#view-model #manageModel #manageModel-list::-webkit-scrollbar-thumb:hover {
    background: #2C2E2Faa;
}


#view-model .manageModel-list-content {
    margin: 0;
    padding: 0 3px 6px 3px;
    /*width: 100%;*/
    height: 200px;
    overflow: hidden;
    align-content: center;
    border-radius: 3px;
}

#view-model .nav button {
    width: 100px;
}

#view-model .manageModel-list-content .manageModel-content-img {
    width: 100%;
    height: calc(100% - 30px);
    border: 1px solid #000;
    border-bottom: none;
    overflow: hidden;
    background: #1e2333;
}

#view-model .manageModel-list-content .manageModel-content-img .modelView {
    display: none;
}

#view-model .manageModel-list-content .manageModel-content-img .active {
    display: block;
}
#view-model .manageModel-list-content .manageModel-content-img .active img{
    /*width: calc(100%);*/
    /*height: calc(100%);*/
    overflow: hidden;
}

#view-model .manageModel-list-content .explain {
    width: 100%;
    height: 30px;
    background: #c9e2f7;
    border: 1px solid #000;
    overflow: hidden;
}

#view-model .manageModel-list-content .modelView {
    width: calc(100%);
    height: calc(100%);
    /*overflow: hidden;*/
    /*!*position: absolute;*!*/
    /*!*top: 0;*!*/
    /*!*left: 0;*!*/

}

#view-model .manageModel-list-content .explain span * {
    color: #010335;
    line-height: 30px;
    font-size: 14px;
    margin-right: 3px;
}

#view-model .manageModel-list-content .explain .modelName span{
    display: inline-flex;
}
#groupTree1 > li > .icon.target i,
#groupTree1 > li > .icon.target img{
    border: 1px solid red;
}

#view-model .manageModel-list-content .explain span i {
    font-size: 16px;
}

#view-model .manageModel-list-content .explain .modelName {
    margin-left: 2px;
    float: left;
    width: calc(100% - 50px);
    line-height: 30px;
    overflow: hidden;
}

#view-model .manageModel-list-content .explain .modelInfo {
    margin-right: 2px;
    float: right;
}

/*属性表格中input的字体颜色*/
.attr-td-editor input {
    color: #000;
}

#modelCanvas {
    width: calc(100%);
    height: calc(100%);
    margin: 0;
    padding: 0;
    pointer-events: all;
    position: relative;
}

/*END*/


/*项目管理*/

/*在场景部分显示我的项目列表，当点击左上方的选项卡时切换场景和项目列表的显隐*/
#myprojectManage {
    display: none;
    /*width: 100%;*/
    width: calc(100%);
    height: calc(100vh - 250px);
    background: #1E1E1E;
}

#myprojectManage .myprojectManage-title {
    width: 100%;
    background: #0C0C0C;
    text-align: center;
    overflow: hidden;
}

#myprojectManage .myprojectManage-title span {
    width: 150px;
    display: block;
    height: 30px;
    line-height: 28px;
    letter-spacing: 3px;
    background: #545454;
    float: left;
    margin-right: 10px;
}

#myprojectManage-deleteBtn {
    width: auto;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 92px;
    right: 260px;
}
#myprojectManage-search .btn-success{
    margin: 1px 0 0 5px;
}

#myprojectManage-deleteBtn button {
    padding: 0 10px;
}

/*我的项目库（项目管理中的项目列表）*/
#myprojectManage #myprojectManage-list {
    width: calc(100%);
    height: calc(100% - 34px);
    overflow: auto;
}

/*滚动条样式核心代码*/

#myprojectManage #myprojectManage-list::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}
#myprojectManage #myprojectManage-list::-webkit-scrollbar-track{
    background: #000000;
    border-radius:2px;
}
#myprojectManage #myprojectManage-list::-webkit-scrollbar-thumb{
    background: #444444;
    /*border-radius: 10px;*/
}
#myprojectManage #myprojectManage-list::-webkit-scrollbar-thumb:hover{
    background: #2C2E2Faa;
}
::-webkit-scrollbar-corner {
    background:#000;
}
/*核心代码*/






#myprojectManage #myprojectManage-list input{
    color: #9100ff;
    width: calc(100% - 30px);
    font-size: 14px;
}

@media (min-width: 1600px) {
    .myprojectManage-list-box {
        width: calc((100%) / 6);
    }

    #manageModel-list .manageModel-list-content {
        float: left;
        width: calc((100%) / 5);
        height: 230px;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .myprojectManage-list-box {
        width: calc((100%) / 5);
        height: auto;
    }

    #manageModel-list .manageModel-list-content {
        float: left;
        width: calc((100%) / 5);
        height: 230px;
    }
}

@media (min-width: 1250px) and (max-width: 1500px) {
    .myprojectManage-list-box {
        width: calc((100%) / 4);
        height: auto;
    }

    #manageModel-list .manageModel-list-content {
        float: left;
        width: calc((100%) / 4);
        height: 170px;
    }
}

@media (min-width: 1050px) and (max-width: 1250px) {
    .myprojectManage-list-box {
        width: calc((100%) / 3);
        height: auto;
    }

    #manageModel-list .manageModel-list-content {
        float: left;
        width: calc((100%) / 3);
        height: 150px;
    }
}

@media (min-width: 830px) and (max-width: 1050px) {
    .myprojectManage-list-box {
        width: calc((100%) / 2);
        height: auto;
    }

    #manageModel-list .manageModel-list-content {
        float: left;
        width: calc((100%) / 2);
        height: 150px;
    }
}

@media (max-width: 830px) {
    .myprojectManage-list-box {
        width: calc((100%) / 1);
        height: auto;
    }

    #manageModel-list .manageModel-list-content {
        float: left;
        width: calc((100%) / 1);
        height: 100px;
    }
}


#myprojectManage .myprojectManage-list-box {
    float: left;
    height: auto;
    margin: 10px 0 10px 0;
    padding: 0;
    overflow: hidden;
}

#myprojectManage .myprojectManage-li {
    width: 90%;
    height: 130px;
    margin: 0 auto;
    border: 1px solid #0091a5;
}
#myprojectManage-search{
    /*overflow: hidden;*/
    float: left;
    position: relative;
    margin: 10px 0 0 13px;
}
#myprojectManage-search > #myprojectManage-search-projectName,
#myprojectManage-search > #myprojectManage-search-projectOrg{
    /*width: 220px;*/
    float: left;
    margin-top: 1px;
}

#myprojectManage-search > #myprojectManage-search-projectName input,
#myprojectManage-search > #myprojectManage-search-projectOrg select,
#myprojectManage-search > #myprojectManage-search-projectOrg option{
    color: #000;
    width: 150px;
    overflow: hidden;
    height: 20px;
}

#myprojectManage .myprojectManage-message {
    width: 90%;
    height: 30px;
    line-height: 30px;
    background: #000;
    margin: 0 auto;
    overflow: hidden;
    font-size: 12px;
}

#myprojectManage .myprojectManage-message .project-name {
    float: left;
    overflow: hidden;
    width: calc(100% - 120px);

    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 2px;
}

#myprojectManage .myprojectManage-message .project-info {
    float: right;
    overflow: hidden;
    font-size: 18px;
    width: 25px;
    margin-right: 3px;
}

/*END*/


#myProjectLi li {
    width: 93%;
    margin: 10px auto;
}

#myProjectLi li {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    background: #434344;
    border: 1px solid #8c8c8e;
}

#myProjectLi ul .active {
    background: #000a10;
}

/* 新建项目*/
#projectName {
    color: #000;
}

/*END*/


#tools-box > .tools-box-left,
#view-module{
    /*display: none;*/
}

.modal .close {
    opacity: 1;
    font-weight: normal;
    color: #c5c5c5;
}

#view-name {
    /*float: left;*/
    width: calc(100% - 210px);
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    /*background: #151515;*/
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
}

#view-name .view-nav {
    float: left;
    width: 120px;
    min-width: 120px;
    height: 30px;
    line-height: 28px;
    letter-spacing: 3px;
    /*border: 1px solid #747474;*/
    /*background: #545454;*/
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    color: #ffffff;
}


#view-name .view-nav-left,
#view-name .view-nav-right{
    width: 22px;
    text-align: center;
    padding: 0;
    letter-spacing: 0;
    font-size: 20px;
    /*display: none;*/
}

#view-name .view-nav-right{
    position: absolute;
    right: 0;
    /*right: 2px;*/
    /*top: 5px;*/
    z-index: 2;
}


#web-editor{
    display: none;
}

#view-name .view-nav .navName {
    display: inline-block;
    width: 90px;
    overflow: hidden;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#view-name .sceneTitle span{
    letter-spacing: 0px;
}
#view-name .sceneTitle i{
    float: right;
    line-height: 28px;
}

/*#view-name .active {*/
/*    background: #000000;*/
/*}*/

#view-name .active {
    letter-spacing: 0;
}

#view-name .active span,
#view-name .active i {
    color: #0090d6;
}


#view-manageUI,
#view-manageModel {
    display: none;
}


/*管道的属性弹窗*/

#savescenemodal .modal-body #conduitAttr {
    width: calc(100%);
    /*overflow: hidden;*/
    text-align: center;
    font-size: 12px;
}

#savescenemodal .modal-body #conduitAttr button {
    margin: 0 5px;
}

#conduitAttr td input {
    width: 60px;
}

#savescenemodal .modal-body #conduitAttr input,
#savescenemodal .modal-body #conduitAttr button,
#savescenemodal .modal-body #conduitAttr select,
#savescenemodal .modal-body #conduitAttr option {
    color: #000;
}

#savescenemodal .modal-body #conduitAttr .table td {
    padding: 3px 5px;
    height: 20px;
    line-height: 20px;
}


#savescenemodal .modal-body #conduitAttr select {
    width: 60px;
    line-height: 16px;
    height: 16px;
}

.select-con {
    display: block;
    width: 60px;
    overflow: auto;
    margin: 0 auto;
}

.select-con * {
    color: #000;
}

/*END*/


#tools-box div {
    cursor: pointer;
}


/* 场景转换  2D  3D切换*/
/*这里的时定位在场景右上角的*/
#view-name #switch-model {
    position: fixed;
    right: 250px;
    top: 87px;
    z-index: 2;
    width: 40px;
    height: 60px;
    background: #252526;
    font-size: 18px;
    color: darkorange;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 60px;
    font-family: "宋体";
}

#view-name #switch-model span {
    margin: 0;
    padding: 0 10px;
}

/*这个是从工具栏里的*/
#switch-model {
    color: #00cdff;
    font-size: 16px;
    font-family: "宋体";
    font-weight: 800;
    letter-spacing: 1px;
}

/*END*/


/*全屏预览*/
#preview-body {
    overflow: hidden;
}


#view-commandline {
    display: none;
    width: 100%;
    /*height: 100%;*/
    background: #1E1E1E;
    font-size: 14px;
    height: 20px;
    color: #00c4ff;
}

#view-comcommandline-text {
    overflow-y: auto;
    width: 100%;
}

#view-comcommandline-text .comcommandline-text-message {
    height: 20px;
    line-height: 20px;
}

/* 提示信息 */
#view-comcommandline-text .comcommandline-text-message span {
    color: #0090D6;
}

/*提示内容*/
#view-comcommandline-text .comcommandline-text-value span {
    color: #49bf00;
}

.table > tbody + tbody {
    border-top: 1px solid #ddd;
    border-color: #fff;
}

/* 隐藏属性栏中、动画的index*/
.modelActionsIndexTr {
    display: none;
}

#tree ul li ol li .tips{
    width: 80px;
    height: 40px;
    line-height: 40px;
    display: none;
    background: #c1c1c1;
    position: fixed;
    top: 0;
    left: 0;
}

.tips img{
    position: absolute;
    top: 10px;
    left: -15px;
}
.pipelinePointLeftUpVal .attr-td-editor,
.pipelinePointRightUpVal .attr-td-editor{
    width: 100px !important;
}
.pipelinePointLeftUpVal .attr-td-editor .pointLeftUpInput,
.pipelinePointRightUpVal .attr-td-editor .pointRightUpInput{
    width: 50px !important;
    margin-right: 5px;
    height: 20px;
    line-height: 1.5;
}

#userInfo #userBasicInfo #user-photo #user-info{
    width: 200px;
    height: 300px;
    background: #5db8ec;
    position: fixed;
    right: 0;
    top: 30px;
    z-index: 3;
    display: none;
}

#userInfo #userBasicInfo #user-photo #user-info input{
    display: none;
}

/*
    主题切换
*/
#changeThemeModal {
    width: 260px;
    height: auto;
    overflow: hidden;
    position: fixed;
    top: 50px;
    background: #252526;
    box-shadow: 0px 0px 10px 5px #444444;
    z-index: 1;
    display: none;
    border-radius: 5px;
    right: 100px;
}

#changeThemeModal .changeThemeModal-content {
    width: calc(100%);
    height: 155px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-around;
}

#changeThemeModal .changeThemeModal-content .theme-type {
    /*width: calc(100% / 3 - 10px);*/
    /*height: 50px;*/

    width: calc(50% - 5px);
    height: 70px;
    margin-top: 5px;
    border-radius: 5px;
}

#changeThemeModal .changeThemeModal-content #jasper {
    background: url("../../images/theme/jasper.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: inset 0 0 5px 2px #056876;
}

#changeThemeModal .changeThemeModal-content .jasper {
    background: url("../../images/theme/jasper.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: inset 0 0 5px 2px #056876;
}

#changeThemeModal .changeThemeModal-content .light {
    background: url("../../images/theme/light.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: inset 0 0 5px 2px #fff5ee;
}

#changeThemeModal .changeThemeModal-content .dark {
    background: url("../../images/theme/dark.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: inset 0 0 5px 2px #666666;
}

/*
    修改密码
*/
#update-password{
    width: 260px;
    height: auto;
    overflow: hidden;
    position: fixed;
    top: 50px;
    background: #afafaf;
    box-shadow: 0px 0px 10px 5px #444444;
    z-index: 10;
    display: none;
    border-radius: 10px;
    right: 30px;
}

#update-password input{
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    background: #fff;
    color: #000;
    letter-spacing: 3px;
}
#update-password #newPassword {
    position: relative;
    margin-left: 10px;
}

#update-password #password {
    margin-left: 10px;
}

#update-password #newPassword i{
    position: absolute;
    top: 13px;
    color: #000;
    right: 28px;
}
#update-password #newPassword input[type=text]{
    display: none;
}

#update-password #update-password-head{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #000;
    padding-left: 10px;
}

#update-password #update-password-footer{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #000;
    text-align: left;
    padding-left: 10px;
    margin-top: 5px;
}
#update-password #update-password-footer span{
    color: darkorange;
}





/*
    局部编辑（场景）  属性栏
*/
#localEditUtil-tree .labelDataChannelBox {
    margin: 5px 0 0 15px;
}

#localEditUtil-tree .labelDataChannelBox ol li {
    position: relative;
}
#localEditUtil-tree .labelDataChannelBox .channelFunBox{
    margin: 5px 0 0 15px;
}
#localEditUtil-tree .labelDataChannelBox .channelFunBox > ul > li > .eventTreeLi{
    margin: 5px 0 0 15px;
}

#localEditUtil-tree #treeEl{
    margin: 5px 0 0 10px;
    width: calc(95%);
    height: auto;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
/*树结构的滚动条样式*/
#localEditUtil-tree #treeEl::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}
#localEditUtil-tree #treeEl::-webkit-scrollbar-track{
    background: #c7c7c7;
    border-radius:2px;
}
#localEditUtil-tree #treeEl::-webkit-scrollbar-thumb{
    background: #666262;
}
#localEditUtil-tree #treeEl::-webkit-scrollbar-thumb:hover{
    background: #666262;
}

#localEditUtil-tree #treeEl .active{
    color: #33ff00;
}

#attribute-API-content #localEditUtil-attr{
    margin-top: 20px; overflow: hidden; overflow-y: auto;
}
#attribute-API-content #localEditUtil-attr table{
    text-align: center; margin: 0 10px; width: calc(100% - 20px); overflow: hidden;
}

#attribute-API-content #localEditUtil-attr table .toggle{
    width: 30px;
}

#attribute-API-content #localEditUtil-attr table .attrName{
    width: 70px;
}
#attribute-API-content #localEditUtil-attr table td{
    padding: 5px;
}
#attribute-API-content #localEditUtil-attr table input{
    width: 120px;
    color: #000;
    text-align: center;
}
/*
    局部编辑（场景）  属性栏
*/