.fans-info-dialog{position:relative}.fans-info-dialog .fans-info-header-container{height:90px;-webkit-box-shadow:0 4px 10px 4px rgba(0,0,0,.04);box-shadow:0 4px 10px 4px rgba(0,0,0,.04);border-radius:8px;padding:30px 26px 27px;position:relative}.fans-info-dialog .fans-info-header-container .top-info{display:-webkit-box;display:-ms-flexbox;display:flex}.fans-info-dialog .fans-info-header-container .fans-info-header-img{height:48px;width:48px;border-radius:50%}.fans-info-dialog .fans-info-header-container .fans-info-header-content{margin-left:12px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fans-info-dialog .fans-info-header-container .fans-info-header-content .fans-info-header-name{font-size:14px;color:#333;font-weight:700}.fans-info-dialog .fans-info-header-container .fans-info-header-content .fans-info-header-light{color:#999;font-size:12px;margin-top:10px}.fans-info-dialog .fans-info-header-container .bottom-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:60px;position:absolute;bottom:27px}.fans-info-dialog .fans-info-header-container .bottom-info .bottom-info-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fans-info-dialog .fans-info-header-container .bottom-info .bottom-info-content .label{font-size:12px;color:#333}.fans-info-dialog .fans-info-time-line{margin-top:22px;margin-left:20px}.fans-info-dialog .fans-info-time-line .time-line-container{height:72px;display:-webkit-box;display:-ms-flexbox;display:flex}.fans-info-dialog .fans-info-time-line .time-line-container .icon-line{height:72px;width:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fans-info-dialog .fans-info-time-line .time-line-container .icon-line .icon-out{width:22px;height:22px;border-radius:50%;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwODAgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjEwLjkzOCIgaGVpZ2h0PSIyMDAiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik0xMy41Mzk5OTk5OTk5OTk5NjQgNTEyYTUxMiA1MTIgMCAxMDEwMjQgMCA1MTIgNTEyIDAgMTAtMTAyNCAweiIgZmlsbD0iI0NDQyIvPjxwYXRoIGQ9Ik0xMy41NCA1MTJjMC0xOS4zNDIgMS4xMzctMzguNCAzLjE4NS01Ny4xMTZMNTM4LjE3IDE5OC40ODVsMTAyLjQ1NyAxNzIuMjYgNzcuMzEyIDEzLjY1My0zOS4yNTQgMjExLjYyNyAzOS4yNTQgMTg3LjYyTDM1MS4wMDQgOTkzLjQ1QTUxMi4yMjggNTEyLjIyOCAwIDAxMTMuNTQgNTEyeiIgZmlsbD0iI0JEQkRCRCIvPjxwYXRoIGQ9Ik02MzkuMzE3IDM2OC4wNzFMNDQyLjk5NCA3NTIuNjRsLTQ4LjgxIDI2Ljc5NWMtMjQuOTE4IDEzLjcxLTU0LjA0NS04LjQyLTQ5LjMyNC0zNy40MzNsMjcuNTM1LTE2Ny41MzgtMTE2LjUwOS0xMTguNjdjLTIwLjEzOC0yMC41OTQtOS4wNDUtNTYuMzc3IDE4LjgzLTYwLjU4N2wxNjAuOTk2LTI0LjQ2MiA3MS45NjQtMTUyLjQ2MmEzMy4zMzcgMzMuMzM3IDAgMDE2MC45ODUgMGw3MC42NTYgMTQ5LjczMXptNzQuOTIzIDEzLjgyNGw4Ny4zODEgMTMuMzEyYzI3Ljg3NiA0LjIxIDM4Ljk3IDM5Ljk5MyAxOC43NzQgNjAuNTg3bC0xMTYuNDUyIDExOC42NyAyNy41MzQgMTY3LjUzOGM0LjcyMiAyOS4wMTMtMjQuNDA1IDUxLjItNDkuMzIyIDM3LjQzM0w1NDguNzUgNzA2LjE2MmwxNjUuNTQ3LTMyNC4yNjd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);background-repeat:no-repeat;background-size:cover;background-position:top}.fans-info-dialog .fans-info-time-line .time-line-container .icon-line .icon{width:22px;height:22px;border-radius:50%;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTS4wMjU5OTk5OTk5OTk5NTM2MTYgNTEyYTUxMiA1MTIgMCAxMDEwMjQgMCA1MTIgNTEyIDAgMTAtMTAyNCAweiIgZmlsbD0iI0ZGQzgwNyIvPjxwYXRoIGQ9Ik0zMzcuNDkxIDk5My40NUE1MTIuMjI4IDUxMi4yMjggMCAwMTMuMjExIDQ1NC44ODVsNTIxLjQ0NS0yNTYuMzk5IDE3OS43NjggNTg1LjE2TDMzNy40OTEgOTkzLjQ1eiIgZmlsbD0iI0ZEQjIwMSIvPjxwYXRoIGQ9Ik0zODAuNjcgNzc5LjQzNWMtMjQuOTE4IDEzLjcxLTU0LjA0NS04LjQyLTQ5LjMyMy0zNy40MzNsMjcuNTM0LTE2Ny41MzgtMTE2LjUwOC0xMTguNjdjLTIwLjEzOS0yMC41OTQtOS4wNDUtNTYuMzc3IDE4LjgzLTYwLjU4N0w0MjIuMiAzNzAuNzQ1bDcxLjk2NC0xNTIuNDYyYTMzLjMzNyAzMy4zMzcgMCAwMTYwLjk4NSAwbDcxLjk2NCAxNTIuNDYyIDE2MC45OTYgMjQuNDYyYzI3Ljg3NiA0LjIxIDM4Ljk2OSAzOS45OTMgMTguNzczIDYwLjU4N0w2OTAuNDMgNTc0LjQ2NGwyNy41MzQgMTY3LjUzOGM0LjcyMiAyOS4wMTMtMjQuNDA1IDUxLjItNDkuMzIzIDM3LjQzM2wtMTQzLjk4NS03OS4wNzYtMTQzLjk4NiA3OS4wNzZ6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);background-repeat:no-repeat;background-size:cover;background-position:top}.fans-info-dialog .fans-info-time-line .time-line-container .icon-line .bottom-line,.fans-info-dialog .fans-info-time-line .time-line-container .icon-line .top-line{width:1px;background-color:#f3f3f3;height:27px}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content{height:56px;background-color:#dfeaff;border-radius:4px;width:392px;margin-top:8px;margin-left:12px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content:after{content:"";position:absolute;left:-2px;width:12px;height:12px;background-color:#dfeaff;top:50%;margin-top:-2px;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%)}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content .main-label{color:#3371ff;font-size:14px;font-weight:700;margin-left:12px}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content .light-label{color:rgba(51,113,255,.6);font-size:12px;margin-top:6px;margin-left:12px}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content-out{height:56px;background-color:#f6f6f6;border-radius:4px;width:392px;margin-top:8px;margin-left:12px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content-out:after{content:"";position:absolute;left:-2px;width:12px;height:12px;background-color:#f6f6f6;top:50%;margin-top:-2px;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%)}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content-out .main-label{color:#999;font-size:14px;font-weight:700;margin-left:12px}.fans-info-dialog .fans-info-time-line .time-line-container .time-line-content-out .light-label{color:hsla(0,0%,60%,.6);font-size:12px;margin-top:6px;margin-left:12px}.tag-modal-container{width:100%;overflow-y:auto}.tag-modal-container .title{color:#333;line-height:20px;margin:6px;font-weight:600}.tag-modal-container .tag-name{min-width:50px;text-align:center;display:inline-block;padding:4px 8px;border:1px solid #efefef;margin-right:8px;margin-bottom:8px;border-radius:4px;cursor:pointer}.tag-modal-container .tag-name.active{border:1px solid #3372ff;color:#3372ff}