/*------------------------------------*/
/* 样式载入器，优先越高需要放在最后面 */

/* 常用组件 */
/*@import url("../js/bootstrap/bootstrap.min.css");*/
@import url("../js/swiper/swiper-bundle.min.css");

/*
@import url("normalize.css");
@import url("pure-min.css");
@import url("pure-grids-responsive-min.css");
*/

/* 基础样式 */
@import url("ao-icon.css");

/* 日期选择 */
@import url("../js/duDatepicker/duDatepicker.min.css");
@import url("../js/duDatepicker/duDatepicker-theme.css");

/* 应用样式 */
@import url("ao-pc.css");
@import url("ao-mobile.css");


#vueApp {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s;
}

#vueApp.show {
    opacity: 1;
    transform: translateY(0px);
}

/* #vueApp .main{
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.9s;
}

#vueApp.show .main{
    opacity: 1;
    transform: translateY(0px);
} */

.main .delayShow {
    transition: all 0.5s;
    transition-delay: var(--i);
    transform: translateY(-50px);
    opacity: 0;
}

.main .delayShow.show {
    transform: translateY(0px);
    opacity: 1;
}


@keyframes up {
    from {
        transform: translateY(-100px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes down {
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

.delayShowAnimationUpSelectTime {
    animation: up var(--i);
}

.delayShowAnimationDownSelectTime {
    animation: down var(--i);
}

.header{
    animation: up 0.7s
}

.item-list .item-box .item-media img{
    object-position: center;
    
    object-fit: contain;
    background: white;
}

.ao-btn{
    user-select: none;
}

.article-body iframe{
    width: 100%;
    min-height: 50vh;
    /* height: 100vh; */
    outline: none;
    border: none;
    overflow: hidden;
}

.article-body img{
    max-width: 100%;
}

.innerArticleIframe{
    overflow: hidden;
}