@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    /*font-family: "Microsoft YaHei";*/
}
body{

    font-family: "Microsoft YaHei";
}
body,textarea,input,button,select,keygen,legend{font:16px/1.14 "Microsoft YaHei",Verdana,arial,\5FAE\8F6F\96C5\9ED1;color:#383838;outline:0;}
table{border-collapse:collapse;border-spacing:0; border: none;}
.ht100 {
    width: 100%;
    height: 100%;
}
.cw{
	min-width: 1280px;
	width: 100%;
}
.w {
    width: 1280px;
	height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
[v-cloak] {
    display: none !important;
}
.bg{
    background: url("../pic/background.png") center bottom no-repeat;
}

.banner{
    /*height: 180px;*/
    width: 100%;
    background-color: #023b23;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after{content: '';display: table; clear: both;}
.clearfix{zoom: 1;}
.banner .w{
    padding-top: 30px;
    padding-bottom: 22px;
    background: url("../pic/header_bg.png") no-repeat right bottom;
}

.nav{
    background-color: #022617;
    width: 100%;
}

ul{
    /* list-style-type:none; */
    margin:0;
    padding:0;
    border: none;
}

.nav ul{
    display: table;
    width: 100%;
    table-layout: auto;
}

.nav li{
    /* float: left; */
    padding: 16px 30px;
    list-style: none;
    color: #fff;
    cursor: pointer;
    /* display: table-cell; */
    text-align: center;
    display: inline-block;
}
.nav  div {
    text-align: center;
    white-space: nowrap;
}
.nav  > div {
    overflow: visible;
}
.nav  div.second li {
    padding: 19px 51px;
}

.nav li span {
    padding: 6px;
    border: 1px solid #d6d6d6;
}

.nav li:hover{
    color: #f90;
}
.nav a{
    display: block;
    color: #fff;
    text-decoration: none;
}
.nav .tabon {
    color: #f90;
}
.query{

    border: 1px solid #f4f4f4;
}
.nav a:active, .nav a:hover {
    color: red;
}
.footer{
    height: 130px;
    margin-top: 20px;
    background: #023b23 url("../pic/footerLogo.png") no-repeat center ;
}
.footer p{
    text-align: center;
    line-height: 130px;color: #FFF;
}


/**********admin******************/
.layui-body {
    z-index: auto;
}
/* 顶栏样式 */
.layui-nav * {
    font-size: 15px;
}
.layui-layout-admin .layui-header {
    background: #24af7e;
    height: 50px;
}
.layui-layout-admin .layui-header .layui-logo {
    color: #fff;
    background: #009688;
    background: #5FB878;
    background: #24af7e;
    line-height: 50px;
    overflow: hidden;
    z-index: 1;
    text-align: left;
    text-indent: 22px;
    letter-spacing: 1px;
    /* font-weight: bold; */
    font-size: 17px;
}
.layui-layout-admin .layui-header .layui-logo i {
    font-size: 18px;
    margin-right: 4px;
    font-weight: bold;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item {
    line-height: 50px;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
    color: #000;
    color: #fff;
}
.fullScreen {
}
.layui-layout-admin .layui-header .layui-nav {
    z-index: 1;
}
.layui-layout-admin .layui-header ul.layui-layout-left {
    left: 0;
    z-index:0;
    height: 76px;
    overflow:hidden;
    right: 242px;
    white-space: nowrap;
    margin-left: 0px;
    overflow-x: auto;
}
.layui-layout-admin .layui-header .layui-layout-left-wrap{
    height:50px;
    overflow: hidden;
    position: relative;
    /* border-bottom: 1px solid #ccc; */
    box-shadow: 0px 3px 8px #e0e0e0;
    margin-left: 200px;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #fff;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a:hover {
    background-color: #f2f2f2;
}
.layui-layout-admin .layui-header .layui-nav.layui-layout-right .layui-nav-child dd:LAST-CHILD {
    display: none;
}


.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
    color: #333;
}
.layui-layout-admin .layui-header .layui-nav-child {
    top: 55px;
}
.nav_toggle_wrapper {
    position: absolute;
    left: 200px;
    top: 0;
    height: 50px;
    z-index: 1000;
    line-height: 50px;
    background: #1e9fff;
}
.nav_toggle {
    font-size: 18px;
    /* line-height: 50px; */
    cursor: pointer;
    float: left;
    color: #fff;
    padding: 0 10px;
}

.fullScreen {
    font-size: 19px;
    line-height: 48px;
}
.fullScreen i {
    font-size: 18px;
    line-height: 48px;
}

#framewrap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    box-sizing: border-box;
    background: #fff;
}

.layui-layout-admin .layui-side {
    top: 50px;
    background: rgb(48, 65, 86) !important;
    background: #f3f3f3 !important;
}

.layui-layout-admin .layui-body {
    top: 50px;
    bottom: 0;
}

.layui-nav {
    background-color: rgb(48, 65, 86);
    background-color: #f3f3f3;
}
:not(:root):-webkit-full-screen::backdrop {
    background: #fff;
}

.layui-nav-tree .layui-nav-item a {
    color: #333;
    padding: 0 10px 0 34px;
    height: 54px;
    line-height: 54px;
}

.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
    color: #333 !important;
}

.layui-nav-itemed>.layui-nav-child {
    background: #e8e8e8 !important;
}

.layui-nav-tree .layui-nav-item a:hover {
    background-color: #24af7e;
    color: #fff;
}
.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover {
    color: #24af7e;
    background: #e0e0e0;
}
.layui-nav-itemed>a:hover {
    color:#fff !important;
}
a.router-link-active {
    color: #24af7e !important;
}
a.router-link-active:hover {
    color: #fff !important;
}
.layui-nav-child a.router-link-active:hover {
    color: #24af7e !important;
}
.router-link-active + dl.layui-nav-child {
    display: block;
}
。remarkList {}
.remarkList ul {
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}
.remarkList li {
    list-style: none;
    color: #666;
    line-height: 14px;
    margin: 8px 0;
    font-size: 14px;
    /* float: left; */
    min-width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7px;
    line-height: 24px;
    /* border-left: 3px solid #4b90ff; */
}

/****element ****/
.scrollbar *::-webkit-scrollbar {width : 6px; height: 6px;}
.scrollbar *::-webkit-scrollbar-thumb {border-radius: 8px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);background: #d3d3d3;}
.scrollbar *::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);border-radius: 8px;background: #f3f3f3;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.blue {color: #409EFF; }
.green {color: #67C23A; }
.red {color: #fa2020;}
.primary {color: #409EFF;}
.success {color: #67C23A;}
.ok {color: #00ff2b}
.danger {color: #F56C6C;}
.info {color: #909399;}
.warning {color: #E6A23C;}
.hide, .hidden {display: none !important;}
pre {
    font-family: auto;
    white-space: pre-wrap;
}
.center-button {text-align: center;}
.center-button button{margin: 5px;}
.long_label label {
    width: 83px !important;
}
.project_search {
    margin-bottom: 20px;
}
.user_search {
    margin-bottom: 20px;
}
.div_search {
    display: inline-block;
    margin-left: 16px;
    margin-top: 8px;
    vertical-align: middle;
}
.div_search .el-input {
    width: 180px;
}
.div_search label {
    font-size: 14px;
    margin-right: 6px;
}
.label_text {
    color: cornflowerblue;
}
.Pagination_style{
    margin-top: 30px;
    text-align: center;
}

.el-table td, .el-table th.is-leaf {
    xborder-bottom: none;
}


/**********admin end******************/

/***********************************/
.wscn-http404-container{
    transform: translate(-50%,-50%);
    position: absolute;
    top: 47%;
    left: 50%;
}
.wscn-http404 {
    position: relative;
    width: 1200px;
    padding: 0 50px;
    overflow: hidden;}
.wscn-http404 .pic-404 {
    position: relative;
    float: left;
    width: 600px;
    overflow: hidden; }
.wscn-http404 .pic-404__parent {
    width: 100%;
}
.bullshit {
    position: relative;
    float: left;
    width: 300px;
    padding: 40px 0;
    overflow: hidden;
}
.bullshit__oops {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    color: #24af7e;
    opacity: 0;
    margin-bottom: 40px;
    animation-name: slideUp;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.bullshit__headline {
    font-size: 20px;
    line-height: 53px;
    color: #222;
    font-weight: bold;
    opacity: 0;
    margin-bottom: 10px;
    animation-name: slideUp;
    animation-duration: 0.5s;
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
}
.bullshit__info {
    font-size: 13px;
    line-height: 21px;
    color: grey;
    opacity: 0;
    margin-bottom: 50px;
    animation-name: slideUp;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}
.bullshit__return-home {
    display: block;
    float: left;
    width: 110px;
    height: 36px;
    background: #24af7e;
    border-radius: 100px;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
    animation-name: slideUp;
    animation-duration: 0.5s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}
.bullshit__return-home:hover {
    color: #fff;
}

.diag .el-dialog__body, .diag .el-dialog--center .el-dialog__body{
    padding: 6px 20px;
}
.diag textarea {
    line-height: 1.8;
}

.sysm {position: absolute;display: none;color: #ececec;top: 16px;right: 38px;cursor: pointer;padding: 6px;border: 1px solid #d6d6d6;}
.nav li.nav_sysm span {

    position: absolute;

    right: 38px;

    bottom: 15px;
}

@keyframes slideUp {
    0% {
        transform: translateY(60px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


/*************************/