.production{height:100%}.production .menu{width:100px;border-radius:5px;background-color:#eee;text-align:left;cursor:pointer;position:absolute;top:0;left:0;z-index:1000;display:none}.production .menu a{text-decoration:none;display:inline-block;background-color:#eee;padding:5px 10px;text-align:left;height:20px;width:100%}.production .menu a img{height:16px}.production .menu a span{margin-left:5px}.production .menu a:hover{background-color:#ccc}.production .page{padding:0 10px}.production .el-container{height:100%}.production .etv-bottom-tree{padding:15px 0;box-sizing:border-box;width:100%;height:100%;background:#2b3a4f}.production .etv-bottom-tree .btn{height:40px;width:100%;padding:0 15px;box-sizing:border-box}.production .etv-bottom-tree .btn .el-button{padding:5px 10px;width:100%}.production .etv-bottom-tree .el-tree{height:calc(100% - 30px);width:100%;background:#2b3a4f!important;color:#fff}.production .etv-bottom-tree .el-tree .el-tree-node__content:hover{background:#424e5f!important;color:#fff}.production .etv-bottom-tree .el-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background:#424e5f!important;background:#424e5f;color:#fff}.production .etv-bottom-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.production .etv-bottom-tree .el-tree .el-tree-node:focus>.el-tree-node__content{background:#424e5f;color:#fff}.production .productionList{height:calc(100% - 35px);display:flex;flex-wrap:wrap;justify-content:flex-start}.production .productionList .template-item:first-of-type{font-size:60px;color:#fff}.production .productionList .template-item:first-of-type i{font-size:80px}.production .productionList .template-item{width:240px;height:385px;vertical-align:top;font-size:12px;overflow:hidden;border-radius:5px;transition:.3s;padding:0 10px;margin-bottom:20px}.production .productionList .template-item .template-item-con{width:100%;height:100%;background:#54d98c;display:flex;justify-content:center;align-items:center;position:relative}.production .productionList .template-item .template-item-con img{width:100%;height:100%}.production .productionList .template-item .template-item-con .template-title{position:absolute;height:120px;width:100%;left:0;bottom:0;background:#fff;padding:10px 15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}.production .productionList .template-item .template-item-con .template-title .template-title-name{width:100%;height:25px;line-height:25px;text-overflow:ellipsis;white-space:normal;font-size:16px}.production .productionList .template-item .template-item-con .template-title .create-time{height:25px;font-size:12px}.production .productionList .template-item .template-item-con .template-title .create-time span{font-size:inherit}.production .productionList .template-item .template-item-con .template-title .template-btns{display:flex;justify-content:space-around}.production .productionList .template-item .template-item-con .template-title .template-btns .el-button+.el-button{margin-left:5px}