.app .publicity-page{width:100vw;height:100vh;padding-top:var(--header-height);position:fixed!important;top:-100vh;left:0;right:0;z-index:999}.app .publicity-page :not([class*=popup]){position:relative;z-index:999!important}.app .publicity-page:before{content:"";width:100vw;height:200vh;display:block;position:fixed;top:-200vh;left:0;right:0;z-index:990;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 50%,transparent);transition:top var(--animation-time-small) linear}.app .publicity-page.spread,.app .publicity-page.spread:before{top:0}.app .publicity-page .p-page-content{width:100%;height:100%;position:relative}.app .publicity-page .p-page-content .p-page-main{width:auto;max-height:calc(100vh - var(--header-height));padding:30px;align-items:flex-start;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app .publicity-page .p-page-content .p-page-main .img-preview{width:100%;max-width:500px;height:auto;background-color:#fff}.app .publicity-page .p-page-content .p-page-main .img-preview.course-card{max-width:480px}.app .publicity-page .p-page-content .p-page-main .img-loading{line-height:20px;margin-top:calc(50vh - var(--header-height) - 40px);font-size:16px;color:#fff}.app .publicity-page .p-page-content .p-page-main #publicity-img-hide{position:fixed;bottom:100vh}.app .publicity-page .p-page-content .p-page-aside{width:auto;height:100%;padding:15px;padding-left:0;align-content:space-between;position:absolute;right:0;bottom:0}.app .publicity-page .p-page-content .p-page-aside .aside-menus{justify-content:flex-end}.app .publicity-page .p-page-content .p-page-aside .aside-menus .aside-menu{padding:6px 10px;font-size:18px;margin-top:10px;border-radius:8px}.app .publicity-page .p-page-content .p-page-aside .aside-menus .aside-menu .icon-defined{margin-left:8px}.app .publicity-page .p-page-content .p-page-aside .menu-btn{color:#fff;border:1px solid #fff;background:radial-gradient(#00c3fe,#7987e8);cursor:pointer}.app .publicity-page .p-page-content .p-page-aside .icon-defined{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto}.app .publicity-page .p-page-content .p-page-aside .icon-defined.icon-close{padding:10px;border-radius:50%}@media(max-width:767px){.app .publicity-page{padding-bottom:66px}.app .publicity-page .p-page-content .p-page-main{padding-top:60px;padding-bottom:60px}.app .publicity-page .p-page-content .p-page-aside .icon-defined.icon-close{padding:8px}.app .publicity-page .p-page-content .p-page-aside .aside-menus .aside-menu{font-size:15px}}