.work-book-new-dialog{border-radius:10px;text-align:center}.work-book-new-dialog h4{font-size:16px;font-weight:400;color:#1f1f40;margin-bottom:12px}.work-book-new-dialog .el-input{width:170px;font-size:16px}.work-book-new-dialog .el-input__inner{padding:0;border-top:none;border-left:none;border-right:none;border-radius:0}.work-book-new-dialog .el-input__inner:focus{border-color:#3b86ff}.work-book-new-dialog .el-dialog__footer{text-align:center;padding-bottom:39px}.work-book-new-dialog .el-dialog__body{padding:10px 20px 15px 20px!important}.work-book-new-dialog .el-button{width:100px;border:none}.work-book-new-dialog .sure-btn,.work-book-new-dialog .sure-btn:focus,.work-book-new-dialog .sure-btn:hover{color:#fff;background:#3b86ff}.work-book-new-dialog .close-btn{color:#1f1f40}.work-book-new-dialog .close-btn:focus,.work-book-new-dialog .close-btn:hover{color:#3b86ff;background:#c9e2ff}.work-book-new-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#3b86ff}.work-book-dropdown{background:rgba(58,58,58,.8)}.work-book-dropdown .el-dropdown-menu__item{color:#fff}.work-book-dropdown .el-dropdown-menu__item:hover{background-color:transparent!important;color:#fff!important}.work-book-dropdown.el-popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:rgba(58,58,58,.8);top:0}.work-book-view{color:#1f1f40}.work-book-view h2{font-size:18px;margin-top:10px}.work-book-view .edit-content{position:relative;width:170px}.work-book-view .edit-content .edit-input .el-input__inner{padding:0;border-top:none;border-left:none;border-right:none;border-radius:0}.work-book-view .edit-content .edit-input .el-input__inner:focus{border-color:#3b86ff}.work-book-view .edit-content .edit-btn{position:absolute;right:0;color:#3b86ff;background:#c9e2ff;border:none}.work-book-view .edit-content .edit-btn:focus,.work-book-view .edit-content .edit-btn:hover{color:#fff;background:#3b86ff}.work-book-view .user-content .list-item{border:1px solid #c9e2ff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}.work-book-view .user-content .list-item .learn-btn{color:#1f1f40}.work-book-view .user-content .list-item .learn-btn:focus,.work-book-view .user-content .list-item .learn-btn:hover{color:#3b86ff;background:#c9e2ff}.work-book-view .base-content .list-item{background:#4a4a58;border:1px solid #4a4a58;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}.work-book-view .base-content .list-item h3{color:#fff}.work-book-view .base-content .list-item .num,.work-book-view .base-content .list-item .progress{color:#9c9c9c}.work-book-view .base-content .list-item .progress .el-progress-bar__outer{background-color:hsla(0,0%,100%,.5)}.work-book-view .base-content .list-item .learn-btn{color:#fff;background:hsla(0,0%,100%,.2)}.work-book-view .base-content .list-item .learn-btn:focus,.work-book-view .base-content .list-item .learn-btn:hover{color:#fff;background:#3b86ff}.work-book-view .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:10px -1.16% 0}.work-book-view .list .list-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 1.16% 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 32px 28px 32px;width:31%;height:180px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:all .1s ease;transition:all .1s ease}.work-book-view .list .list-item:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.work-book-view .list .list-item h3{font-size:20px;font-weight:400}.work-book-view .list .list-item .num{color:#9c9c9c;font-size:14px;margin-bottom:5px}.work-book-view .list .list-item .learn-btn{position:absolute;right:32px;bottom:28px;border:none}.work-book-view .list .list-item .progress{width:170px;color:#9c9c9c;font-size:12px}.work-book-view .list .list-item .progress .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:15px}.work-book-view .list .list-item .el-dropdown{position:absolute;top:30px;right:16px}.work-book-view .list .list-item .el-dropdown .more-btn{color:#dcdcdc}.work-book-view .list .list-item .click-content{position:absolute;left:0;top:0;width:100%;height:100%}.work-book-view .list .add-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border:2px dashed #dcdcdc;cursor:pointer}.work-book-view .list .add-btn:hover{border:2px dashed #dcdcdc}.work-book-view .list .add-btn i{color:#dcdcdc;font-size:34px}.del-word-type-dialog{border-radius:10px}.del-word-type-dialog .el-button--primary{background:#3b86ff;border-color:#3b86ff;border-radius:5px;padding:4px 18px}.del-word-type-dialog .el-message-box__header{padding-top:33px}.del-word-type-dialog .el-message-box__content{padding:0 15px}.del-word-type-dialog .el-button:not(.el-button--primary){color:#3b86ff;padding:4px 18px;border:none}.del-word-type-dialog .el-button:not(.el-button--primary) .f-icon{color:#7c8084}.del-word-type-dialog .el-button:not(.el-button--primary).active,.del-word-type-dialog .el-button:not(.el-button--primary):hover{color:#3b86ff;background:#ecf3ff;border-color:#3b86ff}.del-word-type-dialog .el-button:not(.el-button--primary).active .f-icon,.del-word-type-dialog .el-button:not(.el-button--primary):hover .f-icon{color:#3b86ff}.del-word-type-dialog .el-button:not(.el-button--primary):focus{color:#7c8084;background:#fff;border:1px solid #dcdfe6}.del-word-type-dialog .el-button:not(.el-button--primary):focus.active,.del-word-type-dialog .el-button:not(.el-button--primary):focus:hover{color:#3b86ff;background:#ecf3ff;border-color:#3b86ff}.del-word-type-dialog .el-button:not(.el-button--primary):focus.active .f-icon,.del-word-type-dialog .el-button:not(.el-button--primary):focus:hover .f-icon{color:#3b86ff}