| 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}.chooseDialog[data-v-5e11caca]{width:100%;height:100%;padding:40px}.chooseDialog .close[data-v-5e11caca]{position:absolute;top:-14px;right:-16px;width:42px;height:44px;cursor:pointer}.chooseDialog .chooseCon[data-v-5e11caca]{width:100%;height:100%;display:flex;position:relative}.chooseDialog .chooseCon .imgMid[data-v-5e11caca]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.chooseDialog .chooseCon .chooseBox[data-v-5e11caca]{width:50%;height:100%;background:#f6d7c1;box-shadow:0 2px 3px 0 #a05400;border-radius:17px;padding:5px;position:relative}.chooseDialog .chooseCon .chooseBox:nth-child(2) .operate[data-v-5e11caca]{left:-30px;border-radius:6px 0 0 6px}.chooseDialog .chooseCon .chooseBox:nth-child(2):hover .operate[data-v-5e11caca]{opacity:1}.chooseDialog .chooseCon .chooseBox[data-v-5e11caca]:nth-child(3){margin-left:10px}.chooseDialog .chooseCon .chooseBox:nth-child(3) .operate[data-v-5e11caca]{right:-30px;border-radius:0 6px 6px 0}.chooseDialog .chooseCon .chooseBox:nth-child(3):hover .operate[data-v-5e11caca]{opacity:1}.chooseDialog .chooseCon .chooseBox .operate[data-v-5e11caca]{width:30px;height:68px;background:#fffefb;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .28s;opacity:0}.chooseDialog .chooseCon .chooseBox .operate[data-v-5e11caca]:hover{background-color:#edeff0}.chooseDialog .chooseCon .chooseBox .chooseList[data-v-5e11caca]{width:100%;height:100%;background:#fdf7f0;border-radius:17px;padding:0 40px 0 30px;overflow:hidden}.chooseDialog .chooseCon .chooseBox .chooseList .listItem[data-v-5e11caca]{margin-top:12px;padding:10px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea}.chooseDialog .chooseCon .chooseBox .chooseList .listItem[data-v-5e11caca]:first-child{margin-top:32px}.chooseDialog .chooseCon .chooseBox .chooseList .listItem[data-v-5e11caca]:last-child{border-bottom:none}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .img[data-v-5e11caca]{flex-shrink:0;width:35px;height:40%;position:relative}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .img>img[data-v-5e11caca]:first-child{width:100%}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .img>img[data-v-5e11caca]:nth-child(2){position:absolute;left:0;top:0;z-index:1}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .nameCon[data-v-5e11caca]{margin-left:7px;flex-grow:1}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .nameCon .name[data-v-5e11caca]{font-weight:600;font-size:16px;color:#333;line-height:22px}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .nameCon .text[data-v-5e11caca]{font-weight:400;font-size:12px;color:#777;line-height:17px}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .play[data-v-5e11caca]{flex-shrink:0;width:64px;height:24px;background:linear-gradient(180deg,#ffab71,#ff6e45);border-radius:12px;line-height:24px;text-align:center;font-weight:500;font-size:12px;color:#fff;letter-spacing:1px;cursor:pointer}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .play[data-v-5e11caca]:hover{opacity:.8}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .play.disabled[data-v-5e11caca]{background:linear-gradient(180deg,#d3d3d3,#b5b5b5);cursor:not-allowed}.chooseDialog .chooseCon .chooseBox .chooseList .listItem .play.disabled[data-v-5e11caca]:hover{opacity:1}.modalFrame.chooseDialog{--modalFrameTitHeight:0px}.modalFrame.chooseDialog .modalFrameTitle{display:none!important}.modalFrame.chooseDialog .modalFrameBox{background:url(/img/bg.c28f3031.png) no-repeat;background-size:cover;box-shadow:none}.cloudTextbooks[data-v-15c37a04]{width:100%;height:100%}.cloudTextbooks .headCon[data-v-15c37a04]{padding:40px 26px;display:flex;flex-direction:row-reverse}.cloudTextbooks .headCon .operate[data-v-15c37a04]{display:flex}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.classTypes{flex-shrink:0;width:150px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.classTypes .el-input{--el-input-text-color:#333;font-size:16px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.classTypes .el-input__suffix{font-size:14px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.classTypes .el-input__wrapper{border-radius:20px;box-shadow:none;padding:1px 26px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.classTypes .el-input__wrapper .el-input__inner{--el-input-inner-height:40px;text-align:center}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect{margin-left:12px;width:382px;background:#fff;border-radius:21px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect.el-input{--el-input-text-color:#333;font-size:16px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect .el-input-group__prepend{background-color:transparent;box-shadow:none;padding:0 0 0 15px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect .el-input-group__append{background-color:transparent;box-shadow:none;padding:0 4px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect .el-input__wrapper{box-shadow:none}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect .el-input__wrapper .el-input__inner{--el-input-inner-height:40px}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect .btnSelect{width:70px;height:36px;background:linear-gradient(180deg,#ffab71,#ff6e45),#ffad49;border-radius:21px;font-weight:500;font-size:16px;color:#fff;line-height:36px;text-align:center;cursor:pointer}.cloudTextbooks .headCon .operate[data-v-15c37a04]>.iptSelect .btnSelect:hover{opacity:.8}.cloudTextbooks .cloudTextbooksCon[data-v-15c37a04]{height:calc(100% - 122px)}.cloudTextbooks .cloudTextbooksCon[data-v-15c37a04]>.elScrollbar .el-scrollbar__wrap{overflow-x:hidden}.cloudTextbooks .cloudTextbooksCon[data-v-15c37a04]>.elScrollbar .el-scrollbar__bar.is-vertical{width:4px;right:0}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox[data-v-15c37a04]{display:flex;flex-direction:column;align-items:center;min-width:1500px}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox .bookshelf[data-v-15c37a04]{width:1500px;padding:0 116px;margin-bottom:70px;display:flex;flex-wrap:wrap;background:url(/img/sj.7d3a4b96.png) no-repeat;background-size:contain;background-position-y:120px}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox .bookshelf[data-v-15c37a04]:last-child{margin-bottom:0}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox .bookshelf .book[data-v-15c37a04]{width:20%;text-align:center;position:relative}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox .bookshelf .book .img[data-v-15c37a04]{cursor:pointer;width:172px;height:212px}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox .bookshelf .book .img[data-v-15c37a04]:hover{opacity:.8}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox .bookshelf .book .name[data-v-15c37a04]{margin-top:50px;font-weight:400;font-size:19px;color:#393939;line-height:26px}.cloudTextbooks .cloudTextbooksCon .cloudTextbooksBox .bookshelf .book .courseNum[data-v-15c37a04]{position:absolute;left:50%;top:176px;transform:translateX(-50%);background:#fff;padding:0 10px;border-radius:13px;opacity:.83;line-height:25px;font-weight:400;font-size:16px;color:#6b3c2d}
|
