.teaching-aid-wrapper{height:calc(100vh - 80px - 40px)}.teaching-aid-wrapper .h{border-bottom:1px solid #f2f3f5;height:48px;display:flex;align-items:center;justify-content:center}.teaching-aid-wrapper .h .main{width:1120px;display:flex;justify-content:space-between;height:100%;align-items:center}.teaching-aid-wrapper .h .main .l{color:#1d2129;font-size:16px}.teaching-aid-wrapper .h .main .r{position:relative;color:#1d2129;font-size:15px;height:100%}.teaching-aid-wrapper .h .main .r img{width:20px;height:20px;object-fit:cover;margin-right:5px}.teaching-aid-wrapper .h .main .r:hover{cursor:pointer}.teaching-aid-wrapper .h .main .r:hover .download-item{display:block}.teaching-aid-wrapper .h .main .r .download-btn{width:110px;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #f2f3f5;border-left:1px solid #f2f3f5}.teaching-aid-wrapper .h .main .r .download-item{display:none;position:absolute;left:0;top:48px;width:110px;background-color:#fff;padding:4px;z-index:9}.teaching-aid-wrapper .h .main .r .download-item .item{display:flex;align-items:center;justify-content:center;height:40px;border-radius:8px;border:1px solid #f2f3f5}.teaching-aid-wrapper .h .main .r .download-item .item:nth-child(2){margin-top:5px}.teaching-aid-wrapper .h .main .r .download-item .item:hover{cursor:pointer;background-color:#e5e6eb;box-shadow:0 8px 20px 0 rgba(134,144,156,.04)}.teaching-aid-wrapper .box{width:1120px;display:flex;margin:0 auto;height:calc(100% - 48px)}.teaching-aid-wrapper .box .r{background-color:#f2f3f5;height:100%;overflow:auto;padding:20px 58px}.teaching-aid-wrapper .box .r .canvas{width:595px;height:842px}.teaching-aid-wrapper .box .r .text-box{border-color:transparent}.teaching-aid-wrapper .box .r .text-box:hover{background-color:#fff;border-color:#c9cdd4}.teaching-aid-wrapper .box .l{width:410px;border-left:1px solid #f2f3f5;display:flex}.teaching-aid-wrapper .box .l .func{height:100%;width:105px;padding:20px 12px;border-right:1px solid #f2f3f5;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-size:12px;color:#c9cdd4}.teaching-aid-wrapper .box .l .func span{font-size:14px}.teaching-aid-wrapper .box .l .func .func-item{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;width:100%;margin-top:20px;padding:10px 0}.teaching-aid-wrapper .box .l .func .func-item:hover{cursor:pointer;background-color:#f2f3f5}.teaching-aid-wrapper .box .l .func .func-item img{width:36px;height:36px;object-fit:cover;margin-bottom:10px;border-radius:12px}.teaching-aid-wrapper .box .l .func .active{background-color:#f2f3f5;color:#1d2129}.teaching-aid-wrapper .box .l .sel{width:305px;overflow-y:auto;overflow-x:hidden;height:100%}.teaching-aid-wrapper .box .l .sel .card{width:610px;display:flex;transition:all .3s}.teaching-aid-wrapper .box .l .sel .card .list{padding:20px 12px;width:305px}.teaching-aid-wrapper .box .l .sel .card .list .title{color:#1d2129;font-size:14px;margin-bottom:20px}.teaching-aid-wrapper .box .l .sel .card .list .theme{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px}.teaching-aid-wrapper .box .l .sel .card .list .theme .item{border:1px solid #e5e6eb;box-shadow:0 8px 20px 0 rgba(134,144,156,.04);padding:4px 4px 4px 10px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;width:136px;height:60px;cursor:pointer}.teaching-aid-wrapper .box .l .sel .card .list .theme .item:hover{border-color:#c9cdd4}.teaching-aid-wrapper .box .l .sel .card .list .theme .item .ls{display:flex;flex-direction:column}.teaching-aid-wrapper .box .l .sel .card .list .theme .item .ls .n{color:#1d2129;font-size:14px}.teaching-aid-wrapper .box .l .sel .card .list .theme .item .ls .e{color:#c9cdd4;font-size:12px;line-height:12px}.teaching-aid-wrapper .box .l .sel .card .list .theme .item img{width:50px;height:50px;object-fit:cover;border-radius:8px}.teaching-aid-wrapper .box .l .sel .card .info{width:305px;padding:20px 12px}.teaching-aid-wrapper .box .l .sel .card .info .t{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:14px;padding:0 10px;margin-bottom:20px}.teaching-aid-wrapper .box .l .sel .card .info .t .b{display:flex;align-items:center;color:#4e5969;font-size:14px;cursor:pointer}.teaching-aid-wrapper .box .l .sel .card .info .t .b img{width:20px;height:20px;object-fit:cover;transform:rotate(180deg)}.teaching-aid-wrapper .box .l .sel .size{padding:20px 12px}.teaching-aid-wrapper .box .l .sel .size .title{color:#1d2129;font-size:14px;margin-bottom:20px}.teaching-aid-wrapper .box .l .sel .size .item{border-radius:16px;border:1px solid #e5e6eb;box-shadow:0 8px 20px 0 rgba(134,144,156,.04);display:flex;align-items:center;padding:12px;justify-content:space-between;margin-bottom:12px}.teaching-aid-wrapper .box .l .sel .size .item:hover{border-color:#c9cdd4;cursor:pointer}.teaching-aid-wrapper .box .l .sel .size .item .box{width:50px;height:50px;background-color:#e5e6eb;border-radius:8px;margin:0}.teaching-aid-wrapper .box .l .sel .size .item .box2{width:75px;height:75px}.teaching-aid-wrapper .box .l .sel .size .item .box3{width:100px;height:100px}.teaching-aid-wrapper .box .l .sel .size .item .b{color:#1d2129;font-size:16px}.teaching-aid-wrapper .box .l .sel .size .item .n{color:#86909c;font-size:14px;margin:5px 0}.teaching-aid-wrapper .box .l .sel .size .item .d{color:#c9cdd4;font-size:14px}.teaching-aid-wrapper .box .l .sel .size .active{border-color:#165dff!important;box-shadow:0 0 0 4px #bedaff!important}.teaching-aid-wrapper .box .l .sel .ai{padding:20px 12px}.teaching-aid-wrapper .box .l .sel .ai .title{color:#1d2129;font-size:14px;margin-bottom:20px}.teaching-aid-wrapper .box .l .sel .ai .c{font-size:12px;color:#86909c;margin-bottom:12px}.teaching-aid-wrapper .box .l .sel .ai .a{cursor:pointer;display:inline-block}.teaching-aid-wrapper .box .l .sel .ai textarea{outline:none;width:100%;height:160px;color:#1d2129;font-size:14px;border:1px solid #e5e6eb;border-radius:12px;padding:12px 16px;resize:none}.teaching-aid-wrapper .box .l .sel .ai textarea:focus{border-color:#165dff;box-shadow:0 0 0 3px #bedaff}.teaching-aid-wrapper .box .l .sel .ai textarea::placeholder{color:#c9cdd4;font-size:14px}.teaching-aid-wrapper .box .l .sel .ai .btn{border-radius:12px;background-color:#165dff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;height:48px;margin-top:16px;width:100%}.teaching-aid-wrapper .box .l .sel .ai .btn:hover{background-color:rgba(22,93,255,.8);cursor:pointer}