.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-list{margin:0 auto;width:1014px}.word-list .name{width:250px;-ms-flex-negative:0;flex-shrink:0}.word-list .phonetic{width:200px;-ms-flex-negative:0;flex-shrink:0}.word-list .explains{width:460px;-ms-flex-negative:0;flex-shrink:0}.word-list .words-name{display:inline-block;width:160px}.word-list .word-list-content{background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.word-list .word-list-content.hasList{min-height:780px}.word-list .word-list-content ul{padding:0 40px}.word-list .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-list .word-list-content ul li:last-child{border:none}.word-list .word-list-content ul li .play-btn{font-size:14px;color:#3b86ff;cursor:pointer}.word-list .word-list-content ul li .del-btn{font-size:14px;color:#d5d5d5;cursor:pointer;margin-left:auto}.word-list .word-list-content ul li .del-btn:hover{color:#3b86ff}.word-list .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 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.word-list .word-list-pagination{text-align:center;margin-top:15px}.word-list .word-list-pagination.el-pagination--small .btn-next,.word-list .word-list-pagination.el-pagination--small .btn-prev,.word-list .word-list-pagination.el-pagination--small .el-pager li{border:1px solid #c7cade;border-radius:3px;margin:0 3px;color:#c7cade}.word-list .word-list-pagination.el-pagination--small .el-pager li.active{border:1px solid #3b86ff;color:#3b86ff}.word-list .word-list-pagination.el-pagination--small .btn-next,.word-list .word-list-pagination.el-pagination--small .btn-prev{padding:0 4px}.word-list .word-list-pagination.el-pagination--small .el-pager li.btn-quicknext,.word-list .word-list-pagination.el-pagination--small .el-pager li.btn-quickprev{border:none}.del-words-dialog .el-button--primary{background:#3b86ff;border-color:#3b86ff;border-radius:5px;padding:4px 18px}.del-words-dialog .el-message-box__header{padding-top:30px}.del-words-dialog .el-message-box__content{padding:0 15px}.del-words-dialog .el-button:not(.el-button--primary){color:#7c8084;padding:4px 18px;border-radius:5px}.del-words-dialog .el-button:not(.el-button--primary) .f-icon{color:#7c8084}.del-words-dialog .el-button:not(.el-button--primary).active,.del-words-dialog .el-button:not(.el-button--primary):hover{color:#3b86ff;background:#ecf3ff;border-color:#3b86ff}.del-words-dialog .el-button:not(.el-button--primary).active .f-icon,.del-words-dialog .el-button:not(.el-button--primary):hover .f-icon{color:#3b86ff}.del-words-dialog .el-button:not(.el-button--primary):focus{color:#7c8084;background:#fff;border:1px solid #dcdfe6}.del-words-dialog .el-button:not(.el-button--primary):focus.active,.del-words-dialog .el-button:not(.el-button--primary):focus:hover{color:#3b86ff;background:#ecf3ff;border-color:#3b86ff}.del-words-dialog .el-button:not(.el-button--primary):focus.active .f-icon,.del-words-dialog .el-button:not(.el-button--primary):focus:hover .f-icon{color:#3b86ff}