/* 滚动条整体样式 */
::-webkit-scrollbar {
    width:8px;
    height: 8px;
    background-color: rgba(255,255,255,.1);
}
::-webkit-scrollbar-thumb{/*滚动条里面的小方块*/
    background: rgba(0, 0, 0, .30);
    border-radius: 50px;
}
body.science-page {
    background-image: url("../images/bg.gif");
    background-size: cover;
    font-size: 14px;
}
.science-header {
    height: 50px;
    background-color: none;
}

/* parallel-quadrangle */
.parallel-quadrangle {
    transform: skew(45deg);
}

/* blade-card */
.blade-card {
    position: relative;
}
.blade-card .blade-card-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(81, 139, 255, .6);
    z-index: -1; 
}
.blade-card .blade-card-mask-after {
    position: absolute;
    top: 0;
    right: 0;
	content: "";
	width: 0;
	height: 0;
	border-width: 20px;
	border-style: solid;
	border-color: transparent;
	border-top-color: rgba(81, 139, 255, .6);
    border-left-color: rgba(81, 139, 255, .6);
    z-index: -1;
}

.blade-card .blade-card-mask-before {
    position: absolute;
    top: 0;
    left: 0;
	content: "";
	width: 0;
	height: 0;
	border-width: 20px;
	border-style: solid;
	border-color: transparent;
	border-top-color: rgba(81, 139, 255, .6);
    border-right-color: rgba(81, 139, 255, .6);
    z-index: 0;
}
/* science-panel */
.science-panel {
    position: relative;
    border: 1px solid #387391;
}
.science-panel .science-panel-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #182B4A;
    opacity: .6;
    z-index: -1;
}
.science-panel .science-panel-content {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
}

/* science-block */
.science-block {
    position: relative;
}
.science-block .science-block-v {
    position: absolute;

}
.science-block .science-block-top-left {
    top: 0;
    left:0;
    width: 20px;
    height: 20px;
    border-top: 2px solid #2E6F96;
    border-left: 2px solid #2E6F96;
}
.science-block .science-block-top-left-tip {
    top: 0;
    left:0;
    width: 0;
    height: 0;
    border-width: 7px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #2E6F96;
    border-left-color: #2E6F96;
}
.science-block .science-block-top-right {
    top: 0;
    right:0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #2E6F96;
    border-right: 1px solid #2E6F96;
}
.science-block .science-block-bottom-left {
    bottom: 0;
    left:0;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #2E6F96;
    border-left: 1px solid #2E6F96;
}
.science-block .science-block-bottom-right {
    bottom: 0;
    right:0;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #2E6F96;
    border-right: 2px solid #2E6F96;
}
.science-block .science-block-bottom-right-tip {
    bottom: 0;
    right:0;
    width: 0;
    height: 0;
    border-width: 7px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #2E6F96;
    border-right-color: #2E6F96;
}
.science-block .science-block-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1C2C4E;
    opacity: .6;
    z-index: -1;
}

.science-block .science-block-content {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
}
.science-block .science-block-content .science-block-content-inner {
    padding: 16px;
}
/* iview style */
.science-page .ivu-select {
    color: #FFFFFF;
}
.science-page .ivu-select.black {
    color: #000000;
}
.science-page .ivu-select-selection {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #1495E7;
}
.science-page .ivu-select-input {
    color: #FFFFFF;
}
.science-page .ivu-select-arrow {
    color: #FFFFFF;
}
.science-page .ivu-select.black .ivu-select-arrow {
    color: #000000;
}
.science-page .ivu-tree-title {
    color: #FFFFFF;
}
.science-page .ivu-tree-title.ivu-tree-title-selected {
    color: #000000;
}
.science-page .ivu-tree-title:hover {
    color: #1495E7;
}
.ivu-input[disabled], fieldset[disabled] .ivu-input {
    color: #131313;
}
.main-menu .ivu-drawer-body {
    padding: 0 !important;
}
.view-root {
    padding:0 8px;
}
.view-root .view-root-inner {
    height: calc(100vh  - 115px);
    color: #FFFFFF;
    overflow-y: auto;
}
.ivu-tree .ivu-tree-empty {
    text-align: center;
}
/* ivu-tabs */
.ivu-tabs .ivu-tabs-bar {
    border-bottom: 1px solid #468FB6;
}
.ivu-tabs-yellow .ivu-tabs-nav {
    color: #468FB6;
}
.ivu-tabs-yellow .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #ff9900;
}
.ivu-tabs-yellow .ivu-tabs-ink-bar {
    background-color: #ff9900;
}
/* 加载等待 */
.demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
}
.demo-spin-col{
    height: 100px;
    position: relative;
    border: 1px solid #eee;
}
.ivu-spin-fix {
    background-color: rgba(255,255,255,.5);
}

/* ivu-table */
.ivu-table .table-info-cell {
    background-color: #187;
    color: #fff;
}

.ivu-table .table-number-cell {
    background-color: #dcdee2;
    color: #000000;
}
.ivu-table .table-error-cell {
    background-color: #ed4014;
    color: #fff;
}
.ivu-table .table-success-cell {
    background-color: #19be6b;
    color: #fff;
}
.ivu-table .table-warning-cell {
    background-color: #ff9900;
    color: #fff;
}

/* ivu-table special */
.ivu-table .table-tmp-high-cell {
    background-color: #ed4014;
    color: #fff;
}
.ivu-table .table-tmp-low-cell {
    background-color: #19be6b;
    color: #fff;
}

/* modal */
.vertical-center-modal{
    display: flex;
    align-items: center;
    justify-content: center;
}
.vertical-center-modal .ivu-modal{
    top: 0;
}
.page-view {
    height: 100%;
}
/* flex layout */
.flex-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.flex-body {
    flex: 1;
}
.flex-body .flex-body-inner {
    height: 100%;
    overflow-y: auto;
}