/**
* 项目通用样式
* 
* 边距、圆角等样式参照设计规范
* 
* 代码规范：
*   自定义样式统一加前缀“eic-”
*/

/* 思源黑体 bold */
@font-face {
    font-family: "SH bold";
    src: url("../font/SourceHanSansSC-Bold.ttf") format("truetype"),

        url("../font/SourceHanSansSC-Bold.woff2") format("woff2"),
        url("../font/SourceHanSansSC-Bold.woff") format("woff"),
        url("../font/SourceHanSansSC-Bold.eot") format("embedded-opentype"),
        url("../font/SourceHanSansSC-Bold.svg") format("svg");
}

/* 思源黑体 medium */
@font-face {
    font-family: "SH medium";
    src: url("../font/SourceHanSansSC-Medium.ttf") format("truetype"),

        url("../font/SourceHanSansSC-Medium.woff2") format("woff2"),
        url("../font/SourceHanSansSC-Medium.woff") format("woff"),
        url("../font/SourceHanSansSC-Medium.eot") format("embedded-opentype"),
        url("../font/SourceHanSansSC-Medium.svg") format("svg");
}

/* 思源黑体 light */
@font-face {
    font-family: "SH light";
    src: url("../font/SourceHanSansSC-Light.ttf") format("truetype"),

        url("../font/SourceHanSansSC-Light.woff2") format("woff2"),
        url("../font/SourceHanSansSC-Light.woff") format("woff"),
        url("../font/SourceHanSansSC-Light.eot") format("embedded-opentype"),
        url("../font/SourceHanSansSC-Light.svg") format("svg");
}

/* bahnschrift light */
@font-face {
    font-family: "bahnschrift light";
    src: url("../font/bahnschrift.ttf") format("truetype"),
        url("../font/bahnschrift.woff2") format("woff2"),
        url("../font/bahnschrift.woff") format("woff"),
        url("../font/bahnschrift.eot") format("embedded-opentype"),
        url("../font/bahnschrift.svg") format("svg");
    font-weight: lighter;
}

/* bahnschrift light */
@font-face {
    font-family: "glowsanssc bold";
    src: url("../font/GlowSansSC-Condensed-Bold.ttf") format("truetype");
    font-weight: lighter;
}
/*造字工房尚雅常规体*/
@font-face {
    font-family: "calligraphy workshop";
    src: url("../font/Calligraphy-Workshop.ttf") format("truetype");
    font-weight: lighter;
}

/*小于、小于等于符号字体*/
@font-face {
    font-family: "flanker griffo";
    src: url("../font/flanker-griffo.regular.otf") format("truetype");
}

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: "SH medium", "bahnschrift light";
    font-size: 15px;
}

a {
    text-decoration: none;
}

a:visited,
a:focus {
    outline: none;
}

img {
    max-width: 100%;
}

.relative {
    position: relative;
}

.eic-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.flex-h {
    display: flex;
    flex-direction: row;
}

.flex-h-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.flex-v {
    display: flex;
    flex-direction: column;
}

.flex-1 {
    flex: 1;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

.flex-center-main {
    justify-content: center;
}

.flex-center-cross {
    align-items: center;
}
.flex-end-cross{
    align-items: end;
}
.flex-wrap {
    flex-wrap: wrap;
}

.flex-start {
    justify-content: flex-start;
}

.flex-end {
    justify-content: flex-end;
}
.flex-around {
    justify-content: space-around;
}
.flex-between {
    justify-content: space-between;
}

/* 左右切换效果 */
.fade-transform-leave-active,
.fade-transform-enter-active {
    transition: all .5s;
}

.fade-transform-enter {
    opacity: 0;
    transform: translateX(-30px);
}

.fade-transform-leave-to {
    opacity: 0;
    transform: translateX(30px);
}


/* 淡入淡出效果*/
.fade-in-out-enter-active {
    transition: all 0.2s ease-in 0.25s;
}

.fade-in-out-leave-active {
    transition: all 0.2s ease-out 0s;
}

.fade-in-out-enter,
.fade-in-out-leave-to {
    opacity: 0;
    padding: 0px;
}

/* 字体 */
.eic-SH-bold {
    font-family: "SH bold";
}

.eic-SH-light {
    font-family: "SH light";
}

.eic-SH-medium {
    font-family: "SH medium";
}
.eic-SH-export{
    font-family: "glowsanssc bold";
}
.eic-SH-bahnschrift{
    font-family: "bahnschrift light";
}
.eic-SH-calligraphy{
    font-family: "calligraphy workshop";
}
.eic-canvas {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/**
 * 左侧、中间内容区、右侧
 */
.global-left-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 116px;
    z-index: 100;

    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    scrollbar-width: none;
    -ms-scrollbar-track-color: transparent;
}

.global-left-menu::-webkit-scrollbar {
    width: 0;
    opacity: 0;
}

.project-app-main-content-wrap {
    padding-left: 116px;
    padding-right: 80px;
}

.project-app-main-content-wrap.full {
    padding: 0;
}

.global-right-menu {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 77px;
    text-align: center;
    z-index: 9999;
}

.page-main-content {
    padding: 24px;
}
@media screen and (max-width: 1800px) {
    .page-main-content {
        padding: 12px;
    }
}

/**
 * 特殊地：放置值的单位名称
 */
.value-unit {
    position: absolute;
    top: 60%;
    left: -20px;
    transform-origin: top left;
    transform: rotateZ(-90deg);
}

/* 白色带4个圆角的卡片 */
.eic-round-card {
    padding: 10px 40px 10px 40px;
    border-radius: 12px;
    box-sizing: border-box;
}

/* 竖向的空间占位符，多用于模块间隔离 */
.eic-padder-v {
    height: 12px;
}

.eic-padder-h {
    width: 12px;
}

.pointer {
    cursor: pointer;
}

/* 字号定义 */
.font-bold {
    font-weight: bold;
}
.fs-65{
    font-size: 65px;
}
.fs-50{
    font-size: 50px;
}

.fs-60{
    font-size: 60px;
}

.fs-44 {
    font-size: 44px;
}

.fs-40 {
    font-size: 40px;
}
.fs-38 {
    font-size: 38px;
}
.fs-34 {
    font-size: 34px;
}
.fs-30 {
    font-size: 30px;
}

.fs-26 {
    font-size: 26px;
}

.fs-24 {
    font-size: 24px;
}

.fs-22 {
    font-size: 22px;
}

.fs-20 {
    font-size: 20px;
}
.fs-19 {
    font-size: 19px;
}

.fs-17 {
    font-size: 17px;
}
.fs-16 {
    font-size: 16px;
}

.fs-15 {
    font-size: 15px;
}

.fs-13 {
    font-size: 13px;
}

.fs-12 {
    font-size: 12px;
}

/* 字体对齐 */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/*****************  全局自定义的iscroll滚动条样式  *****************/
.iScrollHorizontalScrollbar {
    position: absolute;
    z-index: 5000;
    height: 16px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
    right: 18px;
}

.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 100;
    width: 10px;
    bottom: 0;
    top: 0;
    right: 2px;
    overflow: hidden;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
    bottom: 18px;
}

.iScrollIndicator {
    position: absolute;
    border-radius: 3px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
    height: 100%;
}

.iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
}

/* 分割线 */
.col-divider {
    position: relative;
    margin: 0 40px;
    width: 2px;
    padding: 36px 0px;
}


/***************** tab头及tab body  *****************/
.top-tab {
    font-size: 15px;
}

.top-tab-fixed-wrap {
    position: fixed;
    top: 0;
    padding-top: 24px;
    /* 244 = 左侧菜单宽 + 右侧菜单宽（包含border） + #router-view-wrap 的padding */
    width: calc(100% - 244px);
    z-index: 200;
}

.top-tab .the-tab {
    cursor: pointer;
    padding: 8px 32px;
    display: inline-block;
    transition: all .2s;
}

@media screen and (max-width: 1025px) {
    .top-tab .the-tab {
        padding: 8px 12px;
    }
}

.top-tab img {
    width: 22px;
    height: 22px;
    margin-top: -4px;
    margin-right: 4px;
}

/*
.top-tab .selected {
    background: #4c84ff;
    color: #fff;
}
*/
.top-tab .selected:hover {
    opacity: 0.9;
}

/*
.top-tab .unselected {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1));
}
*/
/*
.top-tab .unselected:hover {
    background-color: rgba(76, 132, 255, 0.2);
}
*/
.tab-body {
    position: absolute;
    width: 100%;
    z-index: -10;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;

    opacity: 0;
    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);

    transform-origin: top center;
    -moz-transform-origin: top center;
    -webkit-transform-origin: top center;
    -o-transform-origin: top center;
    -ms-transform-origin: top center;

}

.tab-body.show {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 10;
}

/***************** 管理区表格样式  *****************/
.tbl-list-wrap {
    padding: 12px 32px;
    width: 100%;
    /* min-width: 1400px; */
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-collapse: collapse;
    border-spacing: 0;
    overflow-x: auto;
}

.tbl-list-header-wrap {
    padding: 12px 32px;
    width: 100%;
    /* min-width: 1400px; */
    border-collapse: collapse;
    border-spacing: 0;
    overflow-x: auto;
}

.tbl-list {
    table-layout: fixed;
    width: 100%;
}

.tbl-list tbody tr {
    transition: all .2s;
}

/*
.tbl-list tbody tr:hover {
    background-color: rgba(76, 132, 255, 0.07);
}
*/
.tbl-list th {
    padding: 0 0 12px 0;
    text-align: center;
}

.tbl-list td {
    padding: 12px 0;
    text-align: center;
}

/* 去除datepicker里的选择时间 */
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
    display: none;
}


/***************** 通用的loading样式  *****************/
.eic-loading-mask {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    /* background-color: white; */
    z-index: 999;
}

.eic-loading-mask>img {
    position: relative;
    max-height: 100%;
}

.eic-loading-mask.round-border {
    border-radius: 12px;
}

.eic-loading-mask.hide {
    animation: HideLoading 0.3s linear forwards;
}

@keyframes HideLoading {
    0% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        z-index: -1;
    }
}

/*
.ant-btn-primary {
    background-color: #3470f3;
    border: none;
}
*/
/*
.ant-btn-primary:hover,
.ant-btn-primary:focus {
    background-color: rgb(76, 132, 255);
    border: none;
}
*/


.icon-modal-title {
    width: 18px;
    height: 18px;
    margin-right: 16px;
    vertical-align: middle;
}

.ant-slider-track {
    height: 6px;
    background: transparent;
}

@media print {
    #top-menu-print{
        display: none;
    }
}