.zw-pan-container{
    display: block;
    width: 100%;
    max-width: 820px;
    aspect-ratio: 1 / 1;
    min-height: 320px;
    max-height: calc(100vh - 320px);
    margin: 0 auto;
}

[data-view="view_ziwei"] > .layui-card:first-of-type {
    overflow: hidden;
}

[data-view="view_ziwei"] > .layui-card:first-of-type > .layui-card-body {
    padding: 0;
}

[data-view="view_ziwei"] > .layui-card:first-of-type .zw-pan-container {
    width: calc(100% + 2px);
    max-width: none;
    min-height: 0;
    max-height: none;
    margin: -1px;
    border-radius: inherit;
    overflow: hidden;
    background: #fffdf7;
}

[data-view="view_ziwei"] > .layui-card:first-of-type .zw-pan-container > div,
[data-view="view_ziwei"] > .layui-card:first-of-type .zw-pan-container canvas {
    border-radius: inherit;
}

@media (max-width: 760px) {
    .zw-pan-container{
        max-width: 100%;
        min-height: 320px;
        max-height: calc(100vh - 260px);
    }

    .zw-grid-cell{
        font-size: 12px !important;
        line-height: 16px !important;
        padding: 2px 1px !important;
    }
}

.zw-grid{
    /* border-color: #999 !important; */
}

.zw-grid-cell{
    cursor: pointer;
    border-color: #999 !important;
}

.app-header-button-backhome {
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
}