#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}h1[data-v-d8ec41bc],h2[data-v-d8ec41bc]{font-weight:400}ul[data-v-d8ec41bc]{list-style-type:none;padding:0}li[data-v-d8ec41bc]{display:inline-block;margin:0 10px}a[data-v-d8ec41bc]{color:#42b983}.tranceContainer{width:900px;margin:0 auto;padding:5px;background:#fbfcfc;max-height:600px;overflow:auto}.tranceContainer::-webkit-scrollbar{width:8px;-webkit-transition:opacity .12s ease-out;transition:opacity .12s ease-out}.tranceContainer::-webkit-scrollbar-track{background-color:#fff;border-radius:2em}.tranceContainer::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:2em}.UserBehaviorCard{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-bottom:15px;-webkit-animation:slideup .3s forwards;animation:slideup .3s forwards;-webkit-animation-delay:.15s;animation-delay:.15s;opacity:0}.UserBehaviorCard .LeftTypeLine{width:30px}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer{position:relative;height:24px;width:24px;border-radius:50%;margin-right:5px;margin-top:5px;padding:4px;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer .CellTypeIcon{height:16px;width:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer.RequestTypeBg{background:#2ca3c0}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer.ClickTypeBg{background:#61ba7b}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer.ConsoleTypeBg{background:#efb74b}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer.ErrorTypeBg{background:#db3522}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer.NavpushTypeBg{background:#ca23ec}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer .RequestIconBg{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik0yNzYuNTcgODQuMDU0TDgwLjI2OCAzMTQuMDFoMTM0Ljk1N3YzMzkuOTM2SDM3NC43MlYzMTQuMDFoMTQ3LjIyNnpNNjA0LjQxIDM4NC4wMzd2MzM5Ljk1N0g0NjYuMDM4bDIxOS4wOTIgMjQ5Ljk3IDIxOS4wOTItMjQ5Ljk3SDc2NS44NDdWMzg0LjAzN3oiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);background-size:100%}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer .ClickIconBg{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik00NTUuNjggNDA0LjAzMmw5MS4yNjQgNTI5LjE1MnM2Ny40NTYtNjkuNDQgMTIzLjEzNi0xMTcuODg4TDc5Mi41MTIgOTc5LjJjNC45MjggNi42NTYgMTUuNjggNy4xMDQgMjMuODcyIDEuMDg4bDUyLjI4OC0zOC4yMDhjOC4yNTYtNi4wMTYgMTAuOTQ0LTE2LjMyIDUuOTUyLTIyLjk3Nkw3NTUuNTIgNzU5LjY4YzYyLjIwOC0yNS4wODggMTY0LjY3Mi01My42MzIgMTY0LjY3Mi01My42MzJMNDU1LjY4IDQwNC4wMzJ6TTMwOC4zNTIgNjQ4LjM4NEwxNzIuNDggNzQ3LjcxMmMtMjAuNTQ0IDE1LjA0LTI0LjI1NiA0My45NjgtOCA2NS40MDggMTYuMjU2IDIxLjM3NiA0Ni4yNzIgMjcuMDA4IDY2Ljc1MiAxMi4wMzJsMTM1Ljg3Mi05OS4zMjhjMjAuOTkyLTE1LjM2IDI0LjUxMi00NS41MDQgOC4yNTYtNjYuODgtMTYuMTkyLTIxLjQ0LTQ2LjAxNi0yNS45Mi02Ny4wMDgtMTAuNTZ6bTY0MS4zNDQtNDA5LjQwOEM5MzMuNDQgMjE3LjYgOTA0LjA2NCAyMTIuOCA4ODIuNjI0IDIyOC40OGwtMTM0LjkxMiA5OC42ODhjLTIxLjQ0IDE1LjY4LTI1LjE1MiA0NC42NzItOC44OTYgNjYuMDQ4IDE2LjI1NiAyMS4zNzYgNDYuMjcyIDI3LjAwOCA2Ny43MTIgMTEuMzI4bDEzNC45MTItOTguNjg4YzIxLjQ0LTE1LjY4IDI0LjUxMi00NS41MDQgOC4yNTYtNjYuODh6bS02MzAuNC0xMDIuMTQ0Yy0xNS45MzYtMjAuOTI4LTQ1LjI0OC0yNS43MjgtNjYuNzUyLTEwLjA0OC0yMC4wOTYgMTQuNzItMjQuMjU2IDQzLjk2OC04LjMyIDY0Ljg5NkwzNDkuNzYgMzMwLjQ5NmMxNS45MzYgMjAuOTkyIDQ1LjY5NiAyNS40MDggNjUuNzkyIDEwLjY4OCAyMS40NC0xNS42OCAyNS4yMTYtNDQuNjA4IDkuMjgtNjUuNkwzMTkuMjk2IDEzNi44MzJ6TTU4NS43OTIgMzAxLjc2YzI2LjE3NiA0LjIyNCA1MC4yNC0xMy4zNzYgNTMuNjMyLTM5LjIzMkw2NjAuNjA4IDk0LjcyYzMuMzkyLTI1Ljc5Mi0xNC45NzYtNDkuOTg0LTQxLjUzNi01NC42NTYtMjYuMTc2LTQuMjI0LTUwLjI0IDEzLjM3Ni01My42MzIgMzkuMTY4bC0yMS4yNDggMTY3Ljg3MmMtMy4yNjQgMjUuODU2IDE1LjEwNCA0OS45ODQgNDEuNiA1NC42NTZ6TTMyOS43MjggNDg5LjAyNGMyLjU2LTI1LjkyLTE1LjgwOC01MC4wNDgtNDEuNTM2LTU0LjY1NkwxMTguMTQ0IDQwNi40Yy0yNy4wNzItMy41ODQtNTAuNjg4IDEzLjY5Ni01My42MzIgMzkuMjMyLTMuOTA0IDI2Ljk0NCAxNC40NjQgNTEuMDcyIDQxLjUzNiA1NC42NTZsMTcwLjA0OCAyNy45NjhjMjUuNzI4IDQuNDggNDkuNDA4LTEyLjggNTMuNjMyLTM5LjIzMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);background-size:100%}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer .ConsoleIconBg{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik04NTMuMzMzIDgxMC42Njd2LTUxMkgxNzAuNjY3djUxMmg2ODIuNjY2bTAtNjgyLjY2N2E4NS4zMzMgODUuMzMzIDAgMDE4NS4zMzQgODUuMzMzdjU5Ny4zMzRBODUuMzMzIDg1LjMzMyAwIDAxODUzLjMzMyA4OTZIMTcwLjY2N2E4NS4zMzMgODUuMzMzIDAgMDEtODUuMzM0LTg1LjMzM1YyMTMuMzMzQTg1LjMzMyA4NS4zMzMgMCAwMTE3MC42NjcgMTI4aDY4Mi42NjZNNTU0LjY2NyA3MjUuMzMzVjY0MEg3Njh2ODUuMzMzSDU1NC42NjdtLTE0NS45Mi0xNzAuNjY2TDIzNy42NTMgMzg0SDM1OC40bDE0MC44IDE0MC44YzE2LjY0IDE2LjY0IDE2LjY0IDQzLjk0NyAwIDYwLjU4N0wzNTkuMjUzIDcyNS4zMzNIMjM4LjUwN3oiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);background-size:100%}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer .ErrorIconBg{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik01MjkuNTc2IDMyLjM4YzQxLjQ5NCAwIDc2LjY4MyAxNC45MDkgMTA1LjU2OSA0NC43NDIgMzguNjk0IDM5LjE1IDU4LjAyOCA5NC42MjcgNTguMDI4IDE2Ni40MDYgMCA0Ny41NC04LjI5MyA5OC43MDktMjQuODMyIDE1My40OTctMTYuNTUzIDU0Ljc4Mi0zOC41ODggMTAzLjYxMy02Ni4wOTUgMTQ2LjQ4NC0zMS4yNDMgNDguNDk2LTU2LjQwNCA3Mi43MTctNzUuNTA2IDcyLjcxNy0xOC42NTUgMC00NC45ODEtMzAuOTk3LTc5LjAxMi05My4wMDctMjUuMTYzLTQ1LjY3OC00NS4xMDQtOTQuNjIzLTU5Ljc3OC0xNDYuODM3LTE0LjY3Ny01Mi4yMDUtMjIuMDMyLTk5Ljk5Ny0yMi4wMzItMTQzLjM1NiAwLTUzLjEyNiAxMS44ODItOTcuNjUxIDM1LjY2Ni0xMzMuNTQxIDI5LjM2OS00NC43NDIgNzIuMDI1LTY3LjEzNyAxMjcuOTctNjcuMTM3em0zLjQ5NyA2NjAuNzcyYzQwLjU0MyAwIDc1LjI3NiAxNS4xNjggMTA0LjE5MiA0NS40MzkgMjguODk4IDI5LjgzMyA0My4zNjQgNjQuNzkzIDQzLjM2NCAxMDQuOTAyIDAgNDEuNDk0LTE0LjkxNiA3Ny4yNTctNDQuNzQyIDEwNy4zMy0yOS44MzMgMzAuMDU1LTY1LjUwOSA0NS4wOTQtMTA2Ljk5MyA0NS4wOTQtNDAuNTQzIDAtNzUuMjg5LTEzLjc0LTEwNC4xOTItNDEuMjQxLTMxLjI0My0yOS44MjctNDYuODMzLTY2LjY1My00Ni44MzMtMTEwLjQ2OSAwLTQwLjU0MyAxMy43NC03NC44MzIgNDEuMjQxLTEwMi44MDMgMzAuNzc3LTMyLjE1MSA2OC43NTktNDguMjQ3IDExMy45ODEtNDguMjQ3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);background-size:100%}.UserBehaviorCard .LeftTypeLine .CellTypeIconContainer .NavpushIconBg{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik02MzQuNzAyIDYzNS4yNDJjLTExOS42MTgtNi42MTYtMjMzLjk0MiAxMi4xOTUtMzQzLjMzIDU5LjE4Mi0xMTAuMTY3IDQ3LjMyLTE5OS43OTUgMTIwLjM5LTI3MC43OTQgMjE3LjQ3OCAxLjQwNy04LjQ5MiAyLjcyMi0xNy4wMDEgNC4yNDktMjUuNDcxIDEuNTM0LTguNTEzIDMuMDk1LTE3LjAzIDQuOTY0LTI1LjQ3MyAyMy4wODUtMTA0LjI3MSA2MC4xNC0yMDIuOTggMTE3Ljk5LTI5My4yMTYgNTkuMzA3LTkyLjUxMyAxMzUuNTQ2LTE2Ni42MDcgMjM1Ljc2Mi0yMTQuMTMyIDY0Ljc5Mi0zMC43MjYgMTMzLjI4MS00Ny4wMjEgMjA0LjY4NS01MS41NTIgMTUuMTI5LS45NiAzMC4yOS0xLjQzNCA0Ni4wMzgtMi4xNlY3OS40MzVsMi43NjgtMi4xNDUgMzg3LjM4OCAzOTAuNDk3LTM4OS43MiAzODkuMDY2VjYzNS4yNDJ6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);background-size:100%}.UserBehaviorCard .LeftTypeLine .vertical-line{position:absolute;width:2px;bottom:0;top:20px;background-color:#f2f3f3;z-index:0;left:11px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.UserBehaviorCard .UserBehaviorCell{width:calc(100% - 30px);border-radius:2px;-webkit-box-shadow:1px 1px 4px 1px rgba(0,0,0,.09);box-shadow:1px 1px 4px 1px rgba(0,0,0,.09);background-color:#fff;padding-bottom:5px;padding-right:10px}.UserBehaviorCard .UserBehaviorCell.ClickCellHover:hover{outline:1px solid #61ba7b}.UserBehaviorCard .UserBehaviorCell.RequestCellHover:hover{outline:1px solid #2ca3c0}.UserBehaviorCard .UserBehaviorCell.ErrorCellBorder{border:2px solid #db3522}.UserBehaviorCard .UserBehaviorCell .CellHeader{width:100%;height:28px}.UserBehaviorCell .TypeTitle{float:left;color:#4ba0be;font-weight:700;padding:5px 15px 5px 12px;font-size:14px}.CellBody ul{margin:0;padding:0;clear:both}.CellBody ul li{list-style:none;line-height:23px}.CellBody .cellLeft{width:110px;float:left;font-weight:700;color:#2c3237;text-align:right;position:absolute;font-size:14px}.CellBody .cellRight{margin-left:120px;word-break:break-all;word-wrap:break-word;text-align:left;font-size:14px;height:23px}.UserBehaviorCard:last-child .vertical-line{display:none}.UserBehaviorCard:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.UserBehaviorCard:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.UserBehaviorCard:nth-child(4){-webkit-animation-delay:.5s;animation-delay:.5s}.UserBehaviorCard:nth-child(5){-webkit-animation-delay:.6s;animation-delay:.6s}.UserBehaviorCard:nth-child(6){-webkit-animation-delay:.7s;animation-delay:.7s}.UserBehaviorCard:nth-child(7){-webkit-animation-delay:.8s;animation-delay:.8s}.UserBehaviorCard:nth-child(8){-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes slideup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.bottom-next-control{border:1px solid #eaeefb;height:44px;line-height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#000;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center;margin-top:-1px;color:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}