html{
|
font-size:calc(100vw / 96);
|
}
|
|
/* @media screen and (min-width: 1366px){
|
html{
|
font-size:20px;
|
}
|
} */
|
body {
|
padding: 0;
|
margin: 0;
|
color: #FFFFFF;
|
overflow-x: hidden;
|
}
|
::-webkit-scrollbar {
|
width: 5px;
|
height: 5px;
|
position: absolute;
|
}
|
::-webkit-scrollbar-thumb {
|
background-color: #5bc0de;
|
}
|
::-webkit-scrollbar-track {
|
background-color: #ddd;
|
}
|
.posR {
|
position: relative;
|
}
|
.posA {
|
position: absolute;
|
}
|
.posA_full {
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
}
|
/* flex layout */
|
.flex-layout {
|
display: flex;
|
flex-direction: column;
|
height: 100%;
|
overflow: hidden;
|
}
|
.flex-layout-body {
|
flex: 1;
|
position: relative;
|
}
|
.flex-layout-body.scroll {
|
overflow-y: auto;
|
}
|
.page-container {
|
padding-left: 8px;
|
padding-right: 8px;
|
}
|
|
/***********************btn_3d****************************/
|
.btn_3d {
|
position: relative;
|
/*text-decoration: none;*/
|
background-color: #25a5c2;
|
/*font-family: 'Yanone Kaffeesatz';*/
|
/*font-size: .14rem;*/
|
color: #fff;
|
font-weight: 700;
|
/*font-size: 3em;*/
|
display: -webkit-flex;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
padding: 4px 6px;
|
-webkit-border-radius: 8px;
|
-moz-border-radius: 8px;
|
border-radius: 8px;
|
-webkit-box-shadow: 0px 9px 0px rgba(0,126,152,1), 0px 9px 25px rgba(0,0,0,.7);
|
-moz-box-shadow: 0px 9px 0px rgba(0,126,152,1), 0px 9px 25px rgba(0,0,0,.7);
|
box-shadow: 0px 9px 0px rgba(0,126,152,1), 0px 9px 25px rgba(0,0,0,.7);
|
/*margin: 100px auto;*/
|
/*width: 160px;*/
|
text-align: center;
|
|
-webkit-transition: all .1s ease;
|
-moz-transition: all .1s ease;
|
-ms-transition: all .1s ease;
|
-o-transition: all .1s ease;
|
transition: all .1s ease;
|
top: -4px;
|
}
|
.btn_3d:hover {
|
-webkit-box-shadow: 0px 7px 0px rgba(0,126,152,1), 0px 7px 6px rgba(0,0,0,.9);
|
-moz-box-shadow: 0px 7px 0px rgba(0,126,152,1), 0px 7px 6px rgba(0,0,0,.9);
|
box-shadow: 0px 7px 0px rgba(0,126,152,1), 0px 7px 6px rgba(0,0,0,.9);
|
/*position: relative;*/
|
top: -2px;
|
background: #24bcde;
|
}
|
.btn_3d:active {
|
-webkit-box-shadow: 0px 3px 0px rgba(0,126,152,1), 0px 3px 6px rgba(0,0,0,.9);
|
-moz-box-shadow: 0px 3px 0px rgba(0,126,152,1), 0px 3px 6px rgba(0,0,0,.9);
|
box-shadow: 0px 3px 0px rgba(0,126,152,1), 0px 3px 6px rgba(0,0,0,.9);
|
/*position: relative;*/
|
top: 2px;
|
}
|
.btn_3d:hover:after {
|
content: '';
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 2px;
|
-webkit-transform: translateY(-2px);
|
transform: translateY(-2px);
|
}
|
.btn_3d:active:after {
|
content: '';
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 6px;
|
-webkit-transform: translateY(-6px);
|
transform: translateY(-6px);
|
}
|
.btn_3d.disabled {
|
background: #aaa;
|
cursor: not-allowed;
|
-webkit-box-shadow: 0px 9px 0px rgba(128,128,128,1), 0px 9px 25px rgba(0,0,0,.7);
|
-moz-box-shadow: 0px 9px 0px rgba(128,128,128,1), 0px 9px 25px rgba(0,0,0,.7);
|
box-shadow: 0px 9px 0px rgba(128,128,128,1), 0px 9px 25px rgba(0,0,0,.7);
|
}
|
.btn_3d.disabled:hover {
|
-webkit-box-shadow: 0px 7px 0px rgba(128,128,128,1), 0px 7px 25px rgba(0,0,0,.7);
|
-moz-box-shadow: 0px 7px 0px rgba(128,128,128,1), 0px 7px 25px rgba(0,0,0,.7);
|
box-shadow: 0px 7px 0px rgba(128,128,128,1), 0px 7px 25px rgba(0,0,0,.7);
|
top: -2px;
|
}
|
/***********************btn_3d END****************************/
|
|
/* element ui */
|
.theme-dark {
|
background-color: #061436;
|
}
|
/* element ui */
|
.el-badge.item .el-badge__content {
|
border: none;
|
}
|
|
.assemble_table td:nth-of-type(2n):not(:last-of-type),
|
.assemble_table th:nth-of-type(2n):not(:nth-last-of-type(2)) {
|
border-right-color: #900;
|
}
|
.assemble_table td:nth-of-type(4n+3),
|
.assemble_table td:nth-of-type(4n+4) {
|
background: rgba(200, 200, 200, .1);
|
}
|
|
/**
|
* 表格样式
|
*/
|
.el-table,
|
.el-table__expanded-cell {
|
background-color: transparent;
|
color: #fff;
|
}
|
.el-table th,
|
.el-table tr {
|
background-color: transparent;
|
}
|
.el-table--enable-row-hover .el-table__body tr:hover > td {
|
background: rgba(200, 200, 200, .2);
|
}
|
.el-table thead {
|
background: #174385;
|
color: #fff;
|
|
}
|
.el-table td,
|
.el-table th {
|
padding: 6px 0;
|
text-align: center;
|
}
|
|
|
.el-tree {
|
background: transparent;
|
color: #fff;
|
}
|
.el-tree-node__content:hover {
|
background: rgba(200, 200, 200, .2);
|
}
|
.el-tree-node:focus > .el-tree-node__content {
|
background-color: rgba(200, 200, 200, .3);
|
}
|
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
background: rgba(200, 200, 200, .5);
|
}
|
