/*reset css*/
html,
body {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
html {
background: white;
color: black;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: inherit;
}
fieldset,
img {
border: none;
}
iframe {
display: block;
}
abbr,
acronym {
border: none;
font-variant: normal;
}
del {
text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-style: normal;
font-weight: 500;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 500;
}
q:before,
q:after {
content: '';
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
a:hover,
a:focus {
text-decoration: none;
}
ins,
a {
text-decoration: none;
}
a:focus,
*:focus {
outline: none;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
overflow: hidden;
}
.clearfix {
zoom: 1;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
overflow: hidden;
}
.hide {
display: none;
}
.block {
display: block;
}
.fl {
float: left;
}
.fr {
float: right;
}
/* 两端对齐 */
.justify{
text-align:justify;
text-justify:distribute-all-lines;/*ie6-8*/
text-align-last:justify;/* ie9*/
-moz-text-align-last:justify;/*ff*/
-webkit-text-align-last:justify;/*chrome 20+*/
}
.justify:after{
display: inline-block;
width:100%;
overflow:hidden;
height:0;
}
/*页面切换*/
.drop-enter {
transform: scale(0.5);
transform-origin: 50% 100%;
}
.drop-enter.drop-enter-active {
transform: scale(1);
transition: all 0.4s;
}
.drop-leave {
/* transform: scale(0.5); */
position: absolute;
top: 90px;
background: #fff;
z-index: 10000;
opacity: 1;
}
.drop-leave.drop-leave-active {
opacity: 1;
top: 100%;
transition: all 0.4s;
}
.up-enter {
transform: scale(1.5);
}
.up-enter.up-enter-active {
transform: scale(1);
transition: all 0.5s;
}
.up-leave {
position: absolute;
top: 0;
z-index: 10000;
opacity: 1;
}
.up-leave.up-leave-active {
opacity: 1;
top: -100%;
transition: all 0.5s;
}
.right-enter {
position: absolute;
top: 0;
left: -100%;
/*z-index: 1;*/
width: 100%;
height: 100%;
-webkit-animation: rightIn 1s both ease;
animation: rightIn 1s both ease;
}
.right-enter .right-enter-active {
}
.right-leave {
position: absolute;
top: 0;
left: 0;
z-index: 10;
/*background: RGB(238,238,238);*/
width: 100%;
height: 100%;
-webkit-animation: rightOut 1s both ease;
animation: rightOut 1s both ease;
}
.right-leave .right-leave-active {
}
@-webkit-keyframes rightIn {
0% { -webkit-transform: scale(0.8);left: -100%;}
25% { -webkit-transform: scale(0.8);left: -60%;}
75% { -webkit-transform: scale(0.8);left: 0%;}
100% { -webkit-transform: scale(1);left: 0%;}
}
@keyframes rightIn {
0% { -webkit-transform: scale(0.8); transform: scale(0.8);left: -100%;}
25% { -webkit-transform: scale(0.8); transform: scale(0.8);left: -60%; }
75% { -webkit-transform: scale(0.8); transform: scale(0.8);left: 0%; }
100% { -webkit-transform: scale(1); transform: scale(1);left: 0%;}
}
@-webkit-keyframes rightOut {
0% { }
25% { -webkit-transform: scale(0.8);left: 0%;}
75% { -webkit-transform: scale(0.8);left: 80%;}
100% { -webkit-transform: scale(0.8);left: 100%; }
}
@keyframes rightOut {
0% { }
25% { -webkit-transform: scale(0.8); transform: scale(0.8);left: 0%; }
75% { -webkit-transform: scale(0.8); transform: scale(0.8);left: 80%; }
100% { -webkit-transform: scale(0.8); transform: scale(0.8);left: 100%; }
}
/*加载动画*/
.spinner {
width: 60px;
height: 60px;
background-color: #67CF22;
margin: 100px auto;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
#components-layout-demo-custom-trigger .trigger {
font-size: 18px;
line-height: 64px;
padding: 0 24px;
cursor: pointer;
transition: color .3s;
}
#components-layout-demo-custom-trigger .trigger:hover {
color: #1890ff;
}
#components-layout-demo-custom-trigger .logo {
height: 32px;
background: rgba(255,255,255,.2);
margin: 16px;
}
#home {
height: 100%;
}
.logo{
height: 64px;
line-height: 64px;
overflow: hidden;
text-align: center;
}
.logo span{
text-align: left;
color: white;
display: block;
width: 200px;
font-size: 20px;
padding-left: 10px;
float: right;
font-family: Microsoft YaBai;
}
#Breadcrumb{
height: 44px;
background: #fff;
margin: 1px 0;
line-height: 44px;
}
#Breadcrumb .ant-breadcrumb{
line-height: 44px;
text-indent: 20px;
}
/* 首页*/
#homeSearchDiv .ant-select-selection,#homeSearchDiv .ant-select-selection:active,#homeSearchDiv .ant-select-selection:focus,#homeSearchDiv .ant-select-selection:hover{
border: none;
outline: none;
box-shadow: none;
}
.action{
cursor: pointer;
padding: 0 12px;
display: inline-block;
transition: all .3s;
height: 100%;
}
.action:hover {
background: #e6f7ff;
}
.name{
font-size: 14px;
color: rgba(0,0,0,.65);
}
.avatar{
margin: 20px 8px 20px 0;
/*color: @primary-color;*/
background: rgba(255, 255, 255, .85);
vertical-align: middle;
}
.avatar img{
position: relative;
top: -2px;
}
.header_r{
margin-right: 50px;
height: auto;
float: right;
}
.ct_l{
float: left;
width:200px;
height: 100%;
margin-right: 20px;
background: #fff;
}
.ct_r{
float: left;
width: calc(100% - 220px);
height: 100%;
}
.searchSpan{
padding: 0;
margin: 0 12px;
cursor: pointer;
display: inline-block;
-webkit-transition: all .3s;
transition: all .3s;
height: 40px;
}
.autoComplete{
-webkit-transition: width .3s,margin-left .3s;
transition: width .3s,margin-left .3s;
width: 0;
background: transparent;
border-radius: 0;
border-bottom: 1px solid #d9d9d9;
}
.input {
border: 0;
padding-left: 0;
padding-right: 0;
box-shadow: none !important;
}
.autoCompleteShow {
width: 210px;
margin-left: 8px;
}
.searchInput{
margin: 0 5px;
padding: 0;
width: 190px;
box-shadow: none;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
transition: all linear 0.5s;
text-indent: 10px;
}
.searchInput:active,.searchInput:focus,.searchInput:hover{
box-shadow: none;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
}
.searchIcon{
cursor:pointer;
margin-right: 8px;
font-size: 16px
}
.searchHeader{
width: 100%;
text-align: right;
line-height: 40px;
}
/* 提示语样式 */
.tips_div {
width: 100%;
height: 36px;
margin: 16px 0;
line-height: 36px;
border: 1px solid #91d5ff;
border-radius: 3px;
padding-left: 12px;
background-color: #e6f7ff;
color: #565c5f;
font-size: 12px;
}
.tips_div i {
color: #1890ff;
font-size: 14px;
margin-right: 5px;
}
/* table更多操作悬浮层样式 */
.table_popover_ope li {
padding: 5px;
cursor: pointer;
}
/* 树菜单 */
.tree_menu li {
padding: 5px 10px;
cursor: pointer;
}
.tree_menu li:hover {
background: #e6f7ff;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header{
margin-bottom: 0px !important;
overflow-x: hidden !important;
}
/* 重置popover组件 */
.ant-popover-title {
font-weight: 600; /*默认500粗细在汉字上表现不出来,所以此处调整为600*/
}
/* .ant-popover-inner-content {
padding: 0;
} */
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item {
padding-left: 36px!important;
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th {
padding: 9px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td {
padding: 5px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th {
padding: 9px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
padding: 5px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th {
padding: 9px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
padding: 5px 8px;
}
.exception {
display: flex;
align-items: center;
min-height: 500px;
height: 80%;
}
.exception .imgBlock {
flex: 0 0 62.5%;
width: 62.5%;
padding-right: 152px;
zoom: 1;
text-align: right
}
.exception .imgBlock .imgEle {
height: 360px;
width: 100%;
max-width: 430px;
float: right;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.exception .content {
flex: 1;
}
.exception .content h1 {
color: #434e59;
font-size: 72px;
font-weight: 600;
line-height: 72px;
margin-bottom: 24px;
}
.exception .content .desc {
color: rgba(0,0,0,.45);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.exception .content .action {
padding: 0;
}
@media screen and (max-width: 1200px){
.exception .imgBlock {
padding-right: 88px;
}
}
@media screen and (max-width: 768px) {
.exception {
display: block;
text-align: center;
}
.exception .imgBlock {
padding-right: 0;
margin: 0 auto 24px;
}
.exception {
text-align: center;
}
}
/*# sourceMappingURL=cssGlobalStyles.css.map*/