.page-footer{
	display:flex;
    position: relative;
	> div{
		flex:1;
	}
    transform: translateY(0px);
    transition: transform .2s linear;
    background: #fff;
}


.ui-page.index-page {
	overflow-x: hidden;
    background: #f3f4f5;
    overflow-y: hidden;
}

.view-empty {
    width: 210px;
    height: 182px;
    position: absolute;
    background: url('./view-empty.svg') center no-repeat;
    left: 50%;
    top: calc(50% - 40px);
    transform: translate(-50%, -50%);
    padding-top: 200px;
    box-sizing: border-box;
    text-align: center;
    color : #91c9f3;
}

.index-page {
    &.ui-page {
        .nav-center [role=center] {
            margin: 0 auto;
        }
    }
}

.ui-page{
    &.detail-page,&.index-page,&.menu-index {
        .tab-nav [role='left'] {
            padding-left: 0;
            flex-shrink: 0;
        }
    }
    .navCls.border-1px:after {
        border-bottom: 0
    }
}

.index_tab_container {
    position: relative;
}

.ui-page {
    .ui-page-content{
        &.indexpage_content {
            overflow-y: hidden;
            overflow-x: hidden;
            height:auto;
        }
    }
    
}

.index-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    // height: 55px;
}

.sticky {
    width: 100%;
    top: 0;
    background: #fff;
    transform: translateY(0px);
    transition: transform .15s linear;
    background: #f3f4f5;
}

.holder {
    width: 100%;
    flex-shrink: 0;
    will-change: height;
}

.ui-page.chart-page .nav-center {
    display: flex;
}
.CustomCounterWidget-container .custom-link{
    height: 32px;
}

.transition-wrap {
    transform: translateY(0px);
    transition: transform .2s linear;
}