:root {
    --primarycolor:#D9D9D9;
}
/**
 *============================
 *楠ㄦ灦
 *============================
 */
/*body, button, input, select, textarea, table{font-family:"Helvetica Neue", Helvetica, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif !important;}*/
html{position:relative;min-height:100%;background:#ffffff;color:#000;}
body{width:100%;min-height:100%;font-size: 12px}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
ul,dl,ol{list-style:none;cursor: pointer;}
img,fieldset,input[type="submit"]{border:0 none;}
img{display:inline-block;overflow:hidden;vertical-align:top;max-width:100%;}
em{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;text-align:center}
textarea{word-wrap:break-word;resize:none;}
a{text-decoration:none;color:#333;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.pf{position:fixed;}
.block{display:block;}
.none{display: none;}
.clearBoth{clear:both}
.clearfix{*zoom:1;}
.clearfix:after{clear:both;content:"";display:table;}
/*padding*/
.pd10{padding:10px;}
.pdt10{padding-top:10px;}
.pdr10{padding-right:10px;}
.pdb10{padding-bottom:10px;}
.pdl10{padding-left: 10px;}
.pd15{padding:15px;}
.pdt15{padding-top:15px;}
.pdr15{padding-right:15px;}
.pdr30{padding-right:30px;}
.pdb15{padding-bottom:15px;}
.pdl15{padding-left: 15px;}
.pdl30{padding-left: 30px;}
.pd5{padding:5px;}
.pdt5{padding-top:5px;}
.pdr5{padding-right:5px;}
.pdb5{padding-bottom:5px;}
.pdl5{padding-left: 5px;}
/*margin*/
.mt-3{margin-top: -3px}
.mt-6{margin-top: -6px}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px !important;}
.m10{margin:10px;}
.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}
.ml20{margin-left:19px !important;}
.ml30{margin-left: 37% !important;}
.ml5{margin-left:5px;}
.m15{margin:15px;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.fb{font-weight:bold;}
.height100{height: 100%}
.height50{height: 50%}
.width100{width: 100%}
.width50{width: 50%}
.disnone{display: none}
.disinlineb{display: inline-block}
.localInput{
    display: inline-block;
    height: 25px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    line-height: 30px;
    padding-left: 10px;
}
.vermiddle{vertical-align:middle}
html,body{height:100%;}
thead tr th{text-align: center;}
.font12{
    font-size: 12px;
}
.bg-error{
    background-color: #A52a2a;
}
.error{
    color:#A52a2a;
}
.bg-warn{
    background-color: #DAA520;
}
.warn{
    color:#DAA520;
}
.bg-info{
    background-color: #2E8B57;
}
.info{
    color:#2E8B57;
}
.inB{
    display: inline-block;
}
.smallBlock{
    height: 10px;
    width: 15px;
    border-radius: 3px;
}
#page_header{position:relative;z-index:905;height:70px;padding:10px 13px 0 20px;}
#left_panel{position:absolute;z-index:904;top:0;left:0;width:220px;min-height:100%;padding-top:70px;
    background-color: #003679;
    -webkit-transition: all 250ms cubic-bezier(0.1,.57,.1,1);
    transition: all 250ms cubic-bezier(0.1,.57,.1,1);
}
#main{background-color:#ffffff;}
#main #ribbon{min-height:40px;background:#002049;}
#main #content{padding:5px 0;}
#page_footer{position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:49px;background: #322f2c;color:#fff;border-top:1px solid #CECECE;}
#page_footer .inside{padding-left:220px;text-align:center;}
#page_footer .inside i{margin-right:4px;}
#page_footer .inside a{color:#fff;}
.ajax-loading-animation{font-size:20px;padding:0 15px;}
.ajax-loading-error{font-size:20px;padding:0 15px;}
#page_header .right_side{float:right;}
#page_header .right_side span{display:block;float:left;width:30px;height:30px;line-height:30px;text-align:center;font-size:14px;border-radius:2px;border:1px solid #bfbfbf;color:#6D6A69;margin-left:6px;margin-top:10px;box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08);cursor:pointer;
    background: #f8f8f8;
    background: -moz-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(93%,#f8f8f8),color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
    background: -o-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
    background: -ms-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
    background: linear-gradient(to right,#f8f8f8 93%,#f1f1f1 100%);
}
#page_header .right_side span:hover{color:#222;}
#page_header .right_side span.active{background:#5a5a5a;color:#fff;border:1px solid #5a5a5a;}
#page_header .right_side .toggleMenu_btn{display:none;}
#page_header .logow{display:inline-block;}
#page_header .logow a{}
#page_header .logow a:hover{text-decoration:none;}
#page_header .logow a:active{text-decoration:none;}
#page_header .logow a:focus{text-decoration:none;}

#left_panel nav ul{list-style:none;padding:0;}
#left_panel nav ul li{position:relative;}
#left_panel nav ul ul{display:none;}
#left_panel nav ul a{position:relative;display:block;padding:10px;font-size:14px;color:#6699cc;text-decoration:none;}
#left_panel nav ul a:hover{color:#fff;background:#004394;}
#left_panel nav ul a:active,#left_panel nav ul a.active{background:#002b61;color:#fff;}
#left_panel nav ul a i{margin-right:5px;}
#left_panel nav ul a b{float:right;font-weight:normal;}
#left_panel nav ul a b i{margin:0;}
#left_panel nav > ul > li > a:hover{background:none;}
#left_panel nav > ul > li > a:active{background:rgba(0,43,97,0.6);}
#left_panel nav > ul > li > ul{position:relative;background:#002b61;overflow:hidden;margin:0;display:none;}
#left_panel nav > ul > li > ul::before{content:"";display:block;position:absolute;z-index:1;left:23px;top:0;bottom:0;border-left:1px solid #7A7A7A;}
#left_panel nav > ul > li > ul > li::before{content:"";display:block;position:absolute;width:8px;left:23px;top:16px;border-top:1px solid #7A7A7A;z-index:1;}
#left_panel nav > ul > li > ul > li > a{padding:7px 10px 7px 42px;}
#left_panel nav > ul > li > ul > li > ul > li > a{padding:8px 0 8px 60px;}
#left_panel nav .open ul{display:block;}
#left_panel .minifyBtn{
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:36px;
    height:28px;
    margin-top:7px;
    border-bottom:1px solid #302F2F;
    background:#002049;
    border-radius:5px 0 0 5px;
    color:#A8A8A8;
    font-size:19px;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all .1s linear;
    transition:all .1s linear;
}
#left_panel .minifyBtn:hover{width:40px;padding-right:5px;background:#646464;color:#E4E4E4;}

.login_info{width:100%;height:40px;}
.login_info a:hover,.login_info a:active{text-decoration:none;}
.login_info > span{display:block;height:39px;padding:0 10px;border-bottom:1px solid #1A1817;}
.login_info > span > div{position:relative;display:block;height:39px;color:#fff;}
.login_info > span > div > a{display:inline-block;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:39px;line-height:39px;color:#c0bbb7;font-size:14px;}
.login_info > span > div > .dropdown-menu{margin-top:0;}
.login_info .name{margin-right:2px;}

.minified #main{margin-left:45px;}
.minified #page_footer .inside{padding-left:45px;}
.minified #left_panel{width:45px !important;}
.minified #left_panel, .minified nav > ul > li {overflow:visible;}
.minified #left_panel nav > ul > li{border-bottom:1px solid #1A1817;border-top:1px solid #525151;}
.minified #left_panel nav > ul > li:first-child{border-top:0;}
.minified #left_panel nav > ul > li > a > span{display:none;}
.minified #left_panel nav > ul > li > a > i{margin:0 auto;}
.minified #left_panel nav > ul > li > a > b{display:none;}
.minified #left_panel nav > ul > li > a > span{z-index:2;position:absolute;top:0;left:40px;width:186px;height:38px;padding-left:10px;line-height:38px;background:#f5f5f5;color:#333;border:1px solid #bfbfbf;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.minified #left_panel nav > ul > li > ul{display:none !important;z-index:1;position:absolute;top:36px;left:40px;width:186px;border:1px solid #bfbfbf;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.minified #left_panel nav > ul > li > ul::before{border-left:none;}
.minified #left_panel nav > ul > li > ul > li::before{border-top:none;}
.minified #left_panel nav > ul > li:hover > a > span{display:block !important;}
.minified #left_panel nav > ul > li:hover > ul{display:block !important;}
.minified #left_panel nav > ul > li > ul > li > a{padding:7px 10px 7px 10px;}
.minified #left_panel nav > ul > li > ul > li > ul > li > a{padding:7px 10px 7px 30px;}
.minified .login_info{margin-bottom:0;}
.minified .login_info > span{padding:0;}
.minified .login_info > span > div > a{text-align:center;}
.minified .login_info > span > div > a > span{display:none;}
.minified .login_info > span > div > a > i{margin:0;color:#c0bbb7;}

#main #ribbon .breadcrumb{padding:0 0 0 14px;color:#BBB;line-height:40px;margin-bottom:0;list-style:none;background:none;border-radius:0;  }
#main #ribbon .breadcrumb li i{margin-right:3px;}
#main #ribbon .breadcrumb li:last-child{color:#E4E4E4;}

@media only screen and (min-width:0px) and (max-width:768px) {
    #page_header .right_side .toggleMenu_btn{display:block;}
    #page_header .right_side .fullScreen_btn{display:none;}
    #main{margin-left:0;}
    #left_panel{margin-left:-220px;background:#3a3633;}
    #left_panel .minifyBtn{display:none;}
    #page_footer .inside{padding-left:0;text-align:center;}
}

.content_wrapper aside{margin-bottom:15px;}
.content_wrapper aside header{line-height:34px;border-bottom :1px solid #ddd;padding-left:30px;}
.content_wrapper aside header i{margin-right:6px;}
.content_wrapper aside section{padding:15px 0;}

/**
 *============================
 *鐧诲綍椤�
 *============================
 */

.bg-login .icon-ren:before,.bg-login .icon-mima:before,.bg-login .icon-yanzhengma:before{font-size:20px;}
.form-signin {width:510px;padding:20px 0 58px 0;background:rgba(255,255,255,0.2);top:50%;left:50%;position:absolute;margin-left:-255px;margin-top:-180px; border-radius:15px;}
.form-signin .logo{font-size:78px;text-align:center;font-weight:bold;color: #444444;font-family:Consolas,"Courier New",monospace;}
.form-signin h3{color:#676a6c;font-size:14px;text-align:center;}
.form-signin .form-control{padding:0 12px;height:46px;line-height:46px;}
.form-signin .form-control:focus {border:2px solid #afacab;outline:0;-webkit-box-shadow:none;box-shadow: none;}
.form-signin .subBtn{padding:9px 35px 13px;border:0;color:#fff;font-size:20px;
    -webkit-transition: all 250ms cubic-bezier(0.1,.57,.1,1);
    transition: all 250ms cubic-bezier(0.1,.57,.1,1);
}
.form-signin .subBtn:focus{background:#2e6da4;outline:none;}
.form-signin .help{color:#999;margin:14px 0;text-align:center;}
.form-signin .copyright{text-align:center;margin:14px 0;}
.form-signin .copyright i{margin-right:4px;}
.form-signin .copyright a{color:#3a3633;}
.form-signin .icon-wode:before,.form-signin .icon-mima1:before,.form-signin .icon-mima:before{font-size:22px;}

/**
 *============================
 *瀵筨ootstrap鐨勮ˉ鍏ㄦ垨瑕嗙洊
 *============================
 */
.table thead,.table tfoot{background:#ebebeb;}
.form-inline .gap{display:inline-block;width:10px;}
@media only screen and (min-width:0px) and (max-width:767px) {
    .form-inline .gap{display:none;width:0;height:0;}
}
hr{margin:15px 0;border-top:1px solid #f0f0f0;}
.help-block{margin-bottom:0;}
button i,a i{margin-right:6px;}
.pagination button i,.pagination a i{margin:0;}
.my_panel .heading{padding:8px 10px;font-weight:bold;background:#ebebeb;border-bottom:2px solid #ddd;}
.my_panel .body{padding:10px 10px 20px;}
.my_panel .body .table{margin-bottom:0;}
.my_panel .body .table tr:first-child td{border-top:0;}
.my_panel .body .table thead,.my_panel .body .table tfoot{background:none !important;}
form .title_bar{padding:8px 10px;font-weight:bold;background:#ebebeb;border-bottom:2px solid #ddd;margin-bottom:14px;}
.form-horizontal .modal-content .form-group {margin-left:0 !important;margin-right:0 !important;}
.modal-header .modal-title{font-size:16px;}
div.dataTables_wrapper div.dataTables_paginate{margin:20px 0 0 0 !important;}
.ajaxForm_tip_success{color:#4cae4c;font-size:14px;}
.ajaxForm_tip_warning{color:#f0ad4e;font-size:14px;}
.J_confirm_btn i{display:none;}
.J_confirm_btn.subBtn_sending i{display:inline-block;}
.J_tree_table th,
.J_tree_table td {
    vertical-align:middle !important;
    border-top:1px solid #f0f0f0 !important;
}
.table-responsive > .J_tree_table > thead > tr > th,
.table-responsive > .J_tree_table > tbody > tr > th,
.table-responsive > .J_tree_table > tfoot > tr > th,
.table-responsive > .J_tree_table > thead > tr > td,
.table-responsive > .J_tree_table > tbody > tr > td,
.table-responsive > .J_tree_table > tfoot > tr > td {
    white-space: nowrap;
}
.J_tree_table > tbody + tbody {border-top:0 !important;}
.J_tree_table .J_pull_btn{display:inline-block;width:20px;height:20px;}
.J_tree_table .pull_down{background:url(../images/icon_list.png) 0 -20px no-repeat !important;cursor:pointer;}
.J_tree_table .pull_up{background:url(../images/icon_list.png) 0 0 no-repeat !important;cursor:pointer;}
.J_tree_table .blank_btn{display:inline-block;width:20px;height:20px;background:url(../images/icon_list.png) -20px 0 no-repeat;}
.J_tree_table .end{display:inline-block;width:46px;height:20px;vertical-align:middle;cursor:pointer;background:url(../images/icon_list.png) 0 -72px no-repeat;}
.J_tree_table .space{display:inline-block;width:46px;height:20px;vertical-align:middle;cursor:pointer;}
.J_tree_table input[type=text]{
    display: inline-block;
    margin-right:6px;
    width: 35px;
    height: 28px;
    font-size: 14px;
    padding:0 4px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#example_filter{display:none;}
.div-inline{ display:inline}
div.dataTables_wrapper div.dataTables_info{margin-top:10px;margin-left:10px;}
.pg-canvas{position:absolute;}

.left-menu{;position:absolute;z-index:904;top:80px;bottom:35px;left:20px;width:240px;padding-top:0;background:rgba(255,255,255,0.3);}
.footer-copy{color:#fff;position:absolute;left:20px;bottom:5px;right:20px;}
.left-menu .menu-hd{background:rgba(255,255,255,0.13);padding-left:10px;height:38px;line-height:38px;color:#fff;}
.left-menu .menu-hd h2{height:38px;line-height:38px;}
.left-menu .menu-hd .menu-arr{position:absolute;right:10px;top:0;}
.left-menu .menu-slidedown li a{display:block;padding-left:40px;height:34px;line-height:34px;color:#fff;}


#bigTitle{
    font-size: 35px;letter-spacing:3px;color: #FFFFFF;font-family: '华文楷体', serif;
}
#smallTitle{
    color: #FFF;font-family: '华文楷体', serif
}
#_help{
    color: #FFF;
}
.left-menu .menu-slidedown{display:none;}
.left-menu .menu-con{margin-bottom:8px;}
/*.top-menu{padding:35px 15px 15px 15px;}*/
.top-menu li{float:left;margin-right:20px;position:relative;}
.top-menu li .menuone{color:#fff;}

.top-menu li:hover .menutwo{display:block;}
.scroll-item{width:500px;overflow:hidden;}
.scroll-item a{margin-right:10px;color:#fff;}
.menu-con.hover .menu-slidedown{display:block;}
.user-checkout li{display:inline-block;margin-left:10px;color:#fff;}
.user-checkout li .iconfont{margin-right:5px;}
.ui-tabs .ui-tabs-panel{padding:0;}
.ui-widget-header{background:#ccc;}


.right-arr{top:50%;right:0;}
.left-arr{top:50%;left:0;}

.right-arr:hover,.left-arr:hover{color:#333;}
.dg-container{
    width: 100%;
    height: 450px;
    position: relative;
}
.dg-wrapper{
    width: 576px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.dg-wrapper a{
    width: 576px;
    height: 400px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
    background:url(../images/bg.jpg)
}
.dg-wrapper a.dg-transition{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
    display: block;
    /*padding: 41px 0px 0px 1px;*/
}
.dg-wrapper a div{
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #333;
    font-size: 16px;
    width: 100%;
    /*bottom: -55px;*/
    display: none;
    position: absolute;
}
.dg-wrapper a.dg-center div{
    display: block;
}
.dg-container nav{
    width: auto;
    position: absolute;
    z-index: 1000;
    top:425px;
    left: 45%;
    margin-left: -29px;
}
.dg-container nav span{
    text-indent: -9000px;
    float: left;
    cursor:pointer;
    width: 24px;
    height: 25px;
    opacity: 0.8;
    background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
    opacity: 1;
}

.dg-container nav span.dg-prev{
    margin-right: 10px;
    width: 33px;
    height: 33px;
    background: transparent url(../images/dg-prev.png) no-repeat top left;
}

.dg-container nav span.dg-next{
    margin-left: 10px;
    width: 33px;
    height: 33px;
    background: transparent url(../images/dg-next.png) no-repeat top left;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.tab-content > .active,
.pill-content > .active {
    height: auto;
}
table.dataTable tbody tr.selected{background-color:#eee;}

@media screen and (min-width: 1200px) and (max-width:1400px)  {
    .form-control{
        height: 100%;
    }
}



/* ruler */
div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}
.float-news,.float-open{background:#fbfbfb;border:2px solid #e1e1e1;border-right:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);display:inline-block;font-size:16px; float:right;!important}
.float-news{height:300px;right:0px;padding:10px 15px;width:210px;z-index:100;top:117px;_margin-top:117px;}
.float-open{height:42px;right:-70px;padding:4px 4px 4px 6px;z-index:99;top:206px;_margin-top:206px;}
.float-news,.float-open{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
.float-close{background:url(../images/nav-close.png) no-repeat left top;overflow:hidden;height:32px;opacity:.6;filter:alpha(opacity=60);position:absolute;right:9px;text-indent:100%;top:10px;white-space:nowrap;width:32px;}
.open-btn{background:url(../images/ml-open-demo.png) no-repeat left top;display:block;overflow:hidden;height:32px;opacity:.6;filter:alpha(opacity=60);text-indent:100%;white-space:nowrap;width:32px;}
.float-close:hover,.open-btn:hover{opacity:1;filter:alpha(opacity=100);}
.newslist h3{color:#333;border-bottom:4px solid #F2F2F2;font-size:26px;height:54px;line-height:54px;font-family:Microsoft Yahei,simsun,arial,sans-serif;}
.newslist div{margin-top:10px; position:relative;height:30px;line-height:30px;font-size:14px;}

/*主题背景色*/
.themeBGColor{background-color:  var(--primarycolor);color:#fff;}
.themeBGColor:hover{background-color:  var(--primarycolor);color:#fff;}
.themeColor{color: var(--primarycolor);}
/*按钮主题色*/
.btn-primary{color: #fff;background-color:  var(--primarycolor);border-color:  var(--primarycolor);}
.btn-primary:hover{background-color: var(--primarycolor);}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color:  var(--primarycolor);
    border-color:  var(--primarycolor);
}
.btn.focus, .btn:focus, .btn:hover{
    color:#fff;
}
/*分页主题色*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: var(--primarycolor);}
/*main页面的主题色*/
.bg-main{width:100%;height:100%;background: var(--primarycolor);}
/*瀵艰埅鏍忕殑棰滆壊閰嶇疆*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #ffffff  50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background:  var(--primarycolor)  50% 50% repeat-x; font-weight: bold; color: #e17009; }
ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: var(--primarycolor)}
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {color:#ffffff}
/*瀵艰埅鏍忕殑涓嬭竟妗嗕富棰橀鑹�*/
.ui-widget-header {border-bottom: 1px solid  var(--primarycolor);color: #ffffff;font-weight: bold;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid  var(--primarycolor);
    border-bottom-color: transparent;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
/*菜单下按钮主题色*/
.nav-tabs {border-bottom: 1px solid  var(--primarycolor);}
/*按钮主题色*/
button.dt-button,
div.dt-button,
a.dt-button {
    color: white;
    white-space: nowrap;
    overflow: hidden;
    background-color:  var(--primarycolor);
    /* Fallback */
    background-image: -webkit-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* IE10 */
    background-image: -o-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Opera 11.10+ */
    background-image: linear-gradient(to bottom,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color:  var(--primarycolor);
}

/*甯姪涓績鐨勬枃瀛楅�変腑鐨勪富棰橀鑹�*/
.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
    color:  var(--primarycolor);
    border-left: 2px solid  var(--primarycolor);
}
/*鐩戞祴鐐归椤祎ip鎻愮ず鐨勬爣绛句富棰橀鑹�*/
.mystyle > label{background: var(--primarycolor);color:#FFFFFF;}


.cancleBGColor{background-color: #ff5722;color:#fff;}

.cancleColor{color:#ff5722;}

.table-middle{text-align:center;vertical-align:middle !important;}

.mainright{float:left;margin-left:1px; height:2000px;width:300px;}

.imgarrow{float:left; margin-top:1px; margin-left:20px; margin-top:14px;}

.middlediv{float:left;height: 100%}

.middleleft{border:1px solid rgb(0,106,106); margin-bottom:1px;margin-top:1px;float:left;width:260px;height: 99%}

.lefttophandle{float:left; width:75px;text-align:center;}
.lefttophandle p{ float:left;}
.lefttophandle p a{font-size:11px;}
.rightinfo{padding:8px;}
.lefttoptitle{float:left; width:230px;text-align:center;}
.lefttoptitle img{float:left; margin-top:2px;margin-left:5px;}
.lefttoptitle lable{float:left; margin-left:5px;}
.form-control{font-size:12px}
.toolbar1{float:right;}
.toolbar1 li{background:url(../images/toolbg.gif) repeat-x; line-height:33px; height:33px; border:solid 1px #d3dbde; float:left; padding-right:10px; margin-left:5px;border-radius: 3px;}
.toolbar1 li span{float:left; margin-left:10px; margin-right:5px; margin-top:5px;cursor:pointer;}

.layui-layer-btn .layui-layer-btn0 {
    border-color:  var(--primarycolor) !important;
    background-color:  var(--primarycolor) !important;
    color: #fff;
}

/*登录按钮获取焦点颜色*/
#login:focus{
    background:  var(--primarycolor);
}

/*登陆页面输入框小图标的颜色*/
.loginicon{
    left:5px;
    top:5px;
    color: var(--primarycolor);
}

/*登录页面的背景色*/
.bg-login{width:100%;height:100%;overflow:hidden;background: var(--primarycolor);}

/*左侧菜单颜色控制*/
.left-menu .menu-slidedown li a:hover{background: var(--primarycolor);opacity:0.2;}
.left-menu .menu-slidedown li.hover{background: var(--primarycolor);opacity:0.7;}

/*导航菜单的颜色，包括二级菜单*/
.top-menu .menutwo{display:none;position: absolute;left:-10px;top:28px;z-index:99;background: var(--primarycolor);opacity:0.9;font-size:14px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.top-menu .menutwo a{color:#fff;display:block;height:40px;line-height:40px;width:120px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);}
.top-menu .menutwo a:hover{background: var(--primarycolor);opacity:0.8;}

/**未知**/
.slide-carousel .indicator-list a.selected {
    border-color: #fff;
    background-color:  var(--primarycolor);
}
.ui-widget-header { border-bottom: 1px solid  var(--primarycolor);  color: #ffffff; font-weight: bold; }

/*监测点*/
.right-arr,.left-arr{position: absolute;font-size:30px;color: var(--primarycolor);cursor: pointer;background:rgba(0,0,0,0.2);}

/*datatables导出按钮*/
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
    background-color:  var(--primarycolor);
    /* Fallback */
    background-image: -webkit-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* IE10 */
    background-image: -o-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Opera 11.10+ */
    background-image: linear-gradient(to bottom,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color:  var(--primarycolor);
    /* Fallback */
    background-image: -webkit-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* IE10 */
    background-image: -o-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Opera 11.10+ */
    background-image: linear-gradient(to bottom,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
    box-shadow: inset 1px 1px 3px #666;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
    border: 1px solid #666;
    background-color:  var(--primarycolor);
    /* Fallback */
    background-image: -webkit-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* IE10 */
    background-image: -o-linear-gradient(top,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    /* Opera 11.10+ */

    background-image: linear-gradient(to bottom,  var(--primarycolor) 0%,  var(--primarycolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
}

/*稳态趋势对比图表颜色*/
.historyA{
    color:  var(--primarycolor);
}

/*开关的背景色*/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background:  var(--primarycolor);
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary[disabled], .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary[disabled] {
    color: #fff;
    background-color:  var(--primarycolor);
}
/*多选框鼠标浮动的背景颜色*/
[name='datali'] > div:hover,
.ec > div:hover {
    background-color:  var(--primarycolor);
    color: #ffffff;
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #FFF;
    background-color:  var(--primarycolor);
    border-color:  var(--primarycolor);
    -webkit-box-shadow: -1px 0 0 0  var(--primarycolor);
    box-shadow: -1px 0 0 0  var(--primarycolor);
}


.menu{
    margin-top: -3px;
}

.areaicon{position: relative;right: 15px;}

.ztree ul{
    border:0 !important;
}

.dt-buttons .dt-button{
    border-radius: 4px;
}