@charset "utf-8";
html, body {
	width:100%;
	/*min-height:100%;*/
	min-height:650px;
	font-family:"microsoft yahei", arial, sans-serif;
	/*background-color:#0f1c30;*/
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	overflow-x:hidden;
	overflow-y:auto;
    background: #fff;
}

.clearfix:after {
    content: " ";
    display: block;;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

/*body.bg01 {background-image:url("img/bg01.png");}*/
.header {
	margin:0 auto;
	width:100%;
	height:50px;
	max-width:1920px;
	/*background:url("img/header.png") center no-repeat;*/
    background-color: #0f1c30;
    position: fixed;
    top: 0;
    z-index: 1000;
}
.header h3 {
	margin:0;
	padding:0;
	line-height:50px;
	/*text-align:center;*/
    text-align: left;
	font-size:24px;
	/*color:#5dc2fe;*/
    color: #fafafa;
    margin-left:10px;
    float:left;
}

.header .tips{
    font-size: 12px;
    line-height: 50px;
    float: right;
    margin-right: 10px;
    color: #999;
}

.wrapper {position:absolute;top:58px;bottom:0;left:0;right:0;min-height:650px;}
.container-fluid {height:100%;min-height:100%;padding-right: 12px;padding-left:12px;}
.row {margin-left:-7px;margin-right:-8px;}
.row>div {padding-left:4px;padding-right: 4px;}

.xpanel-wrapper {padding-bottom:10px;box-sizing:border-box;}
.xpanel-wrapper-1 {height:100%;}
.xpanel-wrapper-2 {height:50%;}
.xpanel-wrapper-3 {height:33.33333%;}
.xpanel-wrapper-23 {height:66.66666%;}
.xpanel {
    position: relative;
	padding:5px;
	height:100%;
	min-height:200px;
	/*background:url("img/panel.png") center no-repeat;
	background-size:100% 100%;*/
	box-sizing:border-box;
	overflow: auto;
    border: 1px solid #bec2bf;
    border-radius: 5px;
}

.fill-h {height:100%;min-height:100%;}
.no-margin {margin:0 !important;}
.no-padding {padding:0 !important;}
.nh500{height:500px;}
.h200{height:200px!important;}
.h300{height:300px!important;}
.h400{height:400px!important!important;}
.h500{height:500px!important;}
.h600{height:600px!important;}

/* scrollbar */
::-webkit-scrollbar {width:0;height:0;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {border-radius:5px;background-color:rgba(0, 0, 0, 0.3);}

.loader {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader .face {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    animation: animate 3s linear infinite;
}

.loader .face:nth-child(1) {
    width: 100%;
    height: 100%;
    color: gold;
    border-color: currentColor transparent transparent currentColor;
    border-width: 0.2em 0.2em 0em 0em;
    --deg: -45deg;
    animation-direction: normal;
}

.loader .face:nth-child(2) {
    width: 70%;
    height: 70%;
    color: lime;
    border-color: currentColor currentColor transparent transparent;
    border-width: 0.2em 0em 0em 0.2em;
    --deg: -135deg;
    animation-direction: reverse;
}

.loader .face .circle {
    position: absolute;
    width: 50%;
    height: 0.1em;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: rotate(var(--deg));
    transform-origin: left;
}

.loader .face .circle::before {
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    content: '';
    width: 1em;
    height: 1em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 2em,
                0 0 4em,
                0 0 6em,
                0 0 8em,
                0 0 10em,
                0 0 0 0.5em rgba(255, 255, 0, 0.1);
}

@keyframes animate {
    to {
        transform: rotate(1turn);
    }
}

.layui-card{margin-bottom:10px;border: 1px solid #bec2bf;border-radius: 5px;}
.newscontent{max-height:65px;overflow:hidden;}
a.newslink{font-size:12px;color:#5095b0!important;text-decoration:none!important;}
a.newslink:hover{color:#2367cc!important;}
.layui-timeline-title{font-size:13px!important;color:#09459d!important;}
.time-tip{left: 8px;top: 2px;position:absolute;z-index:2;font-size:10px;color:#cacaca;}
.navpanel{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 20;
    padding: 0;
    background: #0f1c30;
}
.layui-nav .layui-nav-item {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 50px;
}

.layui-nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #d7d4d4;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
}
.layui-timeline-item:before, hr {
    background-color: #2ddf4b;
}