.tree{margin:0 auto}.tree .ul{display:flex;justify-content:center}.tree .f{width:100%}.tree .treeItem{position:relative;width:100%;min-height:275px;text-align:center}.tree .treeItem .line{word-break:break-all}.tree .treeItem .line-left{left:0}.tree .treeItem .line-left,.tree .treeItem .line-right{position:absolute;top:-64px;width:50%;height:1px;background-color:#e8f1ff}.tree .treeItem .line-right{right:0}.tree .treeItem .content{width:150px;min-height:147px;padding:26px;border-radius:6px}.tree .treeItem .content,.tree .treeItem .line-top{position:absolute;left:0;right:0;margin:0 auto;background-color:#e8f1ff}.tree .treeItem .line-top{top:-64px;width:1px;height:64px}.tree .treeItem .line-bottom{position:absolute;left:0;right:0;margin:0 auto;background-color:#e8f1ff;top:150px;width:1px;height:64px}.treeDiagram{width:100%;height:100%;padding:0 36px 51px;background-color:#f8f8fa}.treeDiagram h1{color:#11142d;line-height:58px}.treeDiagram .treeContainer{width:100%;height:100%;padding:65px;background-color:#fff}.treeDiagram .treeContainer .treeList{width:100%;height:100%;position:relative}.treeDiagram .treeContainer .serach{width:100%;display:flex;align-items:center}.treeDiagram .treeContainer .serach .inputBox-w{width:20%}.treeDiagram .treeContainer .serach .inputBox-w input{width:150px;height:44px;outline:medium;padding:12px 24px;color:#313534;border-radius:6px;background-color:#fff;border:1px solid #dbd7f4;line-height:44px;margin:8px 0;font-size:15px}.treeDiagram .treeContainer .serach .inputBox-w input::-webkit-input-placeholder{color:#c8c8d3;font-size:.32rem}.treeDiagram .treeContainer .serach .inputBox-w .btn{min-width:80px;max-width:150px;color:#fff;border-radius:8px;height:44px;line-height:44px;background:#f35c56}