@charset "UTF-8"; 

/* 引入公共变量、字体 */
@import "variable.less";
/* 引入页面顶部样式 HeaderInc.vue 的样式文件 */
@import "headerInc.less";
/* 引入页面底部样式 FooterInc.vue 的样式文件 */
@import "footerInc.less";

html, body{
    //max-width: 1920px;
    margin: 0 auto;
}

#vueScoped{
    width: 100%;
    min-width: 1400px;
    &.g-global-gray{
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(1);
    }
    .gc-header.fixed + main{
        padding-top: 90px;
    }
    main{
        min-height: calc(100vh - 90px - 390px);
        .w-empty{
            width: 100%;
            min-height: 450px;
            position: relative;
            &::after{
                content: "";
                width: 200px;
                height: 150px;
                background-image: url(/www/images/default/dNoData.png);
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: static;
                top: calc(50% - 40px);
                left: 50%;
                transform: translate(-50%, -50%);
            }
            span{
                color: #BBB;
                font-size: 18px;
                position: static;
                left: 50%;
                top: calc(50% + 70px);
                transform: translate(-50%, -50%);
            }
        }
        .w-container{
            width: 100%;
            max-width: 1400px;
            padding: 0 15px;
            margin: 0 auto;
        }
    }
}

@media (max-width: 1400px) {
    #vueScoped {
        main{}
    }
}

@media (max-width: 991px) {
    #vueScoped {
        min-width: auto;
        .gc-header.fixed + main{
            padding-top: 80px;
        }
        main{
            min-height: calc(100vh - 80px - 420px);
        }
    }
}

@media (max-width: 767px) {
    #vueScoped {
        main{
            min-height: calc(100vh - 80px - 240px);
        }
    }
}

/* override */

/* 覆盖layer模态窗样式，改写成圆角样式 */
.layui-layer-title {
    height: 52px !important;
    line-height: 52px !important;
    border-radius: 4px 4px 0 0 !important;
    background-color: white !important;
    //font-weight: bold !important;
    font-size: 17px !important;
}
.layui-layer-setwin {
    top: 18px !important;
}
.layui-layer {
    border-radius: 4px !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2) !important;
    -webkit-background-clip: revert !important;
}
.layui-layer-iframe {
    iframe {
        border-radius: 0 0 8px 8px;
    }
}
.layui-layer-shade{
    opacity: 1 !important;
    background-color: rgba(0,0,0,0.15) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.layui-layer-load{
    background-color: white !important;
}

.layui-layer.layui-layer-page.layui-layer-prompt{
    .layui-layer-content{
        .layui-layer-input{
            outline: none !important;
        }
    }
}