.cards-container{width:100vw;height:200vh;position:fixed;top:0;left:0;right:0;overflow:auto;z-index:450;background:linear-gradient(180deg,rgba(0,0,254,.06),rgba(0,0,254,.04) 50%,transparent);--background-color-button:linear-gradient(90deg,#7987e8,#00c3fe);--opacity-spread:0.6;--opacity-close:0.6}.cards-container.isclose{height:0}.cards-container .thumbnail{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:8px 13px;font-size:14px;font-weight:700;color:var(--color-button);text-shadow:0 1px 2px var(--color-main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;position:fixed;top:var(--header-height);right:-150px;z-index:501;border-radius:8px;border:2px solid rgba(0,49,119,.4);background:transparent;opacity:0;cursor:pointer}.cards-container .thumbnail .icon-defined{margin-right:8px}.cards-container .thumbnail p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}.cards-container .thumbnail p i{font-style:normal}.cards-container .thumbnail.spread{right:0;opacity:var(--opacity-spread);-webkit-animation:spreadThumbnail var(--animation-time-large) linear;animation:spreadThumbnail var(--animation-time-large) linear}.cards-container .thumbnail.spread:hover{opacity:1}.cards-container .thumbnail.isclose{-webkit-animation:closeThumbnail var(--animation-time-small) linear;animation:closeThumbnail var(--animation-time-small) linear}@-webkit-keyframes spreadThumbnail{0%{right:-150px;opacity:0}10%{right:0;opacity:var(--opacity-spread)}}@keyframes spreadThumbnail{0%{right:-150px;opacity:0}10%{right:0;opacity:var(--opacity-spread)}}@-webkit-keyframes closeThumbnail{0%{right:0;opacity:var(--opacity-spread)}10%{right:-150px;opacity:0}}@keyframes closeThumbnail{0%{right:0;opacity:var(--opacity-spread)}10%{right:-150px;opacity:0}}.cards-container .content_course .thumbnail,.cards-container .content_subject .thumbnail{width:240px;height:85px;padding:0;overflow:hidden;border-radius:0;border:none}.cards-container .content_course .thumbnail *,.cards-container .content_subject .thumbnail *{position:relative;z-index:500}.cards-container .content_course .thumbnail p,.cards-container .content_subject .thumbnail p{position:absolute;bottom:50%;right:5%;transform:rotate(18deg)}.cards-container .content_course .thumbnail p i,.cards-container .content_subject .thumbnail p i{font-size:16px;transition:margin .1s linear}.cards-container .content_course .thumbnail p span,.cards-container .content_subject .thumbnail p span{left:50px;bottom:-5px;position:absolute;z-index:0;transform:rotate(-18deg);opacity:.4}.cards-container .content_course .thumbnail:before,.cards-container .content_subject .thumbnail:before{content:"";display:block;position:absolute;width:240px;height:70px;top:0;right:0;z-index:100;background:var(--background-color-button);background-origin:border-box;border-bottom:1px solid rgba(0,49,119,.4);transform:rotate(18deg);transform-origin:bottom right;opacity:.6;box-shadow:0 0 20px rgba(0,0,0,.5)}.cards-container .content_course .thumbnail:hover p i,.cards-container .content_subject .thumbnail:hover p i{margin-bottom:3px}.cards-container .content_course .thumbnail:hover:before,.cards-container .content_subject .thumbnail:hover:before{border-bottom-color:#003177;opacity:.5}.cards-container .content_schedule .thumbnail{background:var(--background-color-button);background-origin:border-box}.cards-container .content_schedule .thumbnail:nth-of-type(2){top:calc(var(--header-height) + 50px)}.cards-container .full{width:100vw;height:100vh;display:flex;justify-content:center;align-items:flex-start;position:fixed;top:-100vh;bottom:0;left:0;right:0;z-index:500;border:none;overflow:auto}.cards-container .full:before{content:"";width:100vw;height:200vh;display:block;position:fixed;top:-200vh;bottom:0;left:0;right:0;z-index:490;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 50%,transparent)}.cards-container .full.spread{top:0;-webkit-animation:spreadFull var(--animation-time-large) linear;animation:spreadFull var(--animation-time-large) linear}.cards-container .full.spread:before{top:0;-webkit-animation:spreadFullBefore var(--animation-time-large) linear;animation:spreadFullBefore var(--animation-time-large) linear}.cards-container .full.spread .cards-body .card-detail .card-preview{opacity:1;transition:opacity var(--animation-time-large) linear}.cards-container .full.spread .toclose{top:10px}.cards-container .full.spread .menus{bottom:20px}.cards-container .full.spread .cards-body{top:0;bottom:0}.cards-container .full.spread .cards-body.img-blank:after{content:"加载中...";font-size:18px;font-weight:700;color:#fff;position:absolute;top:calc(50% - 30px);left:50%;z-index:1;transform:translateX(-50%)}.cards-container .full.isclose{-webkit-animation:closeFull var(--animation-time-large) linear;animation:closeFull var(--animation-time-large) linear}.cards-container .full.isclose:before{-webkit-animation:closeFullBefore var(--animation-time-large) linear;animation:closeFullBefore var(--animation-time-large) linear}.cards-container .full.isclose .cards-body .card-detail .card-preview{opacity:0;transition:opacity var(--animation-time-large) linear}.cards-container .full.isclose .cards-body{top:-100vh;bottom:100vh}@-webkit-keyframes spreadFull{0%{top:-100vh;opacity:0}to{top:0;opacity:1}}@keyframes spreadFull{0%{top:-100vh;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes closeFull{0%{top:0;opacity:1}to{top:-100vh;opacity:0}}@keyframes closeFull{0%{top:0;opacity:1}to{top:-100vh;opacity:0}}@-webkit-keyframes spreadFullBefore{0%{top:-200vh}to{top:0}}@keyframes spreadFullBefore{0%{top:-200vh}to{top:0}}@-webkit-keyframes closeFullBefore{0%{top:0}to{top:-200vh}}@keyframes closeFullBefore{0%{top:0}to{top:-200vh}}.cards-container .full .toclose{position:fixed;top:-100vh;z-index:601;right:10px;padding:9px;border-radius:50%;border:1px solid var(--color-button);background:var(--background-color-button);opacity:var(--opacity-close);cursor:pointer}.cards-container .full .toclose:hover{opacity:1}.cards-container .full .menus{position:fixed;bottom:-100px;right:10px;z-index:601}.cards-container .full .menus .menu{margin-top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:7px 12px;font-size:16px;font-weight:700;color:var(--color-button);text-shadow:0 1px 2px var(--color-main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;border-radius:10px;border:1px solid var(--color-button);background:var(--background-color-button);opacity:var(--opacity-close);cursor:pointer}.cards-container .full .menus .menu .icon-defined{margin-right:8px}.cards-container .full .menus .menu:hover{opacity:1}.cards-container .full .cards-body{width:100%;height:100%;padding:30px 0;margin:0 auto;position:fixed;top:-100vh;left:0;right:0;bottom:100vh;z-index:550;-webkit-scrollbar:none;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden;overflow-y:auto}.cards-container .full .cards-body .card-detail{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;position:relative;left:50%;transform:translateX(-50%)}.cards-container .full .cards-body .card-detail .card-preview{max-width:600px;height:auto;margin-bottom:30px;opacity:0}.cards-container .full .cards-body .card-detail .card-hide{position:fixed!important;bottom:100vh!important}.cards-container .full .cards-body .card-detail .cards-background{height:auto}.cards-container .full .cards-body .card-detail .cards-content{background:transparent}.cards-container .full .cards-body .card-detail .cards-content *{line-height:1;margin-top:0;margin-bottom:0;color:#000}@media(max-width:767px){.cards-container .thumbnail{bottom:130px}.cards-container .thumbnail.spread{opacity:1}.cards-container .full.spread .cards-body{padding:60px 0}.cards-container .full.spread .cards-body .card-detail .card-preview{max-width:90vw;margin-bottom:120px}.cards-container .full .menus .menu,.cards-container .full .toclose{opacity:1}}@font-face{font-family:Alibaba PuHuiTi Regular;src:url(https://f.msup.com.cn/Alibaba%20PuHuiTi%20Regular%201M.ttf)}@font-face{font-family:Alibaba PuHuiTi Medium;src:url(https://f.msup.com.cn/Alibaba-PuHuiTi-Medium-spider.ttf)}@font-face{font-family:Alibaba PuHuiTi Heavy;src:url(https://f.msup.com.cn/Alibaba-PuHuiTi-Heavy-.ttf)}@font-face{font-family:Alibaba PuHuiTi Bold;src:url(https://f.msup.com.cn/Alibaba-PuHuiTi-Bold.ttf)}@font-face{font-family:Alibaba PuHuiTi Light;src:url(https://f.msup.com.cn/Alibaba-PuHuiTi-Light-spider.ttf)}