.teaching-aid-wrapper{height:calc(100vh - 120px)}.teaching-aid-wrapper .h{border-bottom:1px solid #f2f3f5;justify-content:center;align-items:center;height:48px;display:flex}.teaching-aid-wrapper .h .main{justify-content:space-between;align-items:center;width:1120px;height:100%;display:flex}.teaching-aid-wrapper .h .main .l{color:#1d2129;font-size:16px}.teaching-aid-wrapper .h .main .r{color:#1d2129;height:100%;font-size:15px;position:relative}.teaching-aid-wrapper .h .main .r img{object-fit:cover;width:20px;height:20px;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{border-left:1px solid #f2f3f5;border-right:1px solid #f2f3f5;justify-content:center;align-items:center;width:110px;height:100%;display:flex}.teaching-aid-wrapper .h .main .r .download-item{z-index:9;background-color:#fff;width:110px;padding:4px;display:none;position:absolute;top:48px;left:0}.teaching-aid-wrapper .h .main .r .download-item .item{border:1px solid #f2f3f5;border-radius:8px;justify-content:center;align-items:center;height:40px;display:flex}.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 #86909c0a}.teaching-aid-wrapper .box{width:1120px;height:calc(100% - 48px);margin:0 auto;display:flex}.teaching-aid-wrapper .box .r{background-color:#f2f3f5;height:100%;padding:20px 58px;overflow:auto}.teaching-aid-wrapper .box .r .canvas{width:595px;height:842px}.teaching-aid-wrapper .box .r .text-box{border-color:#0000}.teaching-aid-wrapper .box .r .text-box:hover{background-color:#fff;border-color:#c9cdd4}.teaching-aid-wrapper .box .l{border-left:1px solid #f2f3f5;width:410px;display:flex}.teaching-aid-wrapper .box .l .func{color:#c9cdd4;border-right:1px solid #f2f3f5;flex-direction:column;justify-content:flex-start;align-items:center;width:105px;height:100%;padding:20px 12px;font-size:12px;display:flex}.teaching-aid-wrapper .box .l .func span{font-size:14px}.teaching-aid-wrapper .box .l .func .func-item{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px;padding:10px 0;display:flex}.teaching-aid-wrapper .box .l .func .func-item:hover{cursor:pointer;background-color:#f2f3f5}.teaching-aid-wrapper .box .l .func .func-item img{object-fit:cover;border-radius:12px;width:36px;height:36px;margin-bottom:10px}.teaching-aid-wrapper .box .l .func .active{color:#1d2129;background-color:#f2f3f5}.teaching-aid-wrapper .box .l .sel{width:305px;height:100%;overflow:hidden auto}.teaching-aid-wrapper .box .l .sel .card{width:610px;transition:all .3s;display:flex}.teaching-aid-wrapper .box .l .sel .card .list{width:305px;padding:20px 12px}.teaching-aid-wrapper .box .l .sel .card .list .title{color:#1d2129;margin-bottom:20px;font-size:14px}.teaching-aid-wrapper .box .l .sel .card .list .theme{grid-gap:5px;grid-template-columns:repeat(2,1fr);display:grid}.teaching-aid-wrapper .box .l .sel .card .list .theme .item{cursor:pointer;border:1px solid #e5e6eb;border-radius:12px;justify-content:space-between;align-items:center;width:136px;height:60px;padding:4px 4px 4px 10px;display:flex;box-shadow:0 8px 20px #86909c0a}.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{flex-direction:column;display:flex}.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{object-fit:cover;border-radius:8px;width:50px;height:50px}.teaching-aid-wrapper .box .l .sel .card .info{width:305px;padding:20px 12px}.teaching-aid-wrapper .box .l .sel .card .info .t{color:#1d2129;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px;font-size:14px;display:flex}.teaching-aid-wrapper .box .l .sel .card .info .t .b{color:#4e5969;cursor:pointer;align-items:center;font-size:14px;display:flex}.teaching-aid-wrapper .box .l .sel .card .info .t .b img{object-fit:cover;width:20px;height:20px;transform:rotate(180deg)}.teaching-aid-wrapper .box .l .sel .size{padding:20px 12px}.teaching-aid-wrapper .box .l .sel .size .title{color:#1d2129;margin-bottom:20px;font-size:14px}.teaching-aid-wrapper .box .l .sel .size .item{border:1px solid #e5e6eb;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex;box-shadow:0 8px 20px #86909c0a}.teaching-aid-wrapper .box .l .sel .size .item:hover{cursor:pointer;border-color:#c9cdd4}.teaching-aid-wrapper .box .l .sel .size .item .box{background-color:#e5e6eb;border-radius:8px;width:50px;height:50px;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;margin:5px 0;font-size:14px}.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;margin-bottom:20px;font-size:14px}.teaching-aid-wrapper .box .l .sel .ai .c{color:#86909c;margin-bottom:12px;font-size:12px}.teaching-aid-wrapper .box .l .sel .ai .a{cursor:pointer;display:inline-block}.teaching-aid-wrapper .box .l .sel .ai textarea{color:#1d2129;resize:none;border:1px solid #e5e6eb;border-radius:12px;outline:none;width:100%;height:160px;padding:12px 16px;font-size:14px}.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{color:#fff;background-color:#165dff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:16px;font-size:15px;display:flex}.teaching-aid-wrapper .box .l .sel .ai .btn:hover{cursor:pointer;background-color:#165dffcc}