1 |
- .navContainer[data-v-4b21bd32]{width:100%;height:calc(100% - 72px);padding:28px}.navContainer .navCon[data-v-4b21bd32]{position:absolute;height:57px;background:#fcf2e2;left:0;top:-57px;border-radius:20px 0 0 0;display:flex;align-items:center}.navContainer .navCon .cursor[data-v-4b21bd32]{cursor:pointer}.navContainer .navCon .cursor[data-v-4b21bd32]:hover{opacity:.8}.navContainer .navCon .navImg[data-v-4b21bd32]{margin-left:24px;margin-right:18px;width:42px;height:42px;position:relative}.navContainer .navCon .navImg>img[data-v-4b21bd32]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navContainer .navCon .nav[data-v-4b21bd32]{display:flex;align-items:center;font-weight:600;font-size:20px;color:#994d1c}.navContainer .navCon .nav .arrow[data-v-4b21bd32]{margin:0 6px}.navContainer .navCon .horn[data-v-4b21bd32]{position:absolute;top:-3px;right:-49px}.navContainer .container[data-v-4b21bd32]{position:relative;width:100%;height:100%;background:#fcf2e2;border-radius:0 20px 20px 20px}.bounceModalFrame-enter-active[data-v-900d7bc6]{animation:bounce-in-900d7bc6 .2s}.bounceModalFrame-enter-active .animationBox[data-v-900d7bc6]{animation:bounce-in-box-900d7bc6 .2s}.bounceModalFrame-leave-active[data-v-900d7bc6]{animation:bounce-out-900d7bc6 .2s}.bounceModalFrame-leave-active .animationBox[data-v-900d7bc6]{animation:bounce-out-box-900d7bc6 .2s}@keyframes bounce-in-900d7bc6{0%{opacity:0}to{opacity:1}}@keyframes bounce-out-900d7bc6{0%{opacity:1}to{opacity:0}}@keyframes bounce-in-box-900d7bc6{0%{transform:translateY(-30px)}to{transform:translate(0)}}@keyframes bounce-out-box-900d7bc6{0%{transform:translate(0)}to{transform:translateY(-30px)}}.modalFrame[data-v-900d7bc6]{--modalFrameTitHeight:40px;--modalFrameBtnHeight:50px;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background-color:var(--el-overlay-color-lighter)}.modalFrame .animationBox[data-v-900d7bc6]{width:100%;height:100%}.modalFrame .modalFrameBox[data-v-900d7bc6]{background-color:var(--el-bg-color);box-shadow:var(--el-box-shadow-light);border-radius:4px}.modalFrame .modalFrameBox .modalFrameTitle[data-v-900d7bc6]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;width:100%;height:var(--modalFrameTitHeight);border-bottom:1px solid var(--el-border-color-lighter);font-size:var(--el-font-size-medium);color:var(--el-text-color-primary);cursor:move}.modalFrame .modalFrameBox .modalFrameTitle.noMove[data-v-900d7bc6]{cursor:auto}.modalFrame .modalFrameBox .modalFrameTitle .icon[data-v-900d7bc6]{font-size:24px;color:var(--el-text-color-regular);cursor:pointer}.modalFrame .modalFrameBox .modalFrameTitle .icon[data-v-900d7bc6]:hover{opacity:.8}.modalFrame .modalFrameBox .frameBox[data-v-900d7bc6]{width:100%;height:calc(100% - var(--modalFrameTitHeight) - var(--modalFrameBtnHeight));overflow:hidden}.modalFrame .modalFrameBox .frameBox.frameBtnNone[data-v-900d7bc6]{height:calc(100% - var(--modalFrameTitHeight))}.modalFrame .modalFrameBox .frameBtn[data-v-900d7bc6]{padding:0 20px;width:100%;height:var(--modalFrameBtnHeight);display:flex;justify-content:flex-end;align-items:center}body.modalFrameBody{overflow:hidden}.dialogConfirm[data-v-c6838f88]{padding-top:36px;padding-bottom:22px;width:100%;height:100%;display:flex;flex-direction:column}.dialogConfirm .close[data-v-c6838f88]{position:absolute;top:-14px;right:-16px;width:42px;height:44px;cursor:pointer}.dialogConfirm .headImg[data-v-c6838f88]{position:absolute;left:50%;top:-13px;transform:translate(-50%)}.dialogConfirm .textCon[data-v-c6838f88]{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:0 20px;overflow:hidden}.dialogConfirm .textCon .text[data-v-c6838f88]{font-size:20px;color:#a04d11;line-height:32px}.dialogConfirm .dialogBtn[data-v-c6838f88]{flex-shrink:0;display:flex;justify-content:center;margin-top:6px}.dialogConfirm .dialogBtn>img[data-v-c6838f88]{cursor:pointer;margin-left:12px}.dialogConfirm .dialogBtn>img[data-v-c6838f88]:hover{opacity:.8}.modalFrame.useDialogConfirm{--modalFrameTitHeight:0px}.modalFrame.useDialogConfirm .modalFrameTitle{display:none!important}.modalFrame.useDialogConfirm .modalFrameBox{background:linear-gradient(180deg,#fdfef2,#fdf6de);box-shadow:0 7px 10px 0 #6e6e6e,0 5px 0 0 #ca8e2d;border-radius:20px;border:8px solid #ffdd98;position:relative}.navContainer[data-v-152defe9] .navImg>img{top:72%!important}.homePage[data-v-152defe9]{width:100%;height:100%;padding:50px;display:flex}.homePage .classTypes[data-v-152defe9]{flex-grow:1;display:flex;flex-wrap:wrap;margin-bottom:-30px;margin-left:-30px}.homePage .classTypes .classType[data-v-152defe9]{background:#feffff;box-shadow:0 2px 14px 0 #f1e3cc;border-radius:34px;margin-left:30px;margin-bottom:30px;width:calc(33.33% - 30px);display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.homePage .classTypes .classType[data-v-152defe9]:hover{opacity:.8}.homePage .classTypes .classType>div[data-v-152defe9]{margin-top:10px;font-family:AlimamaFangYuanTiVF;font-weight:700;font-size:28px;color:#393939}.homePage .classTypes .classType>img[data-v-152defe9]{width:100%;max-width:254px}.homePage .courseBoard[data-v-152defe9]{flex-shrink:0;margin-left:50px;margin-top:-35px;width:572px;height:calc(100% + 35px);background:url(/img/bg.2556dca4.png) no-repeat;background-size:cover;position:relative}.homePage .courseBoard .details[data-v-152defe9]{width:100%;position:absolute;display:flex;justify-content:center;align-items:center;top:168px}
|