.empty-content{padding:50px 0 30px;color:#bcbccb;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.empty-content i{margin-right:6px}.word-book-list{color:#1f1f40}.word-book-list h2{font-size:18px;margin:22px 0 8px}.word-book-list .back{font-size:14px;margin:6px 0 10px}.word-book-list .back i{display:inline-block;font-size:12px;-webkit-transform:rotate(180deg);transform:rotate(180deg);vertical-align:text-top}.word-book-list .back span{cursor:pointer}.word-book-list .header-content{padding:30px 50px 30px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:10px}.word-book-list .header-content h3{font-size:24px}.word-book-list .header-content p{color:#9c9c9c;font-size:14px;margin:7px 0 15px}.word-book-list .header-content .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.word-book-list .header-content .list .item{width:32%;height:65px;border-radius:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #dcdcdc}.word-book-list .header-content .list .item,.word-book-list .select-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.word-book-list .select-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.word-book-list .select-content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.word-book-list .select-content ul .line{margin-right:18px;height:36px;border-right:1px solid #f0f0f5}.word-book-list .select-content ul li{min-width:89px;height:36px;margin-right:18px;color:#1f1f40;line-height:36px;text-align:center;background:#f4f4f4;border-radius:50px;cursor:pointer;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.word-book-list .select-content ul li>i{margin-right:6px;font-size:14px}.word-book-list .select-content ul li.active,.word-book-list .select-content ul li:hover{background:#3b86ff;color:#fff}.word-book-list .select-content ul li.active.sort-select span,.word-book-list .select-content ul li:hover.sort-select span{color:#fff}.word-book-list .select-content ul li.sort-select{border-radius:6px}.word-book-list .select-content ul li.sort-select span{font-size:16px}.word-book-list .select-content .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.word-book-list .select-content .total{margin-right:18px;color:#9c9c9c;font-size:14px}.word-book-list .select-content .learn-btn{color:#fff;background:#3b86ff;border-color:#3b86ff}.word-book-list .select-content .learn-btn:focus,.word-book-list .select-content .learn-btn:hover{color:#fff;background:#3b86ff}.word-book-list .select-content .learn-btn.is-disabled{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.word-book-list .word-book-list-content{margin:20px auto 0}.word-book-list .word-book-list-content .name{width:300px;-ms-flex-negative:0;flex-shrink:0}.word-book-list .word-book-list-content .del-btn{font-size:14px;color:#d5d5d5;cursor:pointer;margin-left:9px}.word-book-list .word-book-list-content .del-btn:hover{color:#3b86ff}.word-book-list .word-book-list-content .phonetic{width:250px;-ms-flex-negative:0;flex-shrink:0}.word-book-list .word-book-list-content .explains{width:460px;word-break:break-word}.word-book-list .word-book-list-content .join{width:200px;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}.word-book-list .word-book-list-content .join i{color:#bfbfbf;font-size:18px;display:inline-block;-webkit-transform:translateY(2px);transform:translateY(2px)}.word-book-list .word-book-list-content .join i:hover{color:#3b86ff}.word-book-list .word-book-list-content .checkbox{width:100px;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;text-align:center}.word-book-list .word-book-list-content .words-name{display:inline-block;width:180px}.word-book-list .word-book-list-content .words-name>span{cursor:pointer}.word-book-list .word-book-list-content .words-name>span:hover{text-decoration:underline}.word-book-list .word-book-list-content .el-checkbox__input .el-checkbox__inner:hover{border:1px solid #3b86ff}.word-book-list .word-book-list-content .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#d7e7ff}.word-book-list .word-book-list-content .el-checkbox__input.is-focus .el-checkbox__inner:hover{border:1px solid #3b86ff}.word-book-list .word-book-list-content .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#3b86ff;border-color:#3b86ff}.word-book-list .word-book-list-content .el-checkbox__input.is-checked .el-checkbox__inner:after{border:2px solid #fff;border-left:0;border-top:0}.word-book-list .word-book-list-content .word-list-content{background:#fff;border-radius:10px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}.word-book-list .word-book-list-content .word-list-content.hasList{min-height:500px}.word-book-list .word-book-list-content .word-list-content ul{padding:0 40px}.word-book-list .word-book-list-content .word-list-content ul li{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0;color:#1f1f40;font-size:14px;border-bottom:1px solid #ebebf2}.word-book-list .word-book-list-content .word-list-content ul li:last-child{border:none}.word-book-list .word-book-list-content .word-list-content ul li .play-btn{font-size:14px;color:#3b86ff;cursor:pointer}.word-book-list .word-book-list-content .word-list-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 40px;height:90px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.word-book-list .word-book-list-content .word-list-pagination{text-align:center;margin-top:15px;padding-bottom:100px}.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .btn-next,.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .btn-prev,.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .el-pager li{border:1px solid #c7cade;border-radius:3px;margin:0 3px;color:#c7cade}.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .el-pager li.active{border:1px solid #3b86ff;color:#3b86ff}.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .btn-next,.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .btn-prev{padding:0 4px}.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .el-pager li.btn-quicknext,.word-book-list .word-book-list-content .word-list-pagination.el-pagination--small .el-pager li.btn-quickprev{border:none}.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}