.tj-layout[data-v-9189b3b4]{min-height:100vh;position:relative;width:100%}.tj-layout .nav-wrapper[data-v-9189b3b4]{left:calc(50% - var(--no-scrollbar, 0px)/2);position:fixed;top:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:100%;z-index:10}.tj-layout .main-wrapper[data-v-9189b3b4]{left:50%;min-height:100vh;position:relative;z-index:10}.tj-layout .main-wrapper .main[data-v-9189b3b4],.tj-layout .other-wrapper[data-v-9189b3b4]{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.tj-layout .other-wrapper[data-v-9189b3b4]{left:calc(50% - var(--no-scrollbar, 0px)/2);min-height:100vh;position:fixed;top:0;z-index:5}.detail-activity-popover-box{background:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:auto;padding:0}.detail-activity-popover-box .border{height:16px;position:absolute;width:16px}.detail-activity-popover-box .border.top-left{border-left:1px solid #666;border-top:1px solid #666;left:0;top:0}.detail-activity-popover-box .border.top-right{border-right:1px solid #666;border-top:1px solid #666;right:0;top:0}.detail-activity-popover-box .border.bottom-left{border-bottom:1px solid #666;border-left:1px solid #666;bottom:0;left:0}.detail-activity-popover-box .border.bottom-right{border-bottom:1px solid #666;border-right:1px solid #666;bottom:0;right:0}.detail-activity-popover-box .activiry-pop-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:136px;padding:8px;width:136px}.detail-activity-popover-box .activiry-pop-container .qr-code{height:120px;width:120px}.nav_item{border-radius:50%;-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.2);box-shadow:0 4px 16px 0 rgba(0,0,0,.2);cursor:pointer;height:40px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;width:40px}.nav_item .icon{font-size:20px}.nav_item .red-point{-webkit-flex-shrink:0;-ms-flex-negative:0;background:#e74444;border:1px solid #fff;border-radius:7px;color:#fff;display:inline-block;flex-shrink:0;font-size:10px;font-weight:400;line-height:10px;padding:0 4px;position:absolute;right:0;top:-4px;word-break:keep-all}.dark .nav_item{background:hsla(0,0%,100%,.1)}.dark .nav_item .icon{color:#fff}.dark .nav_item .svg-icon{-webkit-filter:brightness(10);filter:brightness(10)}.light .nav_item{background:#fff}.article-custom-media-container{bottom:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:calc(50% - var(--no-scrollbar, 0px)/2);position:fixed;z-index:999;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:100px;-webkit-box-sizing:content-box;box-sizing:content-box;padding:10px 0;row-gap:10px;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;width:52px}@media (max-height:550px){.article-custom-media-container{display:none}}.article-custom-media-container .user-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;cursor:pointer;justify-content:center}.article-custom-media-container .user-item .avatar{border-radius:50%;height:28px;width:28px}.article-custom-media-container .user-item .avatar.bili{background-color:#666;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkaGhoZGRkcckWfwAAAAV0Uk5TAP+/QH/ir5rFAAABm0lEQVR4nO2WbZKDIAyGVThAw/YAxfUAansAqd7/TEv8IgiBdrf7p9N3xhnRx1dIIrEoPvql5Nkf33nUwOA9CScW1eDZGjhzpEWprQRQLNoB9TEAXywqAKCNDkJRI/8VgaRzQtMhgaLtGqAqbUpXrTOms+0lbSonq9qpudtjmjX6YZggIUVZmSL9meg0StaXMaW2XQ51Cc69380AUwiq5oRGW4lXcAiIL0EmiyhfmHMCtxIvYU0mI7z/P2j7R1RsJ20GnfT+PUM98qi8g1sBhlM1bRS9rfklqFU9RNCtaIbl6lZupwha+mi1Di8RdL23VUOleXR+YzO6eF7rpVRjqJoO9SV6HUWLsYjo9prEvjEqHkfL4THUYuZEnVnUnDHFdne65FFocI8wkEexwBTQnsnPtbfV3dPtNxGB27gcD6BHvTG6nkrSF2LqXD4kpFu/JqnDneH7ymmiXcVATvtSyiy67zpPtOPsDEgon/h1wBpNkIMXu37p0Cro2fZfJ4x0BcE3TtdOJYMbeCVGRv5sheaavwhmFV756OX6AWxSZSCWqrU9AAAAAElFTkSuQmCC) no-repeat center;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkaGhoZGRkcckWfwAAAAV0Uk5TAP+/QH/ir5rFAAABm0lEQVR4nO2WbZKDIAyGVThAw/YAxfUAansAqd7/TEv8IgiBdrf7p9N3xhnRx1dIIrEoPvql5Nkf33nUwOA9CScW1eDZGjhzpEWprQRQLNoB9TEAXywqAKCNDkJRI/8VgaRzQtMhgaLtGqAqbUpXrTOms+0lbSonq9qpudtjmjX6YZggIUVZmSL9meg0StaXMaW2XQ51Cc69380AUwiq5oRGW4lXcAiIL0EmiyhfmHMCtxIvYU0mI7z/P2j7R1RsJ20GnfT+PUM98qi8g1sBhlM1bRS9rfklqFU9RNCtaIbl6lZupwha+mi1Di8RdL23VUOleXR+YzO6eF7rpVRjqJoO9SV6HUWLsYjo9prEvjEqHkfL4THUYuZEnVnUnDHFdne65FFocI8wkEexwBTQnsnPtbfV3dPtNxGB27gcD6BHvTG6nkrSF2LqXD4kpFu/JqnDneH7ymmiXcVATvtSyiy67zpPtOPsDEgon/h1wBpNkIMXu37p0Cro2fZfJ4x0BcE3TtdOJYMbeCVGRv5sheaavwhmFV756OX6AWxSZSCWqrU9AAAAAElFTkSuQmCC) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.article-custom-media-container .user-item .avatar.bili:hover{background-color:transparent!important;background-image:url(data:image/png;base64,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);background-size:100% 100%;-webkit-mask:none;mask:none}.article-custom-media-container .user-item .avatar.wx{background-color:#666;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkaGhoZGRkcckWfwAAAAV0Uk5TAP9/QL/oZM41AAABq0lEQVR4nO2WW5qDIAyFGXUBBbMAWrsArV2A1tn/mkYlyCWJ+D49L174v3CIIajUV1/Fql+PbrwCVne9CZa+RD61FxTYu440XSa1tic+U/LEQ05qbS5Of2KBBhXDMkGFsDVH8mEbHHoj081i2GEfWdOj8aYSUZdJ77n1bxgH9TFwoM6BZFV7whwodeCs6sWnt/cpoeiM2fnFK7wwzzcRTfV5jHRDcKhZJx9HUl7sl6r2TQFdCTXq5W/TwmXIR3hIWILapCjNCWqySlvkDNi8fIOFbMSQPdFK6DQQ80fYn+w9IUMHSSc0TfK0f4mQhAS9ufntG6e+Jw7SdjXjSra3gPYsa3Z0sR1qsPCPckxS3nh0jgwEs5EDcCj0brGA7flAoxyYLHUoxYRthwJaldCoEofraF1AFYPyy4IIba6jG7DnHLgOHlXsviyrxufaYFg07jNzqAgOnSI0amXcwRDnKpD5ptjXqngxZicBpQ5AIlWTo62Ikh5y8nuQhV1kMnMrO91UxxbE456yBVTVeNzAzJ10mdbagU+3xbdFFlVdR1VFTzpRxZ+5r/6L/gB0H2kWNhgs0gAAAABJRU5ErkJggg==) no-repeat center;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkaGhoZGRkcckWfwAAAAV0Uk5TAP9/QL/oZM41AAABq0lEQVR4nO2WW5qDIAyFGXUBBbMAWrsArV2A1tn/mkYlyCWJ+D49L174v3CIIajUV1/Fql+PbrwCVne9CZa+RD61FxTYu440XSa1tic+U/LEQ05qbS5Of2KBBhXDMkGFsDVH8mEbHHoj081i2GEfWdOj8aYSUZdJ77n1bxgH9TFwoM6BZFV7whwodeCs6sWnt/cpoeiM2fnFK7wwzzcRTfV5jHRDcKhZJx9HUl7sl6r2TQFdCTXq5W/TwmXIR3hIWILapCjNCWqySlvkDNi8fIOFbMSQPdFK6DQQ80fYn+w9IUMHSSc0TfK0f4mQhAS9ufntG6e+Jw7SdjXjSra3gPYsa3Z0sR1qsPCPckxS3nh0jgwEs5EDcCj0brGA7flAoxyYLHUoxYRthwJaldCoEofraF1AFYPyy4IIba6jG7DnHLgOHlXsviyrxufaYFg07jNzqAgOnSI0amXcwRDnKpD5ptjXqngxZicBpQ5AIlWTo62Ikh5y8nuQhV1kMnMrO91UxxbE456yBVTVeNzAzJ10mdbagU+3xbdFFlVdR1VFTzpRxZ+5r/6L/gB0H2kWNhgs0gAAAABJRU5ErkJggg==) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.article-custom-media-container .user-item .avatar.wx:hover{background-color:transparent!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAJNtaIttYJNdcI9tYKn9wEwAAAAV0Uk5TAP9/QL/oZM41AAABq0lEQVR4nO2WW5qDIAyFGXUBBbMAWrsArV2A1tn/mkYlyCWJ+D49L174v3CIIajUV1/Fql+PbrwCVne9CZa+RD61FxTYu440XSa1tic+U/LEQ05qbS5Of2KBBhXDMkGFsDVH8mEbHHoj081i2GEfWdOj8aYSUZdJ77n1bxgH9TFwoM6BZFV7whwodeCs6sWnt/cpoeiM2fnFK7wwzzcRTfV5jHRDcKhZJx9HUl7sl6r2TQFdCTXq5W/TwmXIR3hIWILapCjNCWqySlvkDNi8fIOFbMSQPdFK6DQQ80fYn+w9IUMHSSc0TfK0f4mQhAS9ufntG6e+Jw7SdjXjSra3gPYsa3Z0sR1qsPCPckxS3nh0jgwEs5EDcCj0brGA7flAoxyYLHUoxYRthwJaldCoEofraF1AFYPyy4IIba6jG7DnHLgOHlXsviyrxufaYFg07jNzqAgOnSI0amXcwRDnKpD5ptjXqngxZicBpQ5AIlWTo62Ikh5y8nuQhV1kMnMrO91UxxbE456yBVTVeNzAzJ10mdbagU+3xbdFFlVdR1VFTzpRxZ+5r/6L/gB0H2kWNhgs0gAAAABJRU5ErkJggg==);background-size:100% 100%;-webkit-mask:none;mask:none}.article-custom-media-container .user-item .avatar.dy{background-color:#666;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkaGhoZGRkcckWfwAAAAV0Uk5TAP9/QL/oZM41AAABGElEQVR4nO3WURKCIBAGYEQP0JoHkKkDWHkAqO5/pnLYFA3Y35maHnLfHL6R1YUFpbbYIhaahuhw2uLUfoXuv0IbnEJ/i6nFKZIBU6QIL1rjlG44lVOYKF0vMCXa/S91OO1MjpZ3NxSeqTZp2vPSG/uASdGellSdj1E6LWixuxiYVgRTB9OxQjI1OCWYapwW7G6Xg0Q51S6YIkW9tEqmpacKoH6wxmmL0Got7RBahF+1nsblIoHio9Tyk+FlEw1frdf5N6tHnPKLdJbyzmqn+dO9ijdhO+adPjFOfrw+lD0JdNZSs6kG21CmZkGT879lkD1e3Yxm23oVyiZ/wwiztVkZZiteBDQ4/RBnWD4X2NHRXb5abPGbeADVMTzKpPYcYgAAAABJRU5ErkJggg==) no-repeat center;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkaGhoZGRkcckWfwAAAAV0Uk5TAP9/QL/oZM41AAABGElEQVR4nO3WURKCIBAGYEQP0JoHkKkDWHkAqO5/pnLYFA3Y35maHnLfHL6R1YUFpbbYIhaahuhw2uLUfoXuv0IbnEJ/i6nFKZIBU6QIL1rjlG44lVOYKF0vMCXa/S91OO1MjpZ3NxSeqTZp2vPSG/uASdGellSdj1E6LWixuxiYVgRTB9OxQjI1OCWYapwW7G6Xg0Q51S6YIkW9tEqmpacKoH6wxmmL0Got7RBahF+1nsblIoHio9Tyk+FlEw1frdf5N6tHnPKLdJbyzmqn+dO9ijdhO+adPjFOfrw+lD0JdNZSs6kG21CmZkGT879lkD1e3Yxm23oVyiZ/wwiztVkZZiteBDQ4/RBnWD4X2NHRXb5abPGbeADVMTzKpPYcYgAAAABJRU5ErkJggg==) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.article-custom-media-container .user-item .avatar.dy:hover{background-color:transparent!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAAXNSR0IB2cksfwAAAF1QTFRFAAAAAAAA/RpSIPTyHvPx9xhU+xhQC1BPH/PyIO/vAAAA/RhQUwgbEpKPFAEFbQoiBTIyrxA5ARERMgUSvhM9lw4yFamoJQIKBSEhDmhnDmlpfw0pm3SZGLe1AAAA7TNXiQAAAB90Uk5TAP///39Av7+/QL9/v5/P35/Pz5//n8/f399w/3D/QJied8kAAAIfSURBVHic7dfZcoMgFAZgNhEMiluWru//mFUUAU2iAplpO/4XuWgmXw+IcADgyJEjR56H4Cn816OXfEiSJPHQFA4pEIqkWmiGEI2OwuoVaDf++GhXapxJddAs0vgdtJuAKKW6KBRRSp2hsIhR6hyF8PsVKEwJiY/CtNtdWAh8D+1YhnF0FMIyDXhij9B+e/F+af8kKl6BUiS8UU4IY5gxvkSRFD4oIbPD00WTE5LFXtQ6kNlncgcFSfdZSXEtmo3oROZ1lg3GAgWKHbPdzGvbWKLKpdtQPpIZhKuogpPktIoO5s2smRV0S1hPXjIYE1XzeXFemWCUL81wVA2+NmBRhKOq0FKL10qvwyC0L/RNmxMZiPaFanPgKO2WYb8OvVFuFSp1iWO8UWaeklBlWt8FodbgnXYpBH2zUOc7b9Ssp3707jYRglpT6v4wZPj6TVpskha6+Ifb0VlXiyc024cSs/Tntxpu0MIbnd9qmNm4t550OtYOdXZ+SKwXuNqJEusYOZ/sv2PnOe26RRCcTygUeuK42mV1oc1eFOAvg8KScA74SNqrdPcRdbNV06dMW3ezsXlwVLcJTUfSHFt09+i7YOimTPOyNie28Ch0UeosylxvSJbqbcX0upW+Pzc978+P1HOACUDT3CGvLfKcUB0p5uQZBdWpcvqQtjhUGVKmSt98t62Usmpb3aiEmsDp6ZUYgRxd2nf1lEYTjxz5x/kB3m0XW/S2K8cAAAAASUVORK5CYII=);background-size:100% 100%;-webkit-mask:none;mask:none}.article-custom-media-container .user-item .avatar.xhs{background-color:#666;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkZGRkaGhoJTR+/gAAAAV0Uk5TAP9/v0BWQtzKAAACGElEQVR4nO2W7YGDIAyGqXUAIw6gtgNIvQHUsv9Ml/ChiIDw+y4/2kofIW8SAoz9m29yFgD8874HkdPW9mnyC46NKXKAk7XZZIL9+mSUra4kQFBbLUIoXwLoGiKDLgSXD7twUR+dNjrpddropACdJz9OApyD8EyhU+76nrCEKN+DRxqdctc/e5AmAbJddbNw4ypAk+uqm7BblGerOiJrVFGryENbWwhybxut3Mwvm4SHcd2+UkEn0QTHZjSio9sRgvWENvitJhGNXrJhYg/BYFDtQI/PDsrWCQfCKPPQJ6E2WqjiLQWh40auzjP/sHqGFvvbyCo+g4viB6H4paoI/6pU5GvQCiwKO7owMSkpPgouChodJhU9jbaE1lG0HRclo9oXrQcX5QbtKcZ64EDVAg5a7yhl64xq3R46IdpQfGOo0Hk3aH+WRVXlpuBAH6DSdwRLZ/pAO4N2GoULarf3imMPg+Lo+DpQdkFhGRTK2cBfuBtmqgHhoLaysLQn6BdSvilVuqRqhb4l+W5Lm4JDdYevfAgdegedlO+9zZzeJ6puySlgDtqpbJ1QIDU4vZQbl8o2elCl7DStxK42W3dHI6dbCC1obwVNs6AVlzT45LHlunpzGHqnbP4RV3JwFhzHqYT5d4eCq0PBhaTkmhObtruSJVeygote0IWfMFlyKS256qrDL2N1o22fmMs0iba9MGp8vgf/nv0CmUGQjAohWrkAAAAASUVORK5CYII=) no-repeat center;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAAA9QTFRFAAAAZmZmZGRkZGRkaGhoJTR+/gAAAAV0Uk5TAP9/v0BWQtzKAAACGElEQVR4nO2W7YGDIAyGqXUAIw6gtgNIvQHUsv9Ml/ChiIDw+y4/2kofIW8SAoz9m29yFgD8874HkdPW9mnyC46NKXKAk7XZZIL9+mSUra4kQFBbLUIoXwLoGiKDLgSXD7twUR+dNjrpddropACdJz9OApyD8EyhU+76nrCEKN+DRxqdctc/e5AmAbJddbNw4ypAk+uqm7BblGerOiJrVFGryENbWwhybxut3Mwvm4SHcd2+UkEn0QTHZjSio9sRgvWENvitJhGNXrJhYg/BYFDtQI/PDsrWCQfCKPPQJ6E2WqjiLQWh40auzjP/sHqGFvvbyCo+g4viB6H4paoI/6pU5GvQCiwKO7owMSkpPgouChodJhU9jbaE1lG0HRclo9oXrQcX5QbtKcZ64EDVAg5a7yhl64xq3R46IdpQfGOo0Hk3aH+WRVXlpuBAH6DSdwRLZ/pAO4N2GoULarf3imMPg+Lo+DpQdkFhGRTK2cBfuBtmqgHhoLaysLQn6BdSvilVuqRqhb4l+W5Lm4JDdYevfAgdegedlO+9zZzeJ6puySlgDtqpbJ1QIDU4vZQbl8o2elCl7DStxK42W3dHI6dbCC1obwVNs6AVlzT45LHlunpzGHqnbP4RV3JwFhzHqYT5d4eCq0PBhaTkmhObtruSJVeygote0IWfMFlyKS256qrDL2N1o22fmMs0iba9MGp8vgf/nv0CmUGQjAohWrkAAAAASUVORK5CYII=) no-repeat center;-webkit-mask-size:contain;mask-size:contain}.article-custom-media-container .user-item .avatar.xhs:hover{background-color:transparent!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUBAMAAADuRQ3yAAAAAXNSR0IB2cksfwAAABtQTFRFAAAA/wA1/////3+a/0Bo/7/M/wA0/wAy/wA0AIMyVAAAAAl0Uk5TAP//////v39AJ8UgQgAAAkNJREFUeJztlj1SwzAQhU0DKdlYAdqI5ADGyQFsfAES3ENjKElDKEMD12ZXsrD+LMk1vJnYTuaL9u1qZSnL/mVr9t113cvxFAc76PUSgb9A00cyCXBMJgOsQwK8+ckLlxxjn33odWJ40pNLzvwkwMlBP8fQm+RB3WHPxlF7WG/6UlcJNVUya3sIoWZtQ6SZWDC+OQ3B+GYNIuhVcnzdbBQdzI7Ov2s2YlU3GyMBFNl3VVONoyovmVXOV/LntlX/ydvH/knldd6jt7/3RYuq2JavNwBsP6BnBjrHe81R1Zyu9KWCS6NWCr3jhY7yB/pBVetgoDsLXVnofVkRKm7rpslLcolXXvJV3gwtexBDEbrjiKKAiRCMr0HGUnPwDJIhtKhFKgGUG+iyR9EM0TYq0sIM8pLyIlRYQa0LP/ogng2UArhojagomoFyHSVHCp1TLzCRmlLlRZdoQk9LzEml1TUX8W5xxCV66dOSxaKZHtDPX3SBwblKy48yHE3iBU7nxkVVD2AT7gqBMl6wDa6G5h47odJQ1YTY2jXNEma+E1nN+3ISum2pAtoqYNR3S+wwQos7Da2Fd/XenMl2RZ/ixoFr6ELMllqGcnFTNjj8tt2zVmgPDD9Q0qpUZOjtLjW8jCe8iM5j6LAbBDYtG42Z1feNiFkdjZjVN66I2UzXITV+xIF1KEnfjkM1uLTQCUeHCQeSKcecsSK8uuRIbe30pSYc9HysNzzpmEw6bIDMsu9kEsv7rsDuFCYJPr7jaf8jDv49/QCn/9hjygo04wAAAABJRU5ErkJggg==);background-size:100% 100%;-webkit-mask:none;mask:none}.container{background:#f8f8f8;border-radius:12px 12px 12px 12px;padding:16px 12px}.container .module-item{margin-bottom:30px}.container .module-item:last-child{margin-bottom:0}.container .module-item .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#333;font-size:16px;font-weight:700;gap:5px;line-height:24px;margin-bottom:16px}.container .module-item .title .dot{background:#b4725a;display:block;height:16px;width:3px}.container .grid{display:grid;width:100%}.container .grid.grid-0{gap:10px 10px;grid-template-columns:repeat(8,1fr)}.container .grid.grid-0 .item{aspect-ratio:.75;width:100%}.container .grid.grid-0 .item .icon{aspect-ratio:.97701149;background:-webkit-gradient(linear,left top,left bottom,from(hsla(240,1%,66%,.59)),to(hsla(0,0%,78%,.59)));background:-webkit-linear-gradient(top,hsla(240,1%,66%,.59),hsla(0,0%,78%,.59));background:linear-gradient(180deg,hsla(240,1%,66%,.59),hsla(0,0%,78%,.59));padding:10px;width:100%}.container .grid.grid-0 .item .icon img{aspect-ratio:1;width:100%}.container .grid.grid-1{gap:21px 21px;grid-template-columns:repeat(4,1fr)}.container .grid.grid-1 .item{aspect-ratio:3.04761905;border-radius:4px;overflow:hidden;padding:0;position:relative;width:100%}.container .grid.grid-1 .item .icon{height:100%;width:100%}.container .grid.grid-1 .item .icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.container .grid.grid-1 .item .icon:after{background:rgba(97,97,97,.79);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.container .grid.grid-1 .item .txt{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#fff;font-size:15px;font-weight:600;justify-content:center}.container .grid.grid-1 .item .txt,.container .grid.grid-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.container .grid.grid-2{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 20px}.container .grid.grid-2 .item{background:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:20px;overflow:hidden;padding:0;width:auto}.container .grid.grid-2 .item .icon{display:none}.container .grid.grid-2 .item .txt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#333;font-size:16px;font-weight:400;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.container .grid.grid-2 .item .el-icon{color:#333;font-size:16px;margin-left:2px}.container .grid .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;background-color:#f1f1f1;border-radius:8px;cursor:pointer;justify-content:space-evenly;padding:2px;-webkit-transition:all .3s;transition:all .3s}.container .grid .item:hover{-webkit-transform:translateY(-2px) translateZ(0) scale(1.1);transform:translateY(-2px) translateZ(0) scale(1.1)}.container .grid .item .icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:8px;justify-content:center}.container .grid .item .txt{color:#333;display:block;font-size:12px;font-weight:600;max-width:100%;overflow:hidden;padding:5px 0 2px;white-space:nowrap}.container .grid .item .new-icon{height:16px;position:absolute;right:0;top:0;width:30px}.container .manage-user-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px 16px}.container .manage-user-list,.container .manage-user-list .user-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.container .manage-user-list .user-item{background:#fff;border-radius:6px 6px 6px 6px;height:100px;width:88px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;gap:10px;justify-content:center}.container .manage-user-list .user-item .avatar{background-color:#fff;border:1px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.12);box-shadow:0 0 5px 0 rgba(0,0,0,.12);height:63px;width:63px}.container .manage-user-list .user-item .username{color:var(--zs-aside-bar-pop-friend-color);display:block;font-size:13px;font-weight:500;line-height:13px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.container .apply-admin{background:#f5e9d7;border-radius:19px;color:#926c45;cursor:pointer;font-size:14px;font-weight:400;height:22px;line-height:22px;position:absolute;right:0;text-align:center;top:0;width:117px}.filter-zdy[data-v-0784f37e]{-webkit-box-sizing:content-box;box-sizing:content-box;height:36px;padding:28px 0 16px}.filter-zdy .search-box[data-v-0784f37e],.filter-zdy[data-v-0784f37e]{-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.filter-zdy .search-box .check-box[data-v-0784f37e]{background:rgba(163,178,189,.3);border-radius:4px;padding:10px}.filter-zdy .search-box .check-box[data-v-0784f37e] .el-checkbox__label{color:#333;font-size:13px}.filter-zdy .search-box .search-attr[data-v-0784f37e]{background-color:rgba(163,178,189,.3);border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.filter-zdy .search-box .search-attr .line[data-v-0784f37e]{background:rgba(0,0,0,.2);height:24px;width:1px}.filter-zdy .search-box .search-attr .attr-box[data-v-0784f37e]{height:100%;width:180px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-right:7px}.filter-zdy .search-box .search-attr .attr-box .attr-item[data-v-0784f37e],.filter-zdy .search-box .search-attr .attr-box[data-v-0784f37e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.filter-zdy .search-box .search-attr .attr-box .attr-item[data-v-0784f37e]{height:32px;width:32px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;cursor:pointer;justify-content:center}.filter-zdy .search-box .search-attr .attr-box .attr-item.active[data-v-0784f37e]{background:#5e646e;border-radius:4px;height:32px;width:32px}.filter-zdy .search-box .search-attr .attr-box .attr-item.active img[data-v-0784f37e]{-webkit-filter:brightness(10);filter:brightness(10)}.filter-zdy .search-box .search-attr .attr-box .attr-item .attr-icon[data-v-0784f37e]{height:28px;width:28px}.filter-zdy .search-box .search-attr .other-box[data-v-0784f37e]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left:7px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;justify-content:space-between}.filter-zdy .search-box .search-attr .other-box .other-box-item[data-v-0784f37e],.filter-zdy .search-box .search-attr .other-box[data-v-0784f37e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.filter-zdy .search-box .search-attr .other-box .other-box-item[data-v-0784f37e]{height:32px;width:32px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#545766;cursor:pointer;justify-content:center}.filter-zdy .search-box .search-attr .other-box .other-box-item.active[data-v-0784f37e]{background:#5e646e;border-radius:4px;color:#fff;height:32px;width:32px}.filter-zdy .search-box .search-attr .other-box .other-box-item.active img[data-v-0784f37e]{-webkit-filter:brightness(10);filter:brightness(10)}.filter-zdy .search-box .search-attr .other-box .other-box-item .other-icon[data-v-0784f37e]{-webkit-filter:brightness(.5);filter:brightness(.5);height:20px;width:20px}.filter-zdy .search-box .search-star[data-v-0784f37e]{-webkit-box-flex:1;background-color:rgba(163,178,189,.3);border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:space-around;padding:0 2px;-ms-flex-pack:distribute;justify-content:space-around}.filter-zdy .search-box .search-star .star-item[data-v-0784f37e],.filter-zdy .search-box .search-star[data-v-0784f37e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.filter-zdy .search-box .search-star .star-item[data-v-0784f37e]{height:32px;width:40px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#545766;cursor:pointer;font-family:PingFangSC,PingFang SC;font-size:14px;font-weight:400;justify-content:center}.filter-zdy .search-box .search-star .star-item.active[data-v-0784f37e]{background:#5e646e;border-radius:4px;color:#fff}.filter-zdy .search-input-box[data-v-0784f37e]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-grow:1;height:100%;width:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid rgba(163,178,189,.2);border-radius:4px}.filter-zdy .search-input-box[data-v-0784f37e] .el-input__inner{background-color:rgba(163,178,189,.3);border:none;border-radius:4px;color:#333;font-size:13px;font-weight:400;height:36px;padding-left:8px}.filter-zdy .search-input-box[data-v-0784f37e] .el-input__inner::-webkit-input-placeholder{color:#999}.filter-zdy .search-input-box[data-v-0784f37e] .el-input__inner::-moz-placeholder{color:#999}.filter-zdy .search-input-box[data-v-0784f37e] .el-input__inner:-ms-input-placeholder{color:#999}.filter-zdy .search-input-box[data-v-0784f37e] .el-input__inner::-ms-input-placeholder{color:#999}.filter-zdy .search-input-box[data-v-0784f37e] .el-input__inner::placeholder{color:#999}.tippy-container[data-v-0784f37e]{background:#fff;border:1px solid #ececec;border-radius:4px;padding:6px 0;position:absolute;visibility:hidden}.tippy-container .item[data-v-0784f37e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;cursor:pointer;padding:0 22px;-webkit-transition:background-color .3s;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tippy-container .item[data-v-0784f37e]:hover{background-color:hsla(0,0%,100%,.08)}.tippy-container .item .icon[data-v-0784f37e]{height:22px;width:22px}.tippy-container .item .label[data-v-0784f37e]{color:#333;font-size:16px;white-space:nowrap}.tippy-container .item-active[data-v-0784f37e]{background-color:hsla(0,0%,100%,.08)}.search-container[data-v-0784f37e]{background-color:#4a4551!important;height:44px;position:absolute;right:52px;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:741px}.search-container[data-v-0784f37e] .name-search input.el-input__inner{background-color:unset;border:unset;color:#fff;font-size:16px;height:44px;line-height:44px}.search-container[data-v-0784f37e] .name-search input.el-input__inner::-webkit-input-placeholder{color:#666}.search-container[data-v-0784f37e] .name-search input.el-input__inner::-moz-placeholder{color:#666}.search-container[data-v-0784f37e] .name-search input.el-input__inner:-ms-input-placeholder{color:#666}.search-container[data-v-0784f37e] .name-search input.el-input__inner::-ms-input-placeholder{color:#666}.search-container[data-v-0784f37e] .name-search input.el-input__inner::placeholder{color:#666}.search-container[data-v-0784f37e] .name-search span.el-input__suffix-inner{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.red[data-v-224b5ae6]{background:-webkit-linear-gradient(296deg,#833532,#2a2424);background:linear-gradient(154deg,#833532,#2a2424);height:100%;width:100%}.yellow[data-v-224b5ae6]{background:-webkit-linear-gradient(285deg,#ffeab2,#33302b);background:linear-gradient(165deg,#ffeab2,#33302b);height:100%;width:100%}.blue[data-v-224b5ae6]{background:-webkit-linear-gradient(285deg,#c0c5ff,#24282a);background:linear-gradient(165deg,#c0c5ff,#24282a);height:100%;width:100%}.purple[data-v-224b5ae6]{background:-webkit-linear-gradient(285deg,#f4b2ff,#38303c);background:linear-gradient(165deg,#f4b2ff,#38303c);height:100%;width:100%}.green[data-v-224b5ae6]{background:-webkit-linear-gradient(285deg,#bcffc9,#242a25);background:linear-gradient(165deg,#bcffc9,#242a25);height:100%;width:100%}.zdy-switch[data-v-224b5ae6]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.zdy-switch .list-box[data-v-224b5ae6]{height:0;width:calc(100% + 20px);-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.zdy-switch .card-list[data-v-224b5ae6]{display:grid;grid-auto-rows:72px;grid-template-columns:repeat(7,72px);row-gap:6px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px}.zdy-switch .card-list .item[data-v-224b5ae6]{height:100%;overflow:hidden;position:relative}.zdy-switch .card-list .item .is-selected[data-v-224b5ae6]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:10;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;font-size:13px;font-weight:400;height:100%;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.zdy-switch .card-list .item .is-selected .remove-icon[data-v-224b5ae6]{height:20px;position:absolute;right:2px;top:2px;width:20px}.zdy-switch .card-list .item .role-image[data-v-224b5ae6]{height:200%;left:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;top:50%;-webkit-transform:translate(-50%,-42%);-ms-transform:translate(-50%,-42%);transform:translate(-50%,-42%);width:200%}.zdy-switch .card-list .item .role-top[data-v-224b5ae6]{background:#1f2228;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:18px;position:absolute;width:18px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;right:4px}.zdy-switch .card-list .item .role-top img[data-v-224b5ae6]{height:14px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:14px}.zdy-switch .card-list .item .role-attr[data-v-224b5ae6]{top:4px}.zdy-switch .card-list .item .role-weapon[data-v-224b5ae6]{top:28px}.zdy-switch .card-list .item .item-bottom[data-v-224b5ae6]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(39,49,60,0)),color-stop(43.29%,rgba(39,49,60,.83)),to(#27313c));background:-webkit-linear-gradient(top,rgba(39,49,60,0),rgba(39,49,60,.83) 43.29%,#27313c);background:linear-gradient(180deg,rgba(39,49,60,0),rgba(39,49,60,.83) 43.29%,#27313c);bottom:0;left:0;padding-left:5px;padding-top:20px;position:absolute;width:100%}.zdy-switch .card-list .item .item-bottom .change-skin[data-v-224b5ae6]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAOdQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////WquIsgAAAEx0Uk5TAAECAwQICgsNDg8RFBgZGx4fICUmKy0xNDU6Pj9AR0lMTlJaW15fYGNkZWZoaW9wcXN/gISOk5qdnqKotb/Dys7Y3ODi5Orr8fP9/nYQIZ8AAADcSURBVDjL7dRJU8JAEIbhsAgosiYqILKFRVRAEFEWQUBke///7/GGmcxMVS5w4rv11DPV3Zc2jOPFf995U6R153KpKZqML50uMEObkRNWYHClmig+ActRd5fzoHp2C6qeloxC+7/ymQ9SLJ8M7V/VEuuaGz7q9n0RYWjDqi63rv2wjQgwB2XVGkXIC9AGUwXTUBdgVQ8bZ3iGJ4EJaHqCfch4gd8wC3iBGxaHi1KAnApmoWR8voYPD9c7pinZJb/Yx8Snd90BGLj+Xnyo3TAktbl56klH+fnWOGr+AIy1etVmePxhAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;cursor:pointer;height:20px;position:relative;width:20px}.zdy-switch .card-list .item .item-bottom .change-skin .text[data-v-224b5ae6]{bottom:1px;color:#fff;font-family:SourceHanSansCN;font-size:12px;font-weight:700;left:50%;position:absolute;-webkit-transform:translateX(-67%);-ms-transform:translateX(-67%);transform:translateX(-67%)}.zdy-switch .card-list .item .item-bottom .skin-name[data-v-224b5ae6]{color:#ccc;font-family:SourceHanSansCN;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.zdy-switch .card-list .item .item-bottom .skin-name1[data-v-224b5ae6]{color:#fff;font-family:SourceHanSansCN;font-size:14px;font-weight:700;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.zdy-switch .card-list .item .item-bottom .role-level[data-v-224b5ae6]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:5px;width:100%}.zdy-switch .card-list .item .item-bottom .role-level img[data-v-224b5ae6]{height:15px;position:relative;width:15px}.zdy-switch .match-result-empty[data-v-224b5ae6]{background:rgba(163,178,189,.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100% - 72px);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:31px}.zdy-switch .match-result-empty img[data-v-224b5ae6]{width:108px}.zdy-switch .match-result-empty span[data-v-224b5ae6]{color:#333;font-size:16px;font-weight:400}.btn[data-v-7b17a62a]{background-color:#5889d4;border-color:transparent;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;font-size:14px;height:40px;line-height:40px;text-align:center;width:208px}.btn.cancel[data-v-7b17a62a]{background-color:transparent;border:1px solid #5889d4;color:#5889d4}[data-v-7b17a62a] .exchange-container{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}[data-v-7b17a62a] .exchange-container .el-dialog__header{padding:0}[data-v-7b17a62a] .exchange-container .el-dialog__body{background-color:#fff;border-radius:8px;margin:0 auto;width:492px}[data-v-7b17a62a] .exchange-container .exchange-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:17px 0 14px}[data-v-7b17a62a] .exchange-container .exchange-content .title{color:#000;font-size:18px;font-weight:500;margin-bottom:26px;text-align:center}[data-v-7b17a62a] .exchange-container .exchange-content .des{color:#000;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;height:40px;margin-bottom:68px;text-transform:none}[data-v-7b17a62a] .exchange-container .exchange-content .option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.red[data-v-35a13240]{background:-webkit-linear-gradient(296deg,#833532,#2a2424);background:linear-gradient(154deg,#833532,#2a2424);height:100%;width:100%}.yellow[data-v-35a13240]{background:-webkit-linear-gradient(285deg,#ffeab2,#33302b);background:linear-gradient(165deg,#ffeab2,#33302b);height:100%;width:100%}.blue[data-v-35a13240]{background:-webkit-linear-gradient(285deg,#c0c5ff,#24282a);background:linear-gradient(165deg,#c0c5ff,#24282a);height:100%;width:100%}.purple[data-v-35a13240]{background:-webkit-linear-gradient(285deg,#f4b2ff,#38303c);background:linear-gradient(165deg,#f4b2ff,#38303c);height:100%;width:100%}.green[data-v-35a13240]{background:-webkit-linear-gradient(285deg,#bcffc9,#242a25);background:linear-gradient(165deg,#bcffc9,#242a25);height:100%;width:100%}.team-card[data-v-35a13240]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#fff;border-radius:8px;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.25);box-shadow:0 0 8px 0 rgba(0,0,0,.25);cursor:pointer;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 8px)}.team-card .team-header[data-v-35a13240],.team-card[data-v-35a13240]{-webkit-box-flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.team-card .team-header[data-v-35a13240]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:35px;padding:0 13px;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.team-card .team-header .header-left[data-v-35a13240]{-webkit-box-flex:1;color:#333;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card .team-header .header-normal-right[data-v-35a13240]{-ms-flex-align:center;gap:4px}.team-card .team-header .header-normal-right .team-type[data-v-35a13240],.team-card .team-header .header-normal-right[data-v-35a13240]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.team-card .team-header .header-normal-right .team-type[data-v-35a13240]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;background:#ffe1e1;border-radius:2px 2px 2px 2px;color:#ed3535;font-size:12px;font-weight:500;height:18px;padding:0 8px}.team-card .team-header .header-normal-right .team-type.fy[data-v-35a13240]{background:#d6e8ff;color:#22569c}.team-card .team-header .header-normal-right .btn[data-v-35a13240]{-webkit-box-flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#eaf3ff;border-radius:2px 2px 2px 2px;color:#22569c;font-size:12px;font-weight:500;height:18px;padding:0 8px;width:112px}.team-card .team-header .header-normal-right .btn.include[data-v-35a13240]{background:#f5eaff;color:#4f53aa}.team-card .team-header .header-normal-right .btn.transition[data-v-35a13240]{background:#d4f1f3;color:#146d79}.team-card .team-header-ms[data-v-35a13240]{margin-bottom:10px;padding:4px 4px 0}.team-card .team-header-ms .inner-box[data-v-35a13240]{background:rgba(163,178,189,.1);border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:67px;padding:8px;width:100%}.team-card .team-header-ms .inner-box .avatar[data-v-35a13240]{border-radius:50%;height:48px;margin-right:10px;position:relative;width:48px}.team-card .team-header-ms .inner-box .avatar .ms[data-v-35a13240]{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-card .team-header-ms .inner-box .avatar .attr[data-v-35a13240]{background:#000;border:1px solid #fff;border-radius:50%;bottom:0;height:20px;position:absolute;right:0;width:20px}.team-card .team-header-ms .inner-box .avatar .attr img[data-v-35a13240]{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-card .team-header-ms .inner-box .infos[data-v-35a13240]{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden}.team-card .team-header-ms .inner-box .infos .name[data-v-35a13240]{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.team-card .team-header-ms .inner-box .infos .card-name[data-v-35a13240]{color:#333;font-size:12px;font-weight:400}.team-card .team-header-ms .inner-box .header-right[data-v-35a13240]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#eaf3ff;border-radius:2px 2px 2px 2px;color:#22569c;font-size:12px;font-weight:500;height:18px;padding:0 8px;width:112px}.team-card .team-header-ms .inner-box .header-right.include[data-v-35a13240]{background:#f5eaff;color:#4f53aa}.team-card .team-header-ms .inner-box .header-right.transition[data-v-35a13240]{background:#d4f1f3;color:#146d79}.team-card .team-list-box[data-v-35a13240]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 12px}.team-card .team-list-box .team-list-inner[data-v-35a13240]{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:11px;padding:0 0 11px}.team-card .team-list-box .team-list-inner[data-v-35a13240]:last-child{border-bottom:none;margin-bottom:0}.team-card .team-list-box .team-list-inner .team-title[data-v-35a13240]{color:#333;font-size:12px;font-weight:500;margin-bottom:7px}.team-card .team-list-box .team-list-inner .team-list[data-v-35a13240]{display:grid;gap:8px;grid-auto-rows:62px;grid-template-columns:repeat(5,62px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.team-card .team-list-box .team-list-inner .team-list .team-item[data-v-35a13240]{border:1px solid #000;height:100%;overflow:hidden;position:relative}.team-card .team-list-box .team-list-inner .team-list .team-item .icon[data-v-35a13240]{display:block;height:200%;left:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;position:absolute;top:50%;-webkit-transform:translate(-50%,-45%);-ms-transform:translate(-50%,-45%);transform:translate(-50%,-45%);width:200%}.team-card .team-list-box .team-list-inner .team-list .team-item .is-up[data-v-35a13240]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAFTElEQVR4AbxVa4hVVRT+1tr3nPuae+dVPlL7EQwTWhBRUcko0pgpSjnVxIA9FYkgeiChUX/6kRUZRFA/+hERIdQPMakQZMiiJ2FgEjpYzdyrM03qjM7VuXPPPY/W2nfOMDNqCnU93O/svdf69vr2Wnvfs/nIu+2Vvveuj64Efnu7bScTkVspVXDmeKluGBs8i9APwURNgghRECCoVOsHrwqiCMShikIGAHN9QQQRUxBqnXoLAiBAtAggKxaBuX4gia2Kdg9Z6ntFSiqiIljLkCTLukIrKWCWFwm0VWTnt2Hhmucxb9kjSLhJqTksEskU5q/YiAWrnkay8WprU+6itVsQY+Ga5zB3aQ+y17TDJBKWozFjaEI8JabpCpLNc9F840rk2+6AcWSS2HRvjeOisb0DTYtXwMnkoLZk8zzh3o2mGzqFf6f1z1m6AddteAtzOx6GSbDlKVf/FkyQRcj+6YaylFShC8DkYwmTdvXppqtL+woSn46rpwdR/GSLxdDeNxFWJ9Byy/3ILloC5WkcjUtCZu2w9KxDAuhY7DY2yTi2ays0qCO2x9yoWoF38neLc337MV78BWQScJsXQOcpSCZbHe2QDTz5lxAH9JHMtRTTAUTqkbLE3NoY07iJVBpOw1WWR1EV8XwtKVRH41tlHQi0vJYtL13ZdIhJE5QgsNDFqo2TDci3L0fzzV24atlmpOYvRjgxhoniz5anMZRLQmZVVhE1KtQh9hmB1c5yYsk4iHwPCD0bKOY6+XmYs/pltC57CrnFq+GfPYGTvTsQTYzWeJIIixpRCNZJFmIkgX96AFFQhcm2gB0HalMYK5gQn2cF1UYSRBfnl4ZxqvcNnNy3HcO7nsXQzicwMfA9LEdisoCUK60VVENc66h8AhIVJtMCt2URYnvm2lutLSiPyMpHrF0ro4JhpYTxvr0oH90Hb/hXIBi3/niutsplEWVVVtREZbo/jnOHdkkHaO18CU23b0LrXduQv+1xazt38FM5I7WSsgRQ4/T5cZzZrXIUTFMnDLKqGspH9siKvwQnc8jd1INMWyeIGOOH96A6dABxMJISqaAitl2oVZ6KkZxyEQR0oGnHiKSspW93YPSLZzC2/1WcEYzs3oSzP7wD+CXEvOrgTxjZvRljX70yZYt9s9uahiRkOwSZMAtyooJTh1H5U/ZFEJaOg+DP4FFQRjB6FGHp2Az7BbOUSta0SDKU0lyI9H/aVAyqY/dQ1WVAdQRLYhIerMoqNLvmFx3LDWCSDozrgA1wUd7kLRP7rQ6hJsgEmXgJiBCnszANcjWlG8AZ6WfzcpLlzjR0yflaSQVbZcn1ovtlGCyXL8sdSK5zGlH4IQXV5QiDbZSgI5zKiLgswnXB/yKsOlajphohTn2qNQxKpkAqlEx7zPRZFPn35KLCxtxDxa/z3YXXvIq3kijYCsN/UCoLSouwfA7ZaLVmxlRBxfkZGgK5aUDKRm4qZMZ3EcLV/X7/g40PHPuRuhFg8mntGSw2dBVe50rQwQi2suE+iDCSIp4wkgSmoGJgGWvHggnkuIhSeUCEiOkgI3ysWg3W5boGepd0w5vUOa/J9hQHMyIcROWOBPAiJZx+pHKwwsaACbCVBGxf3gaR3GmRk5WM6ACF4ZNpr9KZXl/4qLH72IjwLuuX6xr+O7m+f7sJg3US8WMYpxzJ5zFyMyJIAoBVWVYEYnPUmGBT0kSd6a7C+9T9l1wbl6VzHinZVTzkeoVHAW8VEz5Hwq1IxYSn9yGiM4b8F0LfX+GuK35Aawuj4vnPP93r9H1D37iVgXsj+KsYYa+cQ+8fAAAA//+UHQmlAAAABklEQVQDAPTCluXaNpPbAAAAAElFTkSuQmCC) 50%/contain no-repeat;color:#fff;font-size:10px;height:21px;left:0;position:absolute;text-align:center;top:0;width:18px;z-index:2}.team-card .team-list-box .team-list-inner .team-list .team-item .strenth[data-v-35a13240]{height:17px;position:absolute;right:0;top:0;z-index:1}.team-card .team-list-box .team-list-inner .team-list .team-item .include[data-v-35a13240]{background-color:#f8004b;border-radius:0 4px 0 0;bottom:0;color:#fff;font-size:11px;left:0;line-height:17px;position:absolute;text-align:center;width:30px}.team-card .level[data-v-35a13240]{-webkit-box-flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:1px solid rgba(0,0,0,.1);color:#333;font-size:12px;font-weight:400;height:38px;padding:0 13px}.team-card .level img[data-v-35a13240]{height:14px;margin-left:2px;vertical-align:middle}.team-card .level span[data-v-35a13240]{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:-webkit-linear-gradient(316deg,#fe852b,#be2d2c);background:linear-gradient(134deg,#fe852b,#be2d2c);border-radius:2px 2px 2px 2px;color:#fff;font-size:16px;font-weight:700;height:21px;justify-content:center;min-width:40px}.tab-container[data-v-614b6074]{background-color:rgba(166,171,183,.2);padding:2px}.tab-container .item[data-v-614b6074],.tab-container[data-v-614b6074]{border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tab-container .item[data-v-614b6074]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666;cursor:pointer;font-size:14px;height:32px;-webkit-transition:all .3s;transition:all .3s;width:90px}.tab-container .item.active[data-v-614b6074]{background-color:#5e646e;color:#fff}.tab-container[data-v-6eae31da]{background-color:rgba(166,171,183,.2);padding:2px}.tab-container .item[data-v-6eae31da],.tab-container[data-v-6eae31da]{border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tab-container .item[data-v-6eae31da]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666;cursor:pointer;font-size:14px;height:32px;-webkit-transition:all .3s;transition:all .3s;width:90px}.tab-container .item.active[data-v-6eae31da]{background-color:#5e646e;color:#fff}.round-container[data-v-16320f63]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.round-container .tip[data-v-16320f63]{-webkit-box-flex:0;color:#333;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:16px;margin-right:12px}.round-container .round-item[data-v-16320f63]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid #5e646e;border-radius:6px;color:#485a76;cursor:pointer;font-size:12px;height:22px;margin-right:8px;-webkit-transition:all .3s;transition:all .3s;width:22px}.round-container .round-item.active[data-v-16320f63]{background:rgba(94,100,110,.1);border:1px solid #5e646e;color:#333}.round-container .round-item.add[data-v-16320f63]{background-color:#333;border-color:#5e646e;color:#fff;font-size:16px;font-weight:700;line-height:20px}.round-container .round-item[data-v-16320f63]:last-child{margin-right:0}ul[data-v-c6401e3a]{-webkit-padding-start:0!important;-moz-padding-start:0!important;padding-inline-start:0!important}.battle-sp-tip .tippy-target[data-v-c6401e3a]{cursor:pointer;display:block;height:17px;width:18px}.battle-sp-tip .tippy-content[data-v-c6401e3a]{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background:-webkit-linear-gradient(top,#fff,#fff);background:linear-gradient(180deg,#fff,#fff);border-radius:8px;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);box-shadow:0 0 8px 0 rgba(0,0,0,.2);overflow:hidden;position:fixed;visibility:hidden;width:460px}.battle-sp-tip .tippy-content .header[data-v-c6401e3a]{background-color:rgba(0,0,0,.05);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:48px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;color:#333;font-size:14px;font-weight:700;justify-content:space-between;padding:0 20px}.battle-sp-tip .tippy-content .header .title[data-v-c6401e3a]{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap}.battle-sp-tip .tippy-content .header .close[data-v-c6401e3a]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA4NJREFUWEfNl0toFEEQhqsyu5MHgiAIikfRQw566MmGHJKdPIigGyXCRkHxcREP6k0PSmRR40FP4kUEFXyACCFIIvGBj0PIurvdkiiCqGRRUEQUxQxBkkxKO8zKbO/MziRR4hy3u6u+7qr6qxZhkT9cZP/wfwLU19evsW27i3Pe87deiDG2EhEPJBKJ7lQqNVOwW/IC0vn09PRjAFiFiKc558cWCtHY2Lh8YmLiCQDUIuLVRCKxtwBRBOB27nJ6XAhxcr4QDQ0NyyYnJ+WF1v25tQuiCMAwjGNEdEp1hohHOOdn5wrBGFsKAA8BgClnv0cikVgmk3lTEgLDMHqI6KiHs0NCiPNhIUzTXGJZ1n0ianCfQcSvRNQuhHgmf/esAsZYNwCcUJwRIu7nnF8MgmCM1SDiIBE1KXs/A0CbEOKFbxIWFgzDOExEZzwg9nDOr/pBmKZZZVlWPxG1KXs+AkCrEOJV0YuUuw1j7CAAnHO/FCLaALCTc35TPZtMJvV8Pt9HRBuVtfe6rrem0+m3JfkV9JyGYewjogsKxHRFRUVXNpvtK5w3TTMyPj5+CwA6lZiP6breMjw8/M7LVyglZIztRsRLRKS5jEwCwFYhxJ1kMqnl8/kbRLRNcf46Go22pNPpD34XDQUgDxuGsR0Arv0u04irnn8S0RZE3EFEuxTnLxGxLZfLfSr3yqEBpJFYLNZp27aMve4ySh7VNOpk+5egEM8JQBpjjG0CgF4AqPSMKWKuqqpqw9DQ0Lcg5746EHSQMdYOAHfVmyPiiKZp8Uwm8yPIRqAO+BlwEu6yGnNn/4SmaR3ZbPbRPwGQpWZZ1nU12xVnc4IInQNSZMbGxmQCqnU+QkRrAaDGBRIaIhSAI6+9qsIhYk7TtDYiMmzb7p8PRCCA01hue2j7aHV1dXMh22OxWMt8IMoCOC11gIjiqsgQkSmEKKrz+UD4Ashhwmmpaj9/jYhxP4WbK4QngByjpqam7snYqo0lGo02ldN2RzFDh6MEwBkgHwDAerWlVlZWNvl1NbXuw75EEUBdXd2KmZkZOcPVKgY/6roe9+rn5QQnDIQ6lHrNg3KMiquTTFil84F4KoSYza0igFQqVTEwMHClILPOANnsnuHCOnbvUyCeO6PZbAWV5IALYrOzcXZ6XejnQMh/Wh3u8vWsAgkxODi4Ws7tC3UcdD5QCYMMLHT9F2FlyDA8kA2cAAAAAElFTkSuQmCC) 50%/cover no-repeat;cursor:pointer;height:16px;width:16px}.battle-sp-tip .tippy-content .body[data-v-c6401e3a]{padding:0 20px 8px}.battle-sp-tip .tippy-content .body .spdesc[data-v-c6401e3a]{color:#333;font-size:13px;padding:12px 0 4px}.battle-sp-tip .tippy-content .body .content-list .content-item[data-v-c6401e3a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.battle-sp-tip .tippy-content .body .content-list .content-item:last-child .content[data-v-c6401e3a]{border-bottom:none}.battle-sp-tip .tippy-content .body .content-list .content-item .sort[data-v-c6401e3a]{background-color:#666;color:#fff;font-size:11px;height:12px;line-height:12px;text-align:center;width:12px}.battle-sp-tip .tippy-content .body .content-list .content-item .content[data-v-c6401e3a]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;border-bottom:1px solid rgba(0,0,0,.08);-webkit-box-sizing:content-box;box-sizing:content-box;color:#333;flex-grow:1;font-size:13px;line-height:42px}.battle-sp-tip .tippy-content .body .content-list .content-item .sp-list[data-v-c6401e3a]{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:24px}.battle-sp-tip .tippy-content .body .content-list .content-item .sp-list .sp-item[data-v-c6401e3a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-sp-tip .tippy-content .body .content-list .content-item .sp-list .sp-item img[data-v-c6401e3a]{height:10px;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);width:10px}.red[data-v-8af62a2c]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.red[data-v-8af62a2c],.yellow[data-v-8af62a2c]{border-radius:0!important;height:100%;width:100%}.yellow[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2))}.blue[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2))}.blue[data-v-8af62a2c],.purple[data-v-8af62a2c]{border-radius:0!important;height:100%;width:100%}.purple[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2))}.green[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2))}.green[data-v-8af62a2c],.red-w[data-v-8af62a2c]{border-radius:0!important;height:100%;width:100%}.red-w[data-v-8af62a2c]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.yellow-w[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.blue-w[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.purple-w[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.green-w[data-v-8af62a2c]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.battle-role-tippy[data-v-8af62a2c]{background:-webkit-linear-gradient(295deg,#262f3a,#31415e),#fff;background:linear-gradient(155deg,#262f3a,#31415e),#fff;border-radius:16px;overflow:hidden;position:fixed;visibility:hidden;width:440px}.battle-role-tippy.light[data-v-8af62a2c]{background:-webkit-gradient(linear,left top,left bottom,from(#effcff),to(#fff));background:-webkit-linear-gradient(top,#effcff,#fff);background:linear-gradient(180deg,#effcff,#fff);border-radius:8px}.battle-role-tippy.light .caption[data-v-8af62a2c]{background-color:rgba(85,125,156,.2);color:#333;font-weight:700}.battle-role-tippy.light .des-box .line[data-v-8af62a2c]{border-bottom-color:rgba(0,0,0,.15)}.battle-role-tippy.light .des-box .line .desc[data-v-8af62a2c]{color:#333}.battle-role-tippy.light .info-box .left-skill[data-v-8af62a2c]{background-color:rgba(141,151,162,.2)}.battle-role-tippy.light .info-box .left-skill .skill-title[data-v-8af62a2c]{background-color:rgba(85,125,156,.2);color:#333;font-weight:700}.battle-role-tippy.light .info-box .right-des .top-des span[data-v-8af62a2c]{color:#f60}.battle-role-tippy.light .info-box .right-des .des-content[data-v-8af62a2c]{color:#333}.battle-role-tippy.light .role-content[data-v-8af62a2c]{border-bottom-color:rgba(0,0,0,.15)}.battle-role-tippy.light .role-content .tab-wrapper .tab-item .bottom-text[data-v-8af62a2c]{background-color:rgba(136,183,201,.4);color:#333}.battle-role-tippy.light .role-content .tab-wrapper .tab-item .bottom-text-active[data-v-8af62a2c]:before{border-color:#333 transparent transparent #333}.battle-role-tippy.light .role-content .tab-wrapper .tab-item .bottom-text-active[data-v-8af62a2c]:after{background-color:#333}.battle-role-tippy.light .role-content .tab-wrapper .tab-item .recommend[data-v-8af62a2c]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAalJREFUOE+dk79qVEEYxc+5a2Ew6SzcB1i20MI7M4Xiv0XUIEgghZ2pzEMoYiWiD6GVdhaBIEgUZRMVLWbm2qRY9gE2RbpEksK9R+4SwyW7e2/iVMPMOT/O930zRM1K0/RGIcmybL1KyjqQtfYzSXnvb/03yDl3RdK3AkDyqvf++zRYZSJr7RqAOwfmjyGE+RODjDGXSP4oGyVdjjH+nAQ7TGStPZvneavRaLQktQAsAjh/xLQJYIVkfzgc9pMk6YcQtkelO+cuSPoE4Fxd46fcb5G8PUpkjJknuQJg5oSwPUmLMca1w9KMMTdJrgI4c0zYb0kLMcYvo9LKpjRNrydJ8h7AXA1sJ8/ze1mWbfzTjY3fOfdQ0qvKx0cue+9flzVjIGvtIwAvahI9DiG8rAQZY96QfFAFkvQ2xrhUlygDcLEk+nqwv1Y6+xVCSKtADWvtLoDTxYcn+cR7/6EwOOfuSnoOoADshxBmAQwnNts515a0KulpjPEdAB0pkcaY+ySfkVzw3vcmgtrt9lyz2dzrdrt/qnrU6XRODQaDmV6vtzN1/Md8jGOyv+1kl9u+HbYGAAAAAElFTkSuQmCC) left 6px center/9px 9px no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAalJREFUOE+dk79qVEEYxc+5a2Ew6SzcB1i20MI7M4Xiv0XUIEgghZ2pzEMoYiWiD6GVdhaBIEgUZRMVLWbm2qRY9gE2RbpEksK9R+4SwyW7e2/iVMPMOT/O930zRM1K0/RGIcmybL1KyjqQtfYzSXnvb/03yDl3RdK3AkDyqvf++zRYZSJr7RqAOwfmjyGE+RODjDGXSP4oGyVdjjH+nAQ7TGStPZvneavRaLQktQAsAjh/xLQJYIVkfzgc9pMk6YcQtkelO+cuSPoE4Fxd46fcb5G8PUpkjJknuQJg5oSwPUmLMca1w9KMMTdJrgI4c0zYb0kLMcYvo9LKpjRNrydJ8h7AXA1sJ8/ze1mWbfzTjY3fOfdQ0qvKx0cue+9flzVjIGvtIwAvahI9DiG8rAQZY96QfFAFkvQ2xrhUlygDcLEk+nqwv1Y6+xVCSKtADWvtLoDTxYcn+cR7/6EwOOfuSnoOoADshxBmAQwnNts515a0KulpjPEdAB0pkcaY+ySfkVzw3vcmgtrt9lyz2dzrdrt/qnrU6XRODQaDmV6vtzN1/Md8jGOyv+1kl9u+HbYGAAAAAElFTkSuQmCC) right 6px center/9px 9px no-repeat;background-color:rgba(136,183,201,.4);color:#333}.battle-role-tippy.light .role-content .tab-wrapper .tab-item-active[data-v-8af62a2c]{background:-webkit-gradient(linear,left top,left bottom,from(#a5c3d2),to(rgba(165,195,210,0)));background:-webkit-linear-gradient(top,#a5c3d2,rgba(165,195,210,0));background:linear-gradient(180deg,#a5c3d2,rgba(165,195,210,0))}.caption[data-v-8af62a2c]{background:rgba(99,104,134,.19);border-radius:4px;color:#333;font-size:13px;line-height:27px;text-align:center}.modal-title[data-v-8af62a2c]{background-color:rgba(120,165,211,.06);color:#333;font-size:16px;line-height:38px;text-align:center}.role-content[data-v-8af62a2c]{border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:16px}.role-content .tab-wrapper[data-v-8af62a2c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.role-content .tab-wrapper .tab-item[data-v-8af62a2c]{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;height:150px;padding:18px 18px 15px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.role-content .tab-wrapper .tab-item .avatar-wrapper[data-v-8af62a2c]{border-radius:8px;height:120px;margin:0 auto;position:relative;width:96px}.role-content .tab-wrapper .tab-item .avatar-wrapper .strenth-icon[data-v-8af62a2c]{height:30px;position:absolute;right:0;top:0;width:38px}.role-content .tab-wrapper .tab-item .avatar-wrapper .strenth-icon img[data-v-8af62a2c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.role-content .tab-wrapper .tab-item .avatar-wrapper img[data-v-8af62a2c]{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.role-content .tab-wrapper .tab-item .avatar-wrapper .bottom-info[data-v-8af62a2c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(180deg,transparent,#000);border-radius:0 0 8px 8px;bottom:0;color:#fff;font-size:12px;left:0;line-height:18px;min-height:24px;padding:3px 6px;right:0}.role-content .tab-wrapper .tab-item .bottom-text[data-v-8af62a2c]{background-color:#1c1e21;border-radius:20px;color:#999;font-size:12px;line-height:22px;margin-top:7px;min-width:96px;padding:0 20px;text-align:center}.role-content .tab-wrapper .tab-item .bottom-text-active[data-v-8af62a2c]:before{border-color:#fff transparent transparent #fff;border-style:solid;border-width:4px;bottom:-2px;content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:0}.role-content .tab-wrapper .tab-item .bottom-text-active[data-v-8af62a2c]:after{background-color:#fff;bottom:0;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:96px}.role-content .tab-wrapper .tab-item .recommend[data-v-8af62a2c]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABfklEQVR4AYRTUVLCMBB9G/ALP3oEvAGcQHoDDiBDnAHHH8Z6AvAGAX8cqWOLHkBPIEfwCByBCzQxWwxTUiA73WY3efual2wFAjYYT2QAUi4HiQhiKmUSIWBnieQo6cGYdnFR9AM8OEtkyAyZQBhRjhyf8vNEQA/WDEwnJO8kkZOFnUUheeLmLukPRw8/vmvS7zuO3ZtAUx/D+WA0SRghPl/VFxHlILSthJ5zGLRRNZu7NR5h5Wro74/0WTGslJYtVUYNiu1X1zwZciL6paboOhLGl0QcZC9qk6fz2MZP1k8/BnNqUcz4KmhP5CZX6WIGoo3LvXErCjHLlNp68/U+kuOkw03oA//zCE10cMRqO9Ja+/9Wbuv2O9BGH+3yGhEI17YQRNgIiNhKlcIeLDm5hCGv+35AJO8TvnIrDTm1RDdL1ZoL+GDz5fzKxnwRUdmsNqk+B0QowH30uHpbyEypvRxXYHc3EyRugaJ2TgdE3E/V3nAE1ZExuGxk1TmO/wAAAP//Nr6rzAAAAAZJREFUAwCK/ZVzTKCDawAAAABJRU5ErkJggg==) left 6px center/9px 9px no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABfklEQVR4AYRTUVLCMBB9G/ALP3oEvAGcQHoDDiBDnAHHH8Z6AvAGAX8cqWOLHkBPIEfwCByBCzQxWwxTUiA73WY3efual2wFAjYYT2QAUi4HiQhiKmUSIWBnieQo6cGYdnFR9AM8OEtkyAyZQBhRjhyf8vNEQA/WDEwnJO8kkZOFnUUheeLmLukPRw8/vmvS7zuO3ZtAUx/D+WA0SRghPl/VFxHlILSthJ5zGLRRNZu7NR5h5Wro74/0WTGslJYtVUYNiu1X1zwZciL6paboOhLGl0QcZC9qk6fz2MZP1k8/BnNqUcz4KmhP5CZX6WIGoo3LvXErCjHLlNp68/U+kuOkw03oA//zCE10cMRqO9Ja+/9Wbuv2O9BGH+3yGhEI17YQRNgIiNhKlcIeLDm5hCGv+35AJO8TvnIrDTm1RDdL1ZoL+GDz5fzKxnwRUdmsNqk+B0QowH30uHpbyEypvRxXYHc3EyRugaJ2TgdE3E/V3nAE1ZExuGxk1TmO/wAAAP//Nr6rzAAAAAZJREFUAwCK/ZVzTKCDawAAAABJRU5ErkJggg==) right 6px center/9px 9px no-repeat;background-color:#1c1e21;color:#c0a078}.role-content .tab-wrapper .tab-item-active[data-v-8af62a2c]{background-image:-webkit-gradient(linear,left top,left bottom,from(#414f5d),to(rgba(65,79,93,0)));background-image:-webkit-linear-gradient(top,#414f5d,rgba(65,79,93,0));background-image:linear-gradient(180deg,#414f5d,rgba(65,79,93,0))}.role-content .tab-wrapper .tab-item-inavtive[data-v-8af62a2c]:after{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.des-box[data-v-8af62a2c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.des-box .line[data-v-8af62a2c],.des-box[data-v-8af62a2c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.des-box .line[data-v-8af62a2c]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);height:44px}.des-box .line[data-v-8af62a2c]:last-child{border-bottom:none}.des-box .line img[data-v-8af62a2c]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:28px;margin-right:10px;width:28px}.des-box .line .desc[data-v-8af62a2c]{-webkit-box-flex:1;color:#fff;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-box[data-v-8af62a2c]{border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-column-gap:17px;-moz-column-gap:17px;column-gap:17px;width:100%}.info-box .left-skill[data-v-8af62a2c],.info-box[data-v-8af62a2c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.info-box .left-skill[data-v-8af62a2c]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.13);border-radius:4px;-webkit-box-sizing:content-box;box-sizing:content-box;padding:2px 2px 7px;row-gap:16px}.info-box .left-skill .skill-title[data-v-8af62a2c]{background-color:rgba(99,104,134,.19);color:#ccc;font-size:13px;font-weight:400;line-height:24px;text-align:center;width:88px}.info-box .left-skill img[data-v-8af62a2c]{height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.info-box .right-des[data-v-8af62a2c]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.info-box .right-des .top-des[data-v-8af62a2c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.info-box .right-des .top-des span[data-v-8af62a2c]{color:#ffc982;font-size:15px;font-weight:500;line-height:21px;margin-right:30px}.info-box .right-des .top-des span[data-v-8af62a2c]:last-child{margin-right:0}.info-box .right-des .des-content[data-v-8af62a2c]{color:#fff;font-size:14px;font-weight:400}.drag-item[data-v-471d112b]{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.drag-item .empty-role-bg[data-v-471d112b]{height:100%;padding:2px;width:100%}.drag-item .empty-role-bg .bg[data-v-471d112b]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url(data:image/png;base64,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) 50%/100% 100% no-repeat;height:100%;width:100%}.drag-item .empty-role-bg .bg img[data-v-471d112b]{height:28px;width:28px}.drag-item img[data-v-471d112b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-item .item-bg[data-v-471d112b]{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.drag-item .role-img-box[data-v-471d112b]{height:100%;overflow:hidden;position:absolute;width:100%}.drag-item .role-img-box .role-img[data-v-471d112b]{height:120%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:38%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120%}.drag-item .role-img-box .role-img-normal[data-v-471d112b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-item .item-infos[data-v-471d112b]{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.drag-item .item-infos .index[data-v-471d112b]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAb1JREFUWEft2c1KAgEQB/CZFaQ8FBGdvFWHoGfoYlhUGhGpeCgISuwtfIsWC4I6iG5EpBgleOkZgi4ePUVEHSwW3Ik9RKuiszpBEONt3fnPDL/9uCxC1y+ynqTu//7yuF4toXd+x4F7QhcWXh4VFgKycRVmiYQFKiwEZOMqzBIJC1RYCMjGVZglEhaosBCQjaswSyQsUGEhIBtXYZZIWKDCQkA2rsIskbBAhYWAbFyFWSJhgQoLAdm4CrNEwoL/J7y8kWoQ0awQ5pfi2KhXi/PeZj3fOIgIo7HUCgEeAVCMCAK/NN1XG0RoA2AFgY5rleI9InZ8JOpZ2Ns1EtsLG2AfEjkHRBD2NXHEIkRoIhqnDgRP6pXzZr82Axf+DiUSpcDLx9UmOJQFoCgA+Mr52J0AsAYGmtPj2zeWlWxzmaEHr22l5mwbMgS0DwAz3IA+558R8CwYhPztdbExTI+hF/5RzwVfP592yKEsES35GYqID2igOTW2cGlZOdtPprtm5IW9jVbj6cW247iL7xLAZNdT/YaIFwHDMO/KhcdRlhz4lpA0jMczoZbzngZy73X3TkczZEwUyuV8S9LXm/0Cpeb4LRcArxIAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;color:#fff;font-size:14px;font-weight:500;height:26px;left:0;top:0;width:22px}.drag-item .item-infos .strenth-icon[data-v-471d112b]{height:24px;position:absolute;right:0;top:2px;width:32px}.drag-item .item-infos .strenth-icon img[data-v-471d112b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-item .item-infos .skill-icon[data-v-471d112b]{bottom:17px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:36px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.drag-item .item-infos .skill-icon img[data-v-471d112b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-item .item-infos .corner-icon[data-v-471d112b]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20px;position:absolute;right:5px;top:26px;width:20px}.drag-item .item-infos .corner-icon img[data-v-471d112b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-item .item-infos .bottom-info[data-v-471d112b]{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(34,24,21,.69);-webkit-box-sizing:border-box;box-sizing:border-box;height:25px;padding:3px;width:100%}.drag-item .item-infos .bottom-info .label[data-v-471d112b]{-webkit-box-flex:1;color:#fff;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.drag-item .item-infos .role-sp-box[data-v-471d112b]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;background:-webkit-gradient(linear,left top,left bottom,from(rgba(39,49,60,0)),color-stop(43%,rgba(39,49,60,.47)),to(#27313c));background:-webkit-linear-gradient(top,rgba(39,49,60,0),rgba(39,49,60,.47) 43%,#27313c);background:linear-gradient(180deg,rgba(39,49,60,0),rgba(39,49,60,.47) 43%,#27313c);bottom:0;height:58px;left:0;padding-bottom:6px;position:absolute;width:100%}.drag-item .item-infos .role-sp-box .role-sp-line[data-v-471d112b]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:0 5px;height:8px;width:100%}.drag-item .item-infos .role-sp-box .item[data-v-471d112b]{height:8px;width:8px}.drag-item .item-infos .remove-icon[data-v-471d112b]{cursor:pointer;height:20px;left:0;position:absolute;top:0;width:20px}.drag-item .item-infos .remove-icon img[data-v-471d112b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tippy-box[data-theme~=zsca2-pingce-battle-role-tippy]{border:1px solid #d1e3eb;border-radius:10px}.tippy-box[data-theme~=zsca2-pingce-battle-role-tippy] .tippy-arrow{color:#e8f7fc}.red-shadow{border:1px solid #ff4747;-webkit-box-shadow:0 0 6px 4px rgba(255,2,2,.38);box-shadow:0 0 6px 4px rgba(255,2,2,.38)}.red-shadow,.yellow-shadow{-webkit-filter:blur(0);filter:blur(0)}.yellow-shadow{border:1px solid #f0af14;-webkit-box-shadow:0 0 6px 4px rgba(255,180,0,.54);box-shadow:0 0 6px 4px rgba(255,180,0,.54)}.blue-shadow{border:1px solid #00cdff;-webkit-box-shadow:0 0 6px 4px rgba(0,205,255,.52);box-shadow:0 0 6px 4px rgba(0,205,255,.52)}.blue-shadow,.purple-shadow{-webkit-filter:blur(0);filter:blur(0)}.purple-shadow{border:1px solid #d224db;-webkit-box-shadow:0 0 6px 4px rgba(243,0,255,.44);box-shadow:0 0 6px 4px rgba(243,0,255,.44)}.green-shadow{border:1px solid #2ae417;-webkit-box-shadow:0 0 6px 4px rgba(61,247,42,.54);box-shadow:0 0 6px 4px rgba(61,247,42,.54);-webkit-filter:blur(0);filter:blur(0)}.custom-btn{background-color:#5e646e;border-color:transparent;color:#fff;height:28px;padding:0}.custom-btn:hover{background-color:#4a4f55;border-color:transparent}.custom-btn:active{background-color:#3a3e42;border-color:transparent}.custom-btn:focus{background-color:#4a4f55;border-color:transparent}.custom-btn span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.custom-btn.tip{width:28px}.custom-btn.setting{width:104px}.custom-btn .btn-tip-icon{height:18px;width:18px}.custom-btn .btn-small-icon{height:14px;width:14px}.custom-btn .expand-icon{height:6px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .3s;transition:all .3s;width:9px}.custom-btn .expand-icon.rotate{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.error-sp{color:#864242!important}.sp-rule-popover{border:none;border-radius:8px;padding:0}.sp-rule-popover .popper__arrow,.sp-rule-popover .popper__arrow:after{border-bottom-color:#dfe1e9!important}.sp-rule-popover .popover-content{border-radius:8px;overflow:hidden}.sp-rule-popover .popover-content .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#dfe1e9;color:#333;height:31px;padding-left:10px}.sp-rule-popover .popover-content .content{color:#666;font-size:12px;font-weight:400;line-height:17px;padding:10px 12px}.sp-rule-popover .popover-content .rule-content .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.06);color:#060606;font-size:13px;height:56px;padding:0 12px}.sp-rule-popover .popover-content .rule-content .item .label{color:#333;font-size:12px}.sp-rule-popover .popover-content .rule-content .item .right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.sp-rule-popover .popover-content .rule-content .item .right span{margin-left:5px}.sp-rule-popover .popover-content .rule-content .item:last-child{border-bottom:none}.battle-new-main{width:100%}.battle-new-main .sp-setting-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:14px;margin-top:14px;padding-bottom:12px;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;border-bottom:1px solid rgba(0,0,0,.15);justify-content:space-between}.battle-new-main .sp-setting-box.no-margin-sp-box{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;border:none;justify-content:center;margin:0;padding:17px 0}.battle-new-main .sp-setting-box.union-sp-box .footer .sp-line .sp-container .star-item{margin-right:4px!important}.battle-new-main .sp-setting-box.union-sp-box .footer .sp-line .sp-container .star-item img{height:8px!important;width:8px!important}.battle-new-main .sp-setting-box .left-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-new-main .sp-setting-box .left-info .tip-img{height:23px;margin-right:8px;width:24px}.battle-new-main .sp-setting-box .left-info .tip{color:#060606;font-size:13px;font-weight:500;margin-right:8px;white-space:nowrap}.battle-new-main .sp-setting-box .footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px}.battle-new-main .sp-setting-box .footer.no-border-footer{border-top:none}.battle-new-main .sp-setting-box .footer.no-border-footer .sp-line .sp-container .star-item{margin-right:6px}.battle-new-main .sp-setting-box .footer.no-border-footer .sp-line .sp-container .star-item img{height:9px;width:9px}.battle-new-main .sp-setting-box .footer .sp-line,.battle-new-main .sp-setting-box .footer .sp-line .sp-container,.battle-new-main .sp-setting-box .footer .sp-line .sp-container .star-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-new-main .sp-setting-box .footer .sp-line .sp-container .star-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:8px}.battle-new-main .sp-setting-box .footer .sp-line .sp-container .star-item:last-child{margin-right:0}.battle-new-main .sp-setting-box .footer .sp-line .sp-container .star-item img{height:10px;width:10px}.battle-new-main .sp-setting-box .footer .sp-line .sp-container .star-item span{color:#666;font-size:10px;white-space:nowrap}.battle-new-main .sp-setting{margin-bottom:10px}.battle-new-main .add-boss-box,.battle-new-main .sp-setting{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-new-main .add-boss-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:rgba(166,171,183,.4);border-radius:2px;color:#5e646e;cursor:pointer;font-size:14px;gap:8px 0;height:60px;justify-content:center;width:100%}.battle-new-main .add-boss-box img{height:16px;width:16px}.battle-new-main .view-sp{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#060606;font-size:14px;font-weight:600;line-height:20px;padding-bottom:16px;width:100%}.battle-new-content,.battle-new-main .view-sp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.battle-new-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.battle-new-content.expand-battle{border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:10px;padding-bottom:10px}.battle-new-content .option-lines{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.battle-new-content .option-lines .option-title{color:#666;font-size:18px}.battle-new-content .option-lines .option-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:0 5px}.battle-new-content.no-border-battle{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;border-bottom:none;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;justify-content:center;margin-bottom:0;padding-bottom:0}.battle-new-content.union .left .inner-content{max-height:434px}.battle-new-content.union .left .inner-content .drag-list .item{height:55px;width:55px}.battle-new-content.union .view-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:0;width:100px}.battle-new-content.union .view-left .drag-list{gap:7px!important}.battle-new-content.union .view-left .drag-list .item{margin-right:0;width:100%}.battle-new-content.union .right .container .draggle-box .side .drag-list{gap:6px}.battle-new-content .left-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.battle-new-content .left{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;row-gap:6px;width:100%}.battle-new-content .left,.battle-new-content .left .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0}.battle-new-content .left .title{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.15);color:#333;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:14px;line-height:20px;margin-bottom:15px;padding-bottom:7px;text-align:center}.battle-new-content .left .inner-content{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;width:100%}.battle-new-content .left .inner-content::-webkit-scrollbar{height:4px;width:2px}.battle-new-content .left .inner-content::-webkit-scrollbar-track{background:#ccc;border-radius:2px}.battle-new-content .left .inner-content::-webkit-scrollbar-thumb{background:#999;border-radius:3px;height:4px;width:2px}.battle-new-content .left .inner-content .add-role{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:66px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:rgba(166,171,183,.4);border-radius:2px;color:#5e646e;cursor:pointer;font-size:14px;row-gap:8px}.battle-new-content .left .inner-content .add-role img{height:16px;width:16px}.battle-new-content .left .inner-content .drag-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.battle-new-content .left .inner-content .drag-list .item{-webkit-box-flex:0;background:rgba(166,171,183,.4);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:66px;position:relative;width:66px}.battle-new-content .left .inner-content .drag-list .item:last-child{margin-bottom:0}.battle-new-content .left .inner-content .drag-list .item .index{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:4px;position:absolute;top:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#3c4b5e;-webkit-clip-path:polygon(0 70%,0 0,100% 0,100% 70%,50% 100%);clip-path:polygon(0 70%,0 0,100% 0,100% 70%,50% 100%);color:#fff;font-size:11px;height:16px;line-height:16px;width:14px}.battle-new-content .left .inner-content .drag-list .item .icon{height:100%;overflow:hidden;position:relative;width:100%}.battle-new-content .left .inner-content .drag-list .item .icon img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.battle-new-content .left .inner-content .drag-list .item .infos{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:21px;left:0;position:absolute;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:-webkit-gradient(linear,right top,left top,from(transparent),to(#222830));background:-webkit-linear-gradient(right,transparent,#222830);background:linear-gradient(270deg,transparent,#222830);justify-content:center;overflow:hidden}.battle-new-content .left .inner-content .drag-list .item .infos .name{color:#fff;font-size:10px;line-height:21px;overflow:hidden;padding-left:6px;text-overflow:ellipsis;white-space:nowrap}.battle-new-content .left .inner-content .drag-list .item .pic{height:26px;position:absolute;right:2px;top:2px;width:26px}.battle-new-content .left .inner-content .drag-list .item .pic .skill-icon{background:hsla(0,0%,85%,.66);border:1px solid #888;border-radius:50%;height:100%;padding:1px;width:100%}.battle-new-content .left .inner-content .drag-list .item .pic .skill-icon.gray{background:-webkit-gradient(linear,left top,left bottom,from(#525161),to(#9997af));background:-webkit-linear-gradient(top,#525161,#9997af);background:linear-gradient(180deg,#525161,#9997af)}.battle-new-content .left .inner-content .drag-list .item .pic .skill-icon img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.battle-new-content .view-left{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:auto;margin-left:0;width:98px}.battle-new-content .view-left,.battle-new-content .view-left .drag-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.battle-new-content .view-left .drag-list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto!important}.battle-new-content .view-left .drag-list .item{height:55px!important;margin-right:0;width:100%!important}.battle-new-content .right .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.battle-new-content .right .container .draggle-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.battle-new-content .right .container .draggle-box.edit-draggle-box{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.battle-new-content .right .container .draggle-box .arrow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-new-content .right .container .draggle-box .arrow.union-margin{margin-top:-58px}.battle-new-content .right .container .draggle-box .arrow.union-margin-view{margin-top:-53px}.battle-new-content .right .container .draggle-box .arrow img{height:28px;width:14px}.battle-new-content .right .container .draggle-box .side.left-side .union-line{background:rgba(166,171,183,.4);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;margin-top:8px;width:100%}.battle-new-content .right .container .draggle-box .side.left-side .union-line .icon{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:100%;width:96px}.battle-new-content .right .container .draggle-box .side.left-side .union-line .icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.battle-new-content .right .container .draggle-box .side.left-side .union-line .dead-content{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;color:#333;font-size:14px;font-weight:600}.battle-new-content .right .container .draggle-box .side.left-side .union-line .action-content,.battle-new-content .right .container .draggle-box .side.left-side .union-line .dead-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1;-ms-flex:1;flex:1;height:100%}.battle-new-content .right .container .draggle-box .side.left-side .union-line .action-content{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;overflow:hidden;padding:7px 10px}.battle-new-content .right .container .draggle-box .side.left-side .union-line .action-content .infos{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.battle-new-content .right .container .draggle-box .side.left-side .union-line .action-content .infos .name{color:#333;font-size:14px;font-weight:600;line-height:20px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-new-content .right .container .draggle-box .side.left-side .union-line .action-content .infos .des{color:rgba(51,51,51,.7);font-size:12px;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.battle-new-content .right .container .draggle-box .side.left-side .union-line .action-content .skill-img{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:40px;margin-left:20px;overflow:hidden;width:40px}.battle-new-content .right .container .draggle-box .side.left-side .union-line .action-content .skill-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.battle-new-content .right .container .draggle-box .side.right-side{background:rgba(166,171,183,.4);position:relative;width:115px}.battle-new-content .right .container .draggle-box .side.right-side.view-ms{width:78px}.battle-new-content .right .container .draggle-box .side.right-side.view-ms .boss-info{width:60px}.battle-new-content .right .container .draggle-box .side.right-side.view-ms .boss-info .cover{height:52px;width:52px}.battle-new-content .right .container .draggle-box .side.right-side.view-ms .boss-info .b-footer{width:60px}.battle-new-content .right .container .draggle-box .side.right-side.card-side .boss-info .cover,.battle-new-content .right .container .draggle-box .side.right-side.card-side .boss-info .cover img{border-radius:2px}.battle-new-content .right .container .draggle-box .side.right-side .bg-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:.2;position:absolute;top:0;width:100%}.battle-new-content .right .container .draggle-box .side.right-side .bg-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.battle-new-content .right .container .draggle-box .side.right-side .add-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;left:50%;padding:10px 0;position:absolute;row-gap:8px;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.battle-new-content .right .container .draggle-box .side.right-side .add-item img{height:16px;width:16px}.battle-new-content .right .container .draggle-box .side.right-side .add-item .text{color:#5e646e;font-size:14px;font-weight:500}.battle-new-content .right .container .draggle-box .side.right-side .boss-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.battle-new-content .right .container .draggle-box .side.right-side .boss-info .cover{border:1px solid hsla(0,0%,100%,.5);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:99px;padding:4px;position:relative;width:99px}.battle-new-content .right .container .draggle-box .side.right-side .boss-info .cover img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.battle-new-content .right .container .draggle-box .side.right-side .boss-info .cover .attr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;border-radius:50%;bottom:0;height:26px;justify-content:center;right:0;width:26px}.battle-new-content .right .container .draggle-box .side.right-side .boss-info .cover .attr img{height:22px;width:22px}.battle-new-content .right .container .draggle-box .side.right-side .boss-info .b-footer{-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px;font-weight:500;height:44px;line-height:16px;margin-top:12px;padding:0 4px;text-align:center}.battle-new-content .right .container .draggle-box .side.right-side .boss-info .b-footer,.battle-new-content .right .container .draggle-box .side.right-side .exchange-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:99px}.battle-new-content .right .container .draggle-box .side.right-side .exchange-btn{background:#5e646e;border:1px solid #fff;border-radius:4px;bottom:8px;color:#fff;cursor:pointer;font-size:12px;height:28px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.battle-new-content .right .container .draggle-box .side.right-side .exchange-btn .icon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAXNSR0IB2cksfwAAABJQTFRFAAAA////////////////////PlKtOgAAAAZ0Uk5TAAH/gEG/3krjCQAAAHdJREFUeJytkNENgCAMBbsC1gVsXQCMA8gK7r+LUEy0LYkxoZ/HAa8PghsYgebToYmiRZnYIiTR1PNJNIWapkOIBgG3Z1LVoJyoWfsoaxTHNPET4Wcu7qNykV+bS/pWnPrx7leFMFpFRpOoqaQxCGlxC+3HmCbcXJcZOT8WXjMwAAAAAElFTkSuQmCC) 50%/100% 100% no-repeat;height:12px;margin-right:5px;width:12px}.battle-new-content .right .container .draggle-box .side .drag-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.battle-new-content .right .container .draggle-box .side .drag-list .drag-bg{background:rgba(166,171,183,.4);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:all ease;transition:all ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.battle-new-content .right .container .draggle-box .side .drag-list .drag-bg.no-enemy-bg{padding:2px}.battle-new-content .right .container .draggle-box .side .drag-list .drag-bg .enemy-item{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:100%;width:100%}.battle-new-content .right .container .draggle-box .side .drag-list .drag-bg .enemy-item.no-enemy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url(data:image/png;base64,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) 50%/100% 100% no-repeat;height:100%;width:100%}.battle-new-content .right .container .draggle-box .side .drag-list .drag-bg .enemy-item.no-enemy img{height:28px;width:28px}.battle-new-content .right .container .draggle-box .side .drag-list .drag-bg .enemy-item.has-enemy{background:url(/dist/assets/images/monster_bg.9b6730c9.png) no-repeat;background-size:100% 100%}.battle-new-content .right .container .draggle-box .side .drag-list .union-drag .drag-item .item-infos .corner-icon{height:18px;right:4px;top:23px;width:18px}.battle-new-content .right .container .draggle-box .side .drag-list .union-drag .drag-item .item-infos .strenth-icon{height:22px;width:27px}.battle-new-content .right .container .draggle-box .side .drag-list .union-drag .drag-item .item-infos .skill-icon{bottom:10px;height:26px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:26px}.battle-new-content .right .container .draggle-box .side .drag-list .union-drag .drag-item .item-infos .role-sp-box{gap:0 3px;padding-bottom:2px}.battle-new-content .right .container .draggle-box .side .drag-list .union-drag .drag-item .item-infos .role-sp-box .item{height:5px;width:5px}.team-container{background:-webkit-gradient(linear,left top,left bottom,from(#dfe1e9),to(#d2d5d9));background:-webkit-linear-gradient(top,#dfe1e9,#d2d5d9);background:linear-gradient(180deg,#dfe1e9,#d2d5d9);margin-left:8vw}.team-container .el-dialog__header{color:#333;font-size:18px;font-weight:600;height:57px;padding:0 20px}.team-container .el-dialog__header,.team-container .el-dialog__header .modal-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.team-container .el-dialog__header .modal-title{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.team-container .el-dialog__header .modal-title i{cursor:pointer;font-size:20px;font-weight:500}.team-container .el-dialog__body{padding:0 11px 11px}.team-container .el-dialog__body .team-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:550px}.team-container .el-dialog__body .team-content .left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;margin-right:12px;overflow:hidden;width:322px}.team-container .el-dialog__body .team-content .left.union{width:400px}.team-container .el-dialog__body .team-content .left .card{-webkit-box-flex:0;background-color:#fff;border-radius:8px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding:16px 13px}.team-container .el-dialog__body .team-content .left .card.union{padding:16px 12px}.team-container .el-dialog__body .team-content .left .card.union .flex-summons{gap:7px}.team-container .el-dialog__body .team-content .left .card.union .flex-summons .flex-item{height:66px;width:66px}.team-container .el-dialog__body .team-content .left .card.pet{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto}.team-container .el-dialog__body .team-content .left .card .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;background:rgba(166,171,183,.5);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px;font-weight:500;height:32px;justify-content:space-between;margin-bottom:18px;padding:0 17px;width:100%}.team-container .el-dialog__body .team-content .left .card .title .dot{background:rgba(90,68,52,.6);border-radius:50%;height:4px;width:4px}.team-container .el-dialog__body .team-content .left .card .flex-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;justify-content:center}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item{border-radius:0;height:84px;position:relative;width:84px}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item:hover .mask{opacity:1}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .bottom-info{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(180deg,transparent,#000);border-radius:0;bottom:0;color:#fff;font-size:12px;height:24px;text-overflow:ellipsis;white-space:nowrap}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .bottom-info,.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .set-bg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;left:0;overflow:hidden;width:100%}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .set-bg{height:100%;top:0}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .set-bg img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .set-bg-empty{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABHNJREFUaEPtmf1rW2UUx8957k3apGEy3zqcFIeKg1XUUkUKFqPbkqZqRyWPa1ImiH+WsNmtSXuTFVxp0ui26w8DYXRQEARfNpWKa90bte3aJvc+R1IohtLm3ufeJyUrya/5nu/5fs5Jnpt7g3DAX3jA+aAF+KRvuLXB1gabfAKtj2iTL8gxXmuDjiOqIxgbK3Vo7fgqIb2IRIcRoQ3AtpFwBZAtgcVuj4yc/ttPD6fahmyQiDCT+7aHMXhDCKHXDYG4FNL0G8PDJx84hfXyvnLAKlw2V+wnwNckAtk2sOvneOx3iRpXUuWA2fxMrxCsx1X3GhEiCp1givP4Q9naenqlgKZpti8+WE8JgfU/lnskQqK7qc8S000LOG7MvgNAb/oJGADMq9yi0g2O54pngeCQH0AAcTPNB+f9efxfrQzw/HmzPdixcc5vMA3ZwtlkrOjXZ7teGaBhXDtagfKggmDlNB+4oMBny0IZ4MRE4WWb4YcqgqWS8a+qp6oKL2WAmXzpOAnRryJUALoucH6irMJLGeD45Ew/IDuuIhQLsuLImdiCCi8lgJnM1U7SK0MqAm19bxhs6mLlEufc9uupBHBiqtRtW6LPb5ja+gA8dZHzvnW/nkoAM99c7aRNdRtkwJZHeGzSL5zaU/Tyd+9aVuV1RPQ1NAJcZW36tdTQyaWmAqyGMYzZVypAH3gNxhizjjwTHItGo5ZXj511vqa902xubi7w8517aQAIegqo4a/pT+Omp9o9ipQCVnt4PXAQRUWn4BTnp5abGrAaLpsvvCUEvu06KNIatodKqY+j913XuBQq3+B232yu1CdIdLvJYemBy58/KY8stoEMY/poBXTnH99Ia+lkYtzNILxoGrZBwzCPVGDjE6dQBLQ8yhNKrnm79WoY4MWJ2R7GqNcJsPp+pK2cHRoaWnGjldU0BPBr40qXDoFTAKC5CcQA7mmwMsM5V3IHUdtTKWBm2nwW1tdPSD4y3MrDAFc10OcjkfLtRCKx6WYwbjS+AQ1j9ukKsC4G9jEB8JybpvU01RtdJLiLOv7JrOAfnEdX/Xh6BjSM0rEKil4gOOwngGMtg79CjM0ND8f+cdTuIpAGNE1TX7pfjtskXvDS0HsNu5XmsVuy9dKAMqejbBhHfTiSS3/03iNHXY1AGjAzWThDiM/LNFGlJRA/jPLBH2X8pAHHc4U0EHbINFGlRYCfUnzghoyfNGAmN/MlEWMyTVRpEei3FE9cl/GTBszmC194/XNFJthuWobwy0hy4HsZH2nAzGRxlBDCMk3UaXE+zeM3ZfykAS/lCqeR8CWZJqq0ARBXOB9clPGTBjQMM1LW1rtRsE4gql7kvT2ecJGy+oyGwH4oLFgMB7U7Xi720oA7c1X/9Fx4VD6kkRbR0A7bFoUZUhiBhQRCG5FoRwFtwESg5nCyAbECQGVE2gDBNjQNHwuyHqNFa4yF/gVgy8nk+2uISC5msafEN6Cf5vtR2wLcjyk3skdrg42c7n54tza4H1NuZI8Dv8H/APW/bEhkQpB8AAAAAElFTkSuQmCC) 50%/28px 28px no-repeat rgba(166,171,183,.25)}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .mask{left:0;position:absolute;top:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.3);color:#fff;cursor:pointer;font-size:12px;height:100%;opacity:0;-webkit-transition:all .3s;transition:all .3s;width:100%}.team-container .el-dialog__body .team-content .left .card .flex-line .flex-item .mask,.team-container .el-dialog__body .team-content .left .card .flex-summons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.team-container .el-dialog__body .team-content .left .card .flex-summons{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.team-container .el-dialog__body .team-content .left .card .flex-summons .flex-item{background-color:rgba(166,171,183,.25);border-radius:0;height:68px;position:relative;width:68px}.team-container .el-dialog__body .team-content .left .card .flex-summons .flex-item:hover .mask{opacity:1}.team-container .el-dialog__body .team-content .left .card .flex-summons .flex-item .bottom-info{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(180deg,transparent,#000);border-radius:0 0 8px 8px;bottom:0;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-container .el-dialog__body .team-content .left .card .flex-summons .flex-item .bottom-info,.team-container .el-dialog__body .team-content .left .card .flex-summons .flex-item .mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:12px;left:0;width:100%}.team-container .el-dialog__body .team-content .left .card .flex-summons .flex-item .mask{background-color:rgba(0,0,0,.3);cursor:pointer;height:100%;opacity:0;top:0;-webkit-transition:all .3s;transition:all .3s}.team-container .el-dialog__body .team-content .left .card .flex-summons .flex-item img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-container .el-dialog__body .team-content .right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;background-color:#fff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;overflow:hidden;padding:12px 16px}.team-container .el-dialog__body .team-content .right .search{-webkit-box-flex:0;border-bottom:1px solid #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:40px;margin-bottom:18px;padding:10px 0;width:100%}.team-container .el-dialog__body .team-content .right .search input{border:none;color:#333;outline:none;width:100%}.team-container .el-dialog__body .team-content .right .search input::-webkit-input-placeholder{color:#999}.team-container .el-dialog__body .team-content .right .search input::-moz-placeholder{color:#999}.team-container .el-dialog__body .team-content .right .search input:-ms-input-placeholder{color:#999}.team-container .el-dialog__body .team-content .right .search input::-ms-input-placeholder{color:#999}.team-container .el-dialog__body .team-content .right .search input::placeholder{color:#999}.team-container .el-dialog__body .team-content .right .content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-bottom:16px;overflow:auto}.team-container .el-dialog__body .team-content .right .content .role-box{display:grid;grid-template-columns:repeat(5,85px);row-gap:37px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.team-container .el-dialog__body .team-content .right .content .role-box .role-item{border-radius:8px;cursor:pointer;height:112px;position:relative}.team-container .el-dialog__body .team-content .right .content .role-box .role-item .bottom-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;bottom:-26px;color:#333;font-size:12px;height:24px;left:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.team-container .el-dialog__body .team-content .right .content .role-box .role-item img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-container .el-dialog__body .team-content .right .footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:40px}.team-container .el-dialog__body .team-content .right .footer .tab-box{background-color:rgba(86,103,125,.2);-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:12px;padding:4px}.team-container .el-dialog__body .team-content .right .footer .tab-box,.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:4px;height:100%}.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#545766;cursor:pointer;font-size:13px;justify-content:center;padding:0 14px}.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item.property{height:32px;margin-right:10px;padding:0;width:32px}.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item.property:last-child{margin-right:0}.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item.property img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item.level{font-size:14px}.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item.active{background-color:#5e646e;color:#fff}.team-container .el-dialog__body .team-content .right .footer .tab-box .tab-item.active img{-webkit-filter:brightness(4);filter:brightness(4)}.team-container .el-dialog__body .team-content .right .footer .tab-box:last-child{margin-right:0}.exchange-btn[data-v-5914267c]{background-color:#5889d4;border-color:transparent;color:#fff}[data-v-5914267c] .exchange-container{background-color:#fff}[data-v-5914267c] .exchange-container .el-dialog__header{padding:0}[data-v-5914267c] .exchange-container .exchange-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[data-v-5914267c] .exchange-container .exchange-content .title{color:#333;font-size:16px;font-weight:600;line-height:22px;margin-bottom:13px}[data-v-5914267c] .exchange-container .exchange-content .des{color:#666;font-size:16px;font-weight:400;line-height:22px;margin-bottom:25px}[data-v-5914267c] .exchange-container .exchange-content .option .ok-btn{background-color:#967a5f;border-color:transparent;color:#fff;width:94px}[data-v-5914267c] .exchange-container .exchange-content .option .cancel-btn{background-color:#fff;border-color:#967a5f;color:#967a5f;width:94px}[data-v-70ad6415] .role-picker-dialog{background-color:transparent;background:-webkit-gradient(linear,left top,left bottom,from(#dfe1e9),to(#d2d5d9));background:-webkit-linear-gradient(top,#dfe1e9,#d2d5d9);background:linear-gradient(180deg,#dfe1e9,#d2d5d9);-webkit-box-shadow:unset;box-shadow:unset}[data-v-70ad6415] .role-picker-dialog .el-dialog__close,[data-v-70ad6415] .role-picker-dialog .el-dialog__title{color:#333}.role-picker[data-v-70ad6415]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:70vh;overflow:hidden}.role-picker .filter-bar[data-v-70ad6415],.role-picker[data-v-70ad6415]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.role-picker .filter-bar[data-v-70ad6415]{-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;height:40px;margin-bottom:16px}.role-picker .search[data-v-70ad6415]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;border-bottom:1px solid rgba(86,103,125,.2);-webkit-box-sizing:border-box;box-sizing:border-box;flex-grow:1;padding:10px 0}.role-picker .search input[data-v-70ad6415]{background:none;border:none;color:#333;outline:none;width:100%}.role-picker .search input[data-v-70ad6415]::-webkit-input-placeholder{color:#545766}.role-picker .search input[data-v-70ad6415]::-moz-placeholder{color:#545766}.role-picker .search input[data-v-70ad6415]:-ms-input-placeholder{color:#545766}.role-picker .search input[data-v-70ad6415]::-ms-input-placeholder{color:#545766}.role-picker .search input[data-v-70ad6415]::placeholder{color:#545766}.role-picker .content[data-v-70ad6415]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto}.role-picker .content .role-box[data-v-70ad6415]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.role-picker .content .role-box .role-item[data-v-70ad6415]{border-radius:8px;cursor:pointer;height:107px;overflow:hidden;position:relative;width:83px}.role-picker .content .role-box .role-item .bottom-info[data-v-70ad6415]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(180deg,transparent,#000);border-radius:0 0 8px 8px;bottom:0;color:#fff;font-size:12px;height:24px;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.role-picker .content .role-box .role-item img[data-v-70ad6415]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.role-picker .footer[data-v-70ad6415]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.role-picker .footer .tab-box[data-v-70ad6415]{background-color:rgba(86,103,125,.2);-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:12px;padding:4px}.role-picker .footer .tab-box .tab-item[data-v-70ad6415],.role-picker .footer .tab-box[data-v-70ad6415]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:4px;height:100%}.role-picker .footer .tab-box .tab-item[data-v-70ad6415]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#545766;cursor:pointer;font-size:14px;justify-content:center;padding:0 14px}.role-picker .footer .tab-box .tab-item.property[data-v-70ad6415]{height:32px;margin-right:10px;padding:0;width:32px}.role-picker .footer .tab-box .tab-item.property[data-v-70ad6415]:last-child{margin-right:0}.role-picker .footer .tab-box .tab-item.property img[data-v-70ad6415]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.role-picker .footer .tab-box .tab-item.level[data-v-70ad6415]{font-size:14px}.role-picker .footer .tab-box .tab-item.active[data-v-70ad6415]{background-color:#5e646e;color:#fff}.role-picker .footer .tab-box[data-v-70ad6415]:last-child{margin-right:0}.edit-role-tab[data-v-f978fe94]{-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:1;padding-bottom:8px}.edit-role-tab .tab-item[data-v-f978fe94]{background-color:#f2f3f6;border-radius:10px;-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:6px 6px 0;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}.edit-role-tab .tab-item .recommend[data-v-f978fe94]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABfklEQVR4AYRTUVLCMBB9G/ALP3oEvAGcQHoDDiBDnAHHH8Z6AvAGAX8cqWOLHkBPIEfwCByBCzQxWwxTUiA73WY3efual2wFAjYYT2QAUi4HiQhiKmUSIWBnieQo6cGYdnFR9AM8OEtkyAyZQBhRjhyf8vNEQA/WDEwnJO8kkZOFnUUheeLmLukPRw8/vmvS7zuO3ZtAUx/D+WA0SRghPl/VFxHlILSthJ5zGLRRNZu7NR5h5Wro74/0WTGslJYtVUYNiu1X1zwZciL6paboOhLGl0QcZC9qk6fz2MZP1k8/BnNqUcz4KmhP5CZX6WIGoo3LvXErCjHLlNp68/U+kuOkw03oA//zCE10cMRqO9Ja+/9Wbuv2O9BGH+3yGhEI17YQRNgIiNhKlcIeLDm5hCGv+35AJO8TvnIrDTm1RDdL1ZoL+GDz5fzKxnwRUdmsNqk+B0QowH30uHpbyEypvRxXYHc3EyRugaJ2TgdE3E/V3nAE1ZExuGxk1TmO/wAAAP//Nr6rzAAAAAZJREFUAwCK/ZVzTKCDawAAAABJRU5ErkJggg==) left 7px center/9px 9px no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABfklEQVR4AYRTUVLCMBB9G/ALP3oEvAGcQHoDDiBDnAHHH8Z6AvAGAX8cqWOLHkBPIEfwCByBCzQxWwxTUiA73WY3efual2wFAjYYT2QAUi4HiQhiKmUSIWBnieQo6cGYdnFR9AM8OEtkyAyZQBhRjhyf8vNEQA/WDEwnJO8kkZOFnUUheeLmLukPRw8/vmvS7zuO3ZtAUx/D+WA0SRghPl/VFxHlILSthJ5zGLRRNZu7NR5h5Wro74/0WTGslJYtVUYNiu1X1zwZciL6paboOhLGl0QcZC9qk6fz2MZP1k8/BnNqUcz4KmhP5CZX6WIGoo3LvXErCjHLlNp68/U+kuOkw03oA//zCE10cMRqO9Ja+/9Wbuv2O9BGH+3yGhEI17YQRNgIiNhKlcIeLDm5hCGv+35AJO8TvnIrDTm1RDdL1ZoL+GDz5fzKxnwRUdmsNqk+B0QowH30uHpbyEypvRxXYHc3EyRugaJ2TgdE3E/V3nAE1ZExuGxk1TmO/wAAAP//Nr6rzAAAAAZJREFUAwCK/ZVzTKCDawAAAABJRU5ErkJggg==) right 7px center/9px 9px no-repeat}.edit-role-tab .tab-item .header[data-v-f978fe94]{background-color:#d2d5db;border-radius:5px;color:#333;font-size:12px;line-height:21px;text-align:center;width:163px}.edit-role-tab .tab-item .role-wrapper[data-v-f978fe94]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;height:56px;justify-content:center;overflow:hidden;width:163px}.edit-role-tab .tab-item .role-wrapper .avatar[data-v-f978fe94]{-webkit-box-flex:0;border:1px solid #fff;border-radius:36px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:36px;-o-object-fit:contain;object-fit:contain;width:36px}.edit-role-tab .tab-item .role-wrapper .name[data-v-f978fe94]{-webkit-box-flex:1;color:#333;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-role-tab .tab-item .remove-item[data-v-f978fe94]{color:#fff;cursor:pointer;position:absolute;right:-10px;top:-10px}.edit-role-tab .tab-item-active[data-v-f978fe94]{background-color:#fff}.edit-role-tab .append[data-v-f978fe94]{cursor:pointer}.edit-role-tab .append .add-wrap[data-v-f978fe94]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:56px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.edit-role-tab .append .add-wrap .add[data-v-f978fe94]{height:21px;width:21px}.mask[data-v-f978fe94]{background-color:#fff;bottom:-8px;height:8px;left:0;position:absolute;width:100%}.mask .lb[data-v-f978fe94],.mask .lt[data-v-f978fe94],.mask .rb[data-v-f978fe94],.mask .rt[data-v-f978fe94]{position:absolute}.mask .lt[data-v-f978fe94],.mask .rt[data-v-f978fe94]{height:10px;top:-10px;width:10px}.mask .lb[data-v-f978fe94],.mask .rb[data-v-f978fe94]{bottom:-8px;height:8px;width:8px}.mask .lb[data-v-f978fe94],.mask .lt[data-v-f978fe94]{left:0}.mask .rb[data-v-f978fe94],.mask .rt[data-v-f978fe94]{right:0}.mask .lt[data-v-f978fe94]{background-image:-webkit-radial-gradient(right top,circle,transparent 10px,#fff 0);background-image:radial-gradient(circle at right top,transparent 10px,#fff 0)}.mask .rt[data-v-f978fe94]{background-image:-webkit-radial-gradient(left top,circle,transparent 10px,#fff 0);background-image:radial-gradient(circle at left top,transparent 10px,#fff 0)}.mask .lb[data-v-f978fe94]{background-image:-webkit-radial-gradient(right bottom,circle,transparent 8px,#fff 0);background-image:radial-gradient(circle at right bottom,transparent 8px,#fff 0)}.mask .lb-out[data-v-f978fe94]{background-image:-webkit-radial-gradient(left top,circle,transparent 8px,#fff 0);background-image:radial-gradient(circle at left top,transparent 8px,#fff 0);bottom:0;height:8px;left:-8px;position:absolute;width:8px}.mask .rb[data-v-f978fe94]{background-image:-webkit-radial-gradient(right top,circle,transparent 8px,#fff 0);background-image:radial-gradient(circle at right top,transparent 8px,#fff 0);bottom:0;right:-8px}.red{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.red,.yellow{border-radius:0!important;height:100%;width:100%}.yellow{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2))}.blue{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2))}.blue,.purple{border-radius:0!important;height:100%;width:100%}.purple{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2))}.green{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2))}.green,.red-w{border-radius:0!important;height:100%;width:100%}.red-w{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.yellow-w{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2))}.blue-w,.yellow-w{border-radius:0!important;height:100%;width:100%}.blue-w{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2))}.purple-w{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2))}.green-w,.purple-w{border-radius:0!important;height:100%;width:100%}.green-w{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2))}.edit-role-container{background:-webkit-gradient(linear,left top,left bottom,from(#dfe1e9),to(#d2d5d9));background:-webkit-linear-gradient(top,#dfe1e9,#d2d5d9);background:linear-gradient(180deg,#dfe1e9,#d2d5d9);margin-left:8vw}.edit-role-container .el-dialog__header{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;color:#333;font-size:18px;font-weight:600;height:57px;justify-content:flex-start;padding:0 20px}.edit-role-container .el-dialog__header,.edit-role-container .el-dialog__header .modal-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.edit-role-container .el-dialog__header .icon{height:22px;margin-right:5px;margin-top:-2px;-o-object-fit:contain;object-fit:contain;width:22px}.edit-role-container .el-dialog__body{padding:0 12px 12px}.edit-role-container .el-dialog__body .role-content{background-color:#fff;border-radius:8px}.edit-role-container .el-dialog__body .role-content .role-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:78px;padding:0 20px}.edit-role-container .el-dialog__body .role-content .role-action .label{color:#333;font-size:14px;margin-right:8px}.edit-role-container .el-dialog__body .role-content .role-action .action-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:14px;height:30px;margin-right:16px;width:84px}.edit-role-container .el-dialog__body .role-content .role-action .action-item:last-child{margin-right:0}.edit-role-container .el-dialog__body .role-content .role-action .action-item.active{background-color:#5e646e;border-color:#5e646e;color:#fff}.edit-role-container .el-dialog__body .role-content .clothing-box{border-top:1px solid #eaeaea;padding:20px}.edit-role-container .el-dialog__body .role-content .clothing-box .title{color:#333;font-size:14px;margin-bottom:18px}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:42px}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line .cloth-card{border:2px solid transparent;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:70px;margin-right:12px;position:relative;-webkit-transition:all .3s;transition:all .3s;width:70px}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line .cloth-card .bottom-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:0 0 4px 4px;bottom:-26px;color:#000;font-size:12px;height:24px;left:0;width:100%}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line .cloth-card .bottom-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line .cloth-card:last-child{margin-right:0}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line .cloth-card.active{border:2px solid #7d8fa7}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line .cloth-card .bg{border-radius:50%!important;height:100%;overflow:hidden;width:100%}.edit-role-container .el-dialog__body .role-content .clothing-box .cloth-line .cloth-card .bg img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:335px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:8px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;background-color:rgba(166,171,183,.2);border-radius:0 0 8px 8px;-webkit-flex:1;-ms-flex:1;flex:1;padding:6px 18px 18px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box,.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group .el-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:52px;margin:0;overflow:hidden;width:100%}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group .el-checkbox:last-child .el-checkbox__label{border-bottom:none}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner{background-color:#5889d4;border-color:#5889d4}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group .el-checkbox .el-checkbox__input .el-checkbox__inner{background-color:rgba(88,137,212,.14);border-color:#5889d4;border-radius:50%}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group .el-checkbox .el-checkbox__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;border-bottom:1px solid hsla(25,18%,81%,.42);-webkit-flex:1;-ms-flex:1;flex:1;height:100%;line-height:52px;overflow:hidden}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group .el-checkbox .el-checkbox__label img{-webkit-box-flex:0;border-radius:4px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:28px;margin-right:10px;-o-object-fit:cover;object-fit:cover;width:28px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.left .left-content .choose-box .el-checkbox-group .el-checkbox .el-checkbox__label .des{-webkit-box-flex:1;color:#666;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;line-height:16px;white-space:normal}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content{background-color:rgba(166,171,183,.2);border-radius:0 0 8px 8px;padding:0 16px 14px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid hsla(25,18%,81%,.42);height:52px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line .el-radio-group .el-radio{margin-right:25px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line .el-radio-group .el-radio:last-child{margin-right:0}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line .el-radio-group .el-radio.is-checked .el-radio__input .el-radio__inner{background-color:rgba(88,137,212,.14);border-color:#5889d4}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line .el-radio-group .el-radio.is-checked .el-radio__input .el-radio__inner:after{background-color:#5889d4}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line .el-radio-group .el-radio.is-checked .el-radio__label{color:#665f5d}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line .el-radio-group .el-radio .el-radio__input .el-radio__inner{background-color:rgba(88,137,212,.14);border-color:#5889d4}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .choose-line .el-radio-group .el-radio .el-radio__label{color:#333;font-size:13px;padding-left:0}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .info-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:15px 0}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .info-box .range{text-align:center;-webkit-box-flex:0;border-radius:4px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:107px;margin-right:20px;overflow:hidden;width:89px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .info-box .range .header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#dfe1e9;color:#333;font-size:14px;height:30px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .info-box .range .inner-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(223,225,233,.8);height:77px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .info-box .range .inner-box .img{height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .info-box .info-content .title{color:#333;font-size:14px;line-height:21px;margin-bottom:6px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box.right .right-content .info-box .info-content .des{color:#666;font-size:12px;line-height:14px}.edit-role-container .el-dialog__body .role-content .clothing-box .info-line .box .header{-webkit-box-flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#dfe1e9;border-radius:8px 8px 0 0;color:#333;font-size:14px;font-weight:700;height:40px;padding-left:15px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .pet-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;background:rgba(166,171,183,.2);border-radius:8px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:128px;overflow:hidden;width:255px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .pet-card .header{-webkit-box-flex:0;border-bottom:1px solid rgba(0,0,0,.05);color:#333;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:14px;height:32px;line-height:32px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .pet-card .inner-box{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .pet-card .inner-box .skill-img{height:60px;-o-object-fit:contain;object-fit:contain;width:60px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .range-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;background:rgba(166,171,183,.2);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-webkit-flex:1;-ms-flex:1;flex:1;height:128px;overflow:hidden;padding:16px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .range-box .left-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;background:rgba(166,171,183,.4);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:100%;width:89px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .range-box .left-box .header{-webkit-box-flex:0;background:#5e646e;border-radius:4px 4px 0 0;color:#fff;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:14px;font-weight:400;height:30px;line-height:30px;text-align:center}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .range-box .left-box .content{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .range-box .left-box .content .range-img{height:36px;-o-object-fit:contain;object-fit:contain;width:36px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .skill-box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .skill-box .skill-name{color:#333;font-size:14px;font-weight:500;line-height:21px;margin-bottom:6px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .skill-box .sp-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#333;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;font-size:14px;font-weight:500;line-height:21px;margin-bottom:6px}.edit-role-container .el-dialog__body .role-content .clothing-box .pet-container .skill-box .skill-des{color:#666;font-size:12px;line-height:14px}.edit-union-container{background:-webkit-gradient(linear,left top,left bottom,from(#dfe1e9),to(#d2d5d9));background:-webkit-linear-gradient(top,#dfe1e9,#d2d5d9);background:linear-gradient(180deg,#dfe1e9,#d2d5d9);margin-left:8vw}.edit-union-container .el-dialog__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#333;font-size:18px;font-weight:600;height:57px;padding:0 20px}.edit-union-container .el-dialog__body{padding:0 12px 12px}.edit-union-container .el-dialog__body .union-content{background-color:#fff;border-radius:8px}.edit-union-container .el-dialog__body .union-content .role-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:78px;padding:0 20px}.edit-union-container .el-dialog__body .union-content .role-action .label{color:#333;font-size:14px;margin-right:8px}.edit-union-container .el-dialog__body .union-content .role-action .action-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:1px solid #5e646e;border-radius:4px;color:#333;cursor:pointer;font-size:14px;height:30px;margin-right:16px;width:84px}.edit-union-container .el-dialog__body .union-content .role-action .action-item:last-child{margin-right:0}.edit-union-container .el-dialog__body .union-content .role-action .action-item.active{background-color:#5e646e;border-color:#5e646e;color:#fff}.edit-union-container .el-dialog__body .union-content .clothing-box{border-top:1px solid #eaeaea;padding:20px}.edit-union-container .el-dialog__body .union-content .clothing-box .title{color:#333;font-size:14px;margin-bottom:18px}.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line .cloth-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:rgba(166,171,183,.4);border:2px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:128px;margin-right:12px;-webkit-transition:all .3s;transition:all .3s;width:100px}.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line .cloth-card:last-child{margin-right:0}.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line .cloth-card.active{border:2px solid #7d8fa7}.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line .cloth-card .box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line .cloth-card .box img{border-radius:50%;height:70px;-o-object-fit:cover;object-fit:cover;width:70px}.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line .cloth-card .footer{-ms-flex-align:center;-ms-flex-pack:center;background:#5e646e;color:#fff;font-size:12px;height:24px;width:100%}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .header,.edit-union-container .el-dialog__body .union-content .clothing-box .cloth-line .cloth-card .footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .header{-ms-flex-align:center;-ms-flex-pack:center;background-color:#dfe1e9;border-radius:8px 8px 0 0;color:#333;font-size:14px;font-weight:700;height:40px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content{background-color:rgba(166,171,183,.2);border-radius:0 0 8px 8px;padding:0 18px 14px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .choose-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid hsla(25,18%,81%,.42);height:52px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .choose-line .el-radio-group .el-radio.is-checked .el-radio__input .el-radio__inner{background-color:#5889d4;border-color:#5889d4}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .choose-line .el-radio-group .el-radio.is-checked .el-radio__label{color:#665f5d}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .choose-line .el-radio-group .el-radio .el-radio__input .el-radio__inner{background-color:rgba(88,137,212,.14);border-color:#5889d4}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .choose-line .el-radio-group .el-radio .el-radio__label{color:#999;font-size:14px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .info-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:15px 0}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .info-box .range{text-align:center;-webkit-box-flex:0;border-radius:4px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:107px;margin-right:20px;overflow:hidden;width:89px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .info-box .range .header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#5e646e;color:#fff;font-size:14px;height:30px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .info-box .range .inner-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(166,171,183,.4);height:77px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .info-box .range .inner-box .img{height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .info-box .info-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666;font-size:12px;line-height:14px}.edit-union-container .el-dialog__body .union-content .clothing-box .card-box .content .info-box .info-content pre{white-space:pre-wrap;word-wrap:break-word;margin:0}.red[data-v-71c44802]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.red[data-v-71c44802],.yellow[data-v-71c44802]{border-radius:0!important;height:100%;width:100%}.yellow[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2))}.blue[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2))}.blue[data-v-71c44802],.purple[data-v-71c44802]{border-radius:0!important;height:100%;width:100%}.purple[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2))}.green[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2))}.green[data-v-71c44802],.red-w[data-v-71c44802]{border-radius:0!important;height:100%;width:100%}.red-w[data-v-71c44802]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.yellow-w[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.blue-w[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.purple-w[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.green-w[data-v-71c44802]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}[data-v-71c44802] .view-role-container{background:-webkit-gradient(linear,left top,left bottom,from(#effcff),to(#fff));background:-webkit-linear-gradient(top,#effcff,#fff);background:linear-gradient(180deg,#effcff,#fff);border:1px solid #ddd6ce;border-radius:8px}[data-v-71c44802] .view-role-container .el-dialog__header{background:rgba(0,0,0,.15);-webkit-box-sizing:content-box;box-sizing:content-box;color:#333;font-size:16px;font-weight:500;margin-bottom:0;padding-bottom:14px}[data-v-71c44802] .view-role-container .el-dialog__header .el-dialog__headerbtn i{color:#333}[data-v-71c44802] .view-role-container .el-dialog__body{background-color:rgba(120,165,211,.06)}[data-v-71c44802] .view-role-container .el-dialog__body .caption{background-color:rgba(166,171,183,.3);color:#333}[data-v-71c44802] .view-role-container .el-dialog__body .des-box .line{border-bottom-color:rgba(0,0,0,.15)}[data-v-71c44802] .view-role-container .el-dialog__body .des-box .line .desc{color:#333;font-size:14px}[data-v-71c44802] .view-role-container .el-dialog__body .info-box .left-skill{background-color:rgba(141,151,162,.2)}[data-v-71c44802] .view-role-container .el-dialog__body .info-box .left-skill .skill-title{background-color:rgba(85,125,156,.19);color:#333;font-size:13px}[data-v-71c44802] .view-role-container .el-dialog__body .info-box .right-des .top-des span{color:#f60}[data-v-71c44802] .view-role-container .el-dialog__body .info-box .right-des .des-content{color:#333;font-size:14px}[data-v-71c44802] .view-role-container .el-dialog__body .role-content{border-bottom-color:rgba(0,0,0,.15)}[data-v-71c44802] .view-role-container .el-dialog__body .role-content .tab-wrapper .tab-item .bottom-text{background-color:rgba(166,171,183,.4);color:#333}[data-v-71c44802] .view-role-container .el-dialog__body .role-content .tab-wrapper .tab-item .bottom-text-active:before{border-color:#333 transparent transparent #333}[data-v-71c44802] .view-role-container .el-dialog__body .role-content .tab-wrapper .tab-item .bottom-text-active:after{background-color:#333}[data-v-71c44802] .view-role-container .el-dialog__body .role-content .tab-wrapper .tab-item .recommend{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAalJREFUOE+dk79qVEEYxc+5a2Ew6SzcB1i20MI7M4Xiv0XUIEgghZ2pzEMoYiWiD6GVdhaBIEgUZRMVLWbm2qRY9gE2RbpEksK9R+4SwyW7e2/iVMPMOT/O930zRM1K0/RGIcmybL1KyjqQtfYzSXnvb/03yDl3RdK3AkDyqvf++zRYZSJr7RqAOwfmjyGE+RODjDGXSP4oGyVdjjH+nAQ7TGStPZvneavRaLQktQAsAjh/xLQJYIVkfzgc9pMk6YcQtkelO+cuSPoE4Fxd46fcb5G8PUpkjJknuQJg5oSwPUmLMca1w9KMMTdJrgI4c0zYb0kLMcYvo9LKpjRNrydJ8h7AXA1sJ8/ze1mWbfzTjY3fOfdQ0qvKx0cue+9flzVjIGvtIwAvahI9DiG8rAQZY96QfFAFkvQ2xrhUlygDcLEk+nqwv1Y6+xVCSKtADWvtLoDTxYcn+cR7/6EwOOfuSnoOoADshxBmAQwnNts515a0KulpjPEdAB0pkcaY+ySfkVzw3vcmgtrt9lyz2dzrdrt/qnrU6XRODQaDmV6vtzN1/Md8jGOyv+1kl9u+HbYGAAAAAElFTkSuQmCC) left 6px center/9px 9px no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAalJREFUOE+dk79qVEEYxc+5a2Ew6SzcB1i20MI7M4Xiv0XUIEgghZ2pzEMoYiWiD6GVdhaBIEgUZRMVLWbm2qRY9gE2RbpEksK9R+4SwyW7e2/iVMPMOT/O930zRM1K0/RGIcmybL1KyjqQtfYzSXnvb/03yDl3RdK3AkDyqvf++zRYZSJr7RqAOwfmjyGE+RODjDGXSP4oGyVdjjH+nAQ7TGStPZvneavRaLQktQAsAjh/xLQJYIVkfzgc9pMk6YcQtkelO+cuSPoE4Fxd46fcb5G8PUpkjJknuQJg5oSwPUmLMca1w9KMMTdJrgI4c0zYb0kLMcYvo9LKpjRNrydJ8h7AXA1sJ8/ze1mWbfzTjY3fOfdQ0qvKx0cue+9flzVjIGvtIwAvahI9DiG8rAQZY96QfFAFkvQ2xrhUlygDcLEk+nqwv1Y6+xVCSKtADWvtLoDTxYcn+cR7/6EwOOfuSnoOoADshxBmAQwnNts515a0KulpjPEdAB0pkcaY+ySfkVzw3vcmgtrt9lyz2dzrdrt/qnrU6XRODQaDmV6vtzN1/Md8jGOyv+1kl9u+HbYGAAAAAElFTkSuQmCC) right 6px center/9px 9px no-repeat;background-color:rgba(166,171,183,.4);color:#333}[data-v-71c44802] .view-role-container .el-dialog__body .role-content .tab-wrapper .tab-item-active{background:-webkit-gradient(linear,left top,left bottom,from(#c3cad6),to(rgba(223,225,233,0)));background:-webkit-linear-gradient(top,#c3cad6,rgba(223,225,233,0));background:linear-gradient(180deg,#c3cad6,rgba(223,225,233,0))}.caption[data-v-71c44802]{background:rgba(166,171,183,.3);border-radius:4px;color:#ccc;font-size:12px;line-height:36px;text-align:center}.modal-title[data-v-71c44802]{text-align:center}.role-content[data-v-71c44802]{border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:20px}.role-content .tab-wrapper[data-v-71c44802]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.role-content .tab-wrapper .tab-item[data-v-71c44802]{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;height:150px;padding:18px 18px 15px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.role-content .tab-wrapper .tab-item .avatar-wrapper[data-v-71c44802]{border-radius:8px;height:120px;position:relative;width:96px}.role-content .tab-wrapper .tab-item .avatar-wrapper .strenth-icon[data-v-71c44802]{height:30px;position:absolute;right:0;top:0;width:38px}.role-content .tab-wrapper .tab-item .avatar-wrapper .strenth-icon img[data-v-71c44802]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.role-content .tab-wrapper .tab-item .avatar-wrapper img[data-v-71c44802]{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.role-content .tab-wrapper .tab-item .avatar-wrapper .bottom-info[data-v-71c44802]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(180deg,transparent,#000);border-radius:0 0 8px 8px;bottom:0;color:#fff;font-size:12px;height:24px;left:0;right:0}.role-content .tab-wrapper .tab-item .bottom-text[data-v-71c44802]{background-color:#1c1e21;border-radius:20px;color:#999;font-size:12px;line-height:22px;margin-top:7px;text-align:center;width:96px}.role-content .tab-wrapper .tab-item .bottom-text-active[data-v-71c44802]:before{border-color:#fff transparent transparent #fff;border-style:solid;border-width:4px;bottom:-2px;content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:0}.role-content .tab-wrapper .tab-item .bottom-text-active[data-v-71c44802]:after{background-color:#fff;bottom:0;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:96px}.role-content .tab-wrapper .tab-item .recommend[data-v-71c44802]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABfklEQVR4AYRTUVLCMBB9G/ALP3oEvAGcQHoDDiBDnAHHH8Z6AvAGAX8cqWOLHkBPIEfwCByBCzQxWwxTUiA73WY3efual2wFAjYYT2QAUi4HiQhiKmUSIWBnieQo6cGYdnFR9AM8OEtkyAyZQBhRjhyf8vNEQA/WDEwnJO8kkZOFnUUheeLmLukPRw8/vmvS7zuO3ZtAUx/D+WA0SRghPl/VFxHlILSthJ5zGLRRNZu7NR5h5Wro74/0WTGslJYtVUYNiu1X1zwZciL6paboOhLGl0QcZC9qk6fz2MZP1k8/BnNqUcz4KmhP5CZX6WIGoo3LvXErCjHLlNp68/U+kuOkw03oA//zCE10cMRqO9Ja+/9Wbuv2O9BGH+3yGhEI17YQRNgIiNhKlcIeLDm5hCGv+35AJO8TvnIrDTm1RDdL1ZoL+GDz5fzKxnwRUdmsNqk+B0QowH30uHpbyEypvRxXYHc3EyRugaJ2TgdE3E/V3nAE1ZExuGxk1TmO/wAAAP//Nr6rzAAAAAZJREFUAwCK/ZVzTKCDawAAAABJRU5ErkJggg==) left 6px center/9px 9px no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABfklEQVR4AYRTUVLCMBB9G/ALP3oEvAGcQHoDDiBDnAHHH8Z6AvAGAX8cqWOLHkBPIEfwCByBCzQxWwxTUiA73WY3efual2wFAjYYT2QAUi4HiQhiKmUSIWBnieQo6cGYdnFR9AM8OEtkyAyZQBhRjhyf8vNEQA/WDEwnJO8kkZOFnUUheeLmLukPRw8/vmvS7zuO3ZtAUx/D+WA0SRghPl/VFxHlILSthJ5zGLRRNZu7NR5h5Wro74/0WTGslJYtVUYNiu1X1zwZciL6paboOhLGl0QcZC9qk6fz2MZP1k8/BnNqUcz4KmhP5CZX6WIGoo3LvXErCjHLlNp68/U+kuOkw03oA//zCE10cMRqO9Ja+/9Wbuv2O9BGH+3yGhEI17YQRNgIiNhKlcIeLDm5hCGv+35AJO8TvnIrDTm1RDdL1ZoL+GDz5fzKxnwRUdmsNqk+B0QowH30uHpbyEypvRxXYHc3EyRugaJ2TgdE3E/V3nAE1ZExuGxk1TmO/wAAAP//Nr6rzAAAAAZJREFUAwCK/ZVzTKCDawAAAABJRU5ErkJggg==) right 6px center/9px 9px no-repeat;background-color:#1c1e21;color:#c0a078}.role-content .tab-wrapper .tab-item-inavtive[data-v-71c44802]{opacity:.5}.role-content .tab-wrapper .tab-item-inavtive[data-v-71c44802]:after{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.des-box[data-v-71c44802]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.des-box .line[data-v-71c44802],.des-box[data-v-71c44802]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.des-box .line[data-v-71c44802]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);height:44px}.des-box .line[data-v-71c44802]:last-child{border-bottom:none}.des-box .line img[data-v-71c44802]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:28px;margin-right:10px;width:28px}.des-box .line .desc[data-v-71c44802]{-webkit-box-flex:1;color:#fff;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-box[data-v-71c44802]{border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-column-gap:17px;-moz-column-gap:17px;column-gap:17px;width:100%}.info-box .left-skill[data-v-71c44802],.info-box[data-v-71c44802]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.info-box .left-skill[data-v-71c44802]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.13);border-radius:4px;-webkit-box-sizing:content-box;box-sizing:content-box;padding:2px 2px 7px;row-gap:16px}.info-box .left-skill .skill-title[data-v-71c44802]{background-color:rgba(99,104,134,.19);color:#ccc;font-size:13px;font-weight:400;line-height:24px;text-align:center;width:88px}.info-box .left-skill img[data-v-71c44802]{height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.info-box .right-des[data-v-71c44802]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.info-box .right-des .top-des[data-v-71c44802]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.info-box .right-des .top-des span[data-v-71c44802]{color:#ffc982;font-size:14px;font-weight:500;line-height:21px;margin-right:30px}.info-box .right-des .top-des span[data-v-71c44802]:last-child{margin-right:0}.info-box .right-des .des-content[data-v-71c44802]{color:#fff;font-size:12px;font-weight:400}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);left:var(--emoji-init-left);opacity:0;top:var(--emoji-init-top);-webkit-transform:scale3d(.1,.1,.1);transform:scale3d(.1,.1,.1)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);left:50%;opacity:1;top:50%;-webkit-transform:scale3d(.475,.475,.475) translate3d(-50%,-60%,0);transform:scale3d(.475,.475,.475) translate3d(-50%,-60%,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);left:var(--emoji-init-left);opacity:0;top:var(--emoji-init-top);-webkit-transform:scale3d(.1,.1,.1);transform:scale3d(.1,.1,.1)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);left:50%;opacity:1;top:50%;-webkit-transform:scale3d(.475,.475,.475) translate3d(-50%,-60%,0);transform:scale3d(.475,.475,.475) translate3d(-50%,-60%,0)}}.__content-emoji-protrude-top-class__{-webkit-animation:zoomInDown .3s ease-in-out;animation:zoomInDown .3s ease-in-out;left:50%;position:fixed;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:10vw;z-index:2000}.detail-emoji-bar[data-v-c0a174c0]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;gap:8px;justify-content:space-between;padding-top:56px}.detail-emoji-bar .emoji[data-v-c0a174c0]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;border:1px solid #eee;border-radius:10px;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;cursor:pointer;height:34px;justify-content:center;padding-left:67px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:152px}.detail-emoji-bar .emoji img[data-v-c0a174c0]{bottom:0;height:90px;left:-5px;position:absolute}.detail-emoji-bar .emoji span[data-v-c0a174c0]{color:#333;font-size:12px;text-align:center}.detail-comment-send[data-v-8b6d8c0a]{border-radius:4px;width:100%}.detail-comment-send .comment-input[data-v-8b6d8c0a]{font-size:14px;max-height:100px;padding:20px 17px;user-modify:read-write-plaintext-only;-webkit-user-modify:read-write-plaintext-only;border:none;overflow:auto;resize:none}.detail-comment-send .comment-input[data-v-8b6d8c0a]:empty:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAArJJREFUWEftVjFoE2EU/l6aoUOzdcimoGAHQTu0UVSkKORekmId7CYSqNBBUHBxUDzBRXBQnIqVdOhiECrE/P8vKERwSNFBsWBBhw4OV3BLQYfjfu+HuxKjyd0lgS79x7v3v++7977vvSPs8aE9xsc+gaFVQAhxiohWtNbjIyMji/l8/nmc9g6FgBDiEIAmEY2HoFrrW4VC4UEUiYEJ1Ov1A6lUqgHgIIBNAA6AEwBGfXCbme/1IjEQgWq1OpbJZD4AmACwur6+XrZt21VKXdBavwyAF5j5WTcSfROoVCqj2Wy2BuC81npje3t7qlwu/w6BpJQtAGMAXjDzpaESsG07PT09vUZEpf/1XCl1TGv9KXi3yMxLQyUghHhCRNcAbKVSqdue5y2HPfc8b6VNE/eZ+c5QNSClvGvEBeAHgDPMvCWlzJtSm5JrrX8Gblhl5stDdYFS6rrW+hGAHSI6bVnW5xBACHHWf/YGQNp3gXIc52K7JgZugVKqGCjbBTDHzK/DpEYTuVzOCNIy88BxnJk44OZ+LBdIKc8BeGW+jojmLMuqt3+RlPKp35IFownP804Wi0UzC2KdSAJSyiMAPpr+EtENy7Ied4CHmtgCMGM0EQs5COpJoGPK/TPV2jXhuu7U7OysmYSJTk8CQoha4HXFzNyeuUMTJWZ+mwg5TgWklN/8EXvY7/1ffo7SRBIiXSsQKPtXYKvvrVZrcn5+fieYcu+7aSIJeE8X1Gq1iXQ6/bVt1JoBY3psNp3xeuSmi0OmawU6NlpnrmVmvhoHICqmF4GbWuuHHRVoEFGj2WwumbUblTzO+64EpJRXfP+XDKDruu9KpdJGnIRJY3YJ+OJa80ft8aQJ+ozfDG29S0AI8YWIjvaZMNE1869QKBQme7ogUcYBgiN3wQC5Y13dJ7BfgT847Rowav87dAAAAABJRU5ErkJggg==) no-repeat;background-size:16px 16px;content:"";display:inline-block;height:16px;margin-right:7px;vertical-align:middle;width:16px}.detail-comment-send .comment-input[data-v-8b6d8c0a]:empty:after{color:#999;content:attr(placeholder)}.tool-bar[data-v-8b6d8c0a]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:8px 17px}.tool-bar .left-wrapper[data-v-8b6d8c0a],.tool-bar[data-v-8b6d8c0a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tool-bar .left-wrapper .img-update-btn[data-v-8b6d8c0a]{background-size:100% 100%;border-radius:4px;cursor:pointer;font-size:24px;height:30px;line-height:30px;position:relative;text-align:center}.tool-bar .left-wrapper .img-update-btn input[data-v-8b6d8c0a]{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.tool-bar .left-wrapper .emoji-update-btn[data-v-8b6d8c0a]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABR1JREFUWEfNWF1S40YQ7h6xkGzlwTlB4AQxJ1g4AeYEeN9Ta2vtlUPlAfFEYVuMReUdc4I1J1jvCdY5AeQEUbIUJICm45EtaTT6QQJSFT1KMz2f+ufrrwfhf/7gS+GzOa+t/Q210N4/34Bnm6b3XPtPBigBfUdsTxBuAVIdCNZ1MIjgEeCMCGZC+Bf7H8xpVcCVAQ4GfAsM44CItqoeBghXDMDuvm+dl91bGuAR5+srZJwVA6Or+GCU4Y5CngBUAWgpgEfOaXMFiRNpBxJNAXDCwJh0uz/9rnvl6Iivr6yxH4moAYANHTABjnqdd2aRNx8FeOy4NgIcJI3Q2L+jw/19U/FYcdBsm9fWXkODGewAQclXhNkNiu28gioEqIMjgCtEbFrv330um0NZXjVW8QAAm9G3ApC5AI+d0zYC8cgI0fTmmnZt+/nUIW0OHPeAAOwYJE7nP76dYoIsT8iCMAS7jL/RxOq0d5/qtbx9OkgCYfY65khdn+nB/ol7GfKaDOvtV7H5Up7Tweog732x+YtlzsJ1KYB9hzcB2Fm4wL8TG1WK4SleHpycforoC5OhTgNMes/udVqHTzm0yh5JR8ZqnFK+ENth10kAHA55QyD7KI3L0PY6rY0qBz1nbd8ZncWVTWOr034r7SUA9p3TMwBaln+86DkHl90rWygx9mm53rthYkNyowbQ/SNkez1ZA9pB2iMS53qllQURrgv4FWGHhDjsdc1J+L7vuJI5AtERhjkC2Oe8DoJ9yQtv33HntLV4yrSoXPoi9hEI6svvV5aSRgNnxAmwvTykbXVbbgRQzT+Yk7LVbSdIM1Fpi+S48lFs75vl2l0QQoOdqbJMErVahEkGWaRY7MGh2wKEgCQJaNTrtFNNPPGHS5AkhKmGKctzqa4EAIKg/XO35arrE3m4dFIEUCXM+Uv7Qw69HA94GxmLW6CSL1ngdF4t6udaBwvCXwlgrlhF3MoTEH0lMvEP4Nhn/qGeHmodAMHM6rY2S4W4QEV7gsDWQ6V6knNeuxfIE+olWpAEWhhiNRQENOktxYE84IHYpSZWPQIY3X4VbtkevegWmswK8jhubclGscAQeVCLv2d1Wt/L/QsPBG1IyvfKwPS8TAFdhlKuU4swrINcolb7YWD0Fdvx78WFKhzk+zJCImtdMA6ssr2HO3Ee2lBV1NyzQV5rAON+qHOU7olIbUs+9MXbrJFyERWDA1BD8uYNis08aZ8oEIAoggmAef0wiz4GJ+4XijtCQNxEcoAiTwDWGEJdnwAZGetZw5W0n6cDUnLr2HEvw6GmyIvHQ94AZDwxABU05SJbKQWv0FYK4FGfNw3ZkhaP5zOxmdfOlIRPjZQRVjmaMmYXDVpqNIho0uvG40Wm5E8q3OKxMARycnL65kFQHRFqROAxBt71X+LiMRrSJ0ddwWfPJH1eByPQZsubARxbnXeBgHzJJ2OsTSn4/LFT77lzQr1Bf/clbqzkT6YvBLInx8LBPT27VpNYWd6Wt2KvhSGVu8zb4JG3X7fXYjsrHR69+kiBDExmN/ui8Etg3wrWZggttW0WgQtOKpNTsrJTdyrLPsqAxuJB/GYps2xoU1Y5ewV1QOMNQ2rql095ulPFVAqg3JDb7JPWosskhKCaM6/fqtzxlAaYoBMSzWz59Eg8iKYEOO51/4MLTP1o6VEwYMtguEOI9ZyO4gHRjBCnuJBVlW/FKnuwyEfD4a8/hN+vr+//fIyky+T/iwIsc2DVNf8CzagsVikRqNsAAAAASUVORK5CYII=) no-repeat;background-size:20px 20px;bottom:1px;cursor:pointer;height:20px;margin-left:6px;position:relative;width:20px}.tool-bar .cancel-btn[data-v-8b6d8c0a],.tool-bar .send-btn[data-v-8b6d8c0a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:24px;min-width:52px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#00afe8;border-radius:4px;justify-content:center;padding:0 6px}.tool-bar .cancel-btn[data-v-8b6d8c0a]{background-color:#fff;color:#6f6f6f}.img-group[data-v-8b6d8c0a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px}.img-group .item[data-v-8b6d8c0a]{height:60px;margin:10px 10px 0 0;position:relative;width:60px}.img-group .item img[data-v-8b6d8c0a]{height:100%;width:100%}.img-group .item .close-btn[data-v-8b6d8c0a]{background:#fff;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20px;position:absolute;right:-6px;top:-6px;width:20px;z-index:10;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-shadow:0 0 3px #ddd;box-shadow:0 0 3px #ddd;cursor:pointer;justify-content:center;-webkit-transition:.3s;transition:.3s}.img-group .item .close-btn[data-v-8b6d8c0a]:hover{-webkit-box-shadow:0 0 6px #bbb;box-shadow:0 0 6px #bbb}.img-group .item .percent-box[data-v-8b6d8c0a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;position:absolute;top:0;z-index:9;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:rgba(0,0,0,.2);color:#333;font-size:12px;height:100%;justify-content:center;width:100%}.img-group .item .el-icon-video-play[data-v-8b6d8c0a]{color:#fff;font-size:30px;left:50%;position:absolute;text-shadow:0 0 4px #bbb;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}.wiki-detail-comment[data-v-08af8bbe]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:28px}.wiki-detail-comment .detail-comment[data-v-08af8bbe],.wiki-detail-comment .el-dialog__body .detail-comment[data-v-08af8bbe]{background-color:#f2f2f2;border-radius:4px}.wiki-detail-comment .wiki-comment-list[data-v-08af8bbe]{border-radius:2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.wiki-detail-comment .wiki-comment-list[data-v-08af8bbe] .el-scrollbar__wrap{overflow-x:hidden;padding-right:14px}.wiki-detail-comment .wiki-comment-list .no-more[data-v-08af8bbe]{color:#999;font-size:12px;font-weight:400;line-height:17px;text-align:center}.wiki-detail-comment .wiki-comment-list .empty-box[data-v-08af8bbe]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-top:90px}.wiki-detail-comment .wiki-comment-list .empty-box .empty-icon[data-v-08af8bbe]{height:80px;margin-bottom:29px;width:107px}.wiki-detail-comment .wiki-comment-list .empty-box .empty-txt[data-v-08af8bbe]{color:#333;font-size:12px;font-weight:400;line-height:17px;margin-bottom:10px}.wiki-detail-comment .wiki-comment-list .empty-box .btn-box[data-v-08af8bbe]{text-align:center}.wiki-detail-comment .wiki-comment-list .empty-box .btn-box .button[data-v-08af8bbe]{color:#00afe8;font-size:12px;font-weight:400;line-height:17px}.float-detail-comment[data-v-08af8bbe]{background:#f5f5f5;bottom:0;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);left:calc(50% - var(--no-scrollbar, 0px)/2);position:fixed;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:945px;z-index:100}.float-detail-comment.tj-light[data-v-08af8bbe]{padding:10px}.float-detail-comment.tj-light[data-v-08af8bbe] .comment-input{background-color:#f2f2f2;border-radius:4px}[data-v-08af8bbe] .comment-img-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20px}[data-v-08af8bbe] .comment-img-wrapper .img-item{border-radius:6px;cursor:pointer;height:100px;overflow:hidden;position:relative;width:110px}[data-v-08af8bbe] .comment-img-wrapper .img-item+.img-item{margin-left:12px}[data-v-08af8bbe] .comment-img-wrapper .img-item .mask{background:rgba(0,0,0,.7);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#fff;font-size:16px;justify-content:center}[data-v-08af8bbe] .comment-img-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wiki-detail-comment.dark[data-v-08af8bbe] .wiki-comment-list .content,.wiki-detail-comment.dark[data-v-08af8bbe] .wiki-comment-list .replay-content{color:#fff!important}.wiki-detail-comment.dark[data-v-08af8bbe] .wiki-comment-list .comment-to-comment{background:hsla(210,1%,58%,.06);color:#fff!important}.wiki-detail-comment.dark[data-v-08af8bbe] .wiki-comment-list .answer{color:#3f77a7!important}.wiki-detail-comment.dark[data-v-08af8bbe] .wiki-comment-list .empty-box .empty-txt{color:#9fa0a1}.detail-comment.dark[data-v-08af8bbe],.float-detail-comment.dark[data-v-08af8bbe]{background:#121212}.detail-comment.dark[data-v-08af8bbe] .detail-comment-send,.float-detail-comment.dark[data-v-08af8bbe] .detail-comment-send{background:transparent}.detail-comment.dark[data-v-08af8bbe] .detail-comment-send .comment-input,.float-detail-comment.dark[data-v-08af8bbe] .detail-comment-send .comment-input{background:transparent;color:#fff}.detail-comment.dark[data-v-08af8bbe] .detail-comment-send .comment-input:empty:before,.float-detail-comment.dark[data-v-08af8bbe] .detail-comment-send .comment-input:empty:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAArJJREFUWEftVjFoE2EU/l6aoUOzdcimoGAHQTu0UVSkKORekmId7CYSqNBBUHBxUDzBRXBQnIqVdOhiECrE/P8vKERwSNFBsWBBhw4OV3BLQYfjfu+HuxKjyd0lgS79x7v3v++7977vvSPs8aE9xsc+gaFVQAhxiohWtNbjIyMji/l8/nmc9g6FgBDiEIAmEY2HoFrrW4VC4UEUiYEJ1Ov1A6lUqgHgIIBNAA6AEwBGfXCbme/1IjEQgWq1OpbJZD4AmACwur6+XrZt21VKXdBavwyAF5j5WTcSfROoVCqj2Wy2BuC81npje3t7qlwu/w6BpJQtAGMAXjDzpaESsG07PT09vUZEpf/1XCl1TGv9KXi3yMxLQyUghHhCRNcAbKVSqdue5y2HPfc8b6VNE/eZ+c5QNSClvGvEBeAHgDPMvCWlzJtSm5JrrX8Gblhl5stDdYFS6rrW+hGAHSI6bVnW5xBACHHWf/YGQNp3gXIc52K7JgZugVKqGCjbBTDHzK/DpEYTuVzOCNIy88BxnJk44OZ+LBdIKc8BeGW+jojmLMuqt3+RlPKp35IFownP804Wi0UzC2KdSAJSyiMAPpr+EtENy7Ied4CHmtgCMGM0EQs5COpJoGPK/TPV2jXhuu7U7OysmYSJTk8CQoha4HXFzNyeuUMTJWZ+mwg5TgWklN/8EXvY7/1ffo7SRBIiXSsQKPtXYKvvrVZrcn5+fieYcu+7aSIJeE8X1Gq1iXQ6/bVt1JoBY3psNp3xeuSmi0OmawU6NlpnrmVmvhoHICqmF4GbWuuHHRVoEFGj2WwumbUblTzO+64EpJRXfP+XDKDruu9KpdJGnIRJY3YJ+OJa80ft8aQJ+ozfDG29S0AI8YWIjvaZMNE1869QKBQme7ogUcYBgiN3wQC5Y13dJ7BfgT847Rowav87dAAAAABJRU5ErkJggg==) no-repeat;background-size:16px 16px;content:"";display:inline-block;height:16px;margin-right:7px;vertical-align:middle;width:16px}.detail-comment.dark[data-v-08af8bbe] .detail-comment-send .comment-input:empty:after,.float-detail-comment.dark[data-v-08af8bbe] .detail-comment-send .comment-input:empty:after{color:#8a8d91;content:attr(placeholder)}.detail-comment.dark[data-v-08af8bbe] .tool-bar .cancel-btn,.float-detail-comment.dark[data-v-08af8bbe] .tool-bar .cancel-btn{color:#fff}.detail-comment.dark[data-v-08af8bbe] .tool-bar .send-btn,.float-detail-comment.dark[data-v-08af8bbe] .tool-bar .send-btn{background:rgba(56,108,158,.63)}.detail-comment.dark[data-v-08af8bbe] .tool-bar .cancel-btn,.float-detail-comment.dark[data-v-08af8bbe] .tool-bar .cancel-btn{background:hsla(204,2%,45%,.5)}.detail-comment.dark[data-v-08af8bbe] .tool-bar .emoji,.float-detail-comment.dark[data-v-08af8bbe] .tool-bar .emoji{background:hsla(210,1%,58%,.1)}.detail-contributor[data-v-4f3e4371]{-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.detail-contributor .label[data-v-4f3e4371]{color:#666;font-size:12px;font-weight:400;margin-right:8px}.detail-contributor .list[data-v-4f3e4371]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;margin-right:19px;max-width:648px;min-height:24px;overflow:hidden}.detail-contributor .list .avatar[data-v-4f3e4371]{border-radius:50%;height:24px;width:24px}.detail-contributor .list .avatar img[data-v-4f3e4371]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.detail-contributor .more[data-v-4f3e4371]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666;font-size:12px;font-weight:400}.detail-contributor .more .el-icon[data-v-4f3e4371]{font-size:10px;margin-left:9px}.content-author[data-v-54e53c24]{background-color:#fff;border-radius:8px;width:328px}.content-author .bottom[data-v-54e53c24],.content-author .center[data-v-54e53c24],.content-author .top[data-v-54e53c24]{padding:0 14px}.content-author .top[data-v-54e53c24]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:14px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px}.content-author .top .avatar-box[data-v-54e53c24]{cursor:pointer}.content-author .top .avatar-box .avatar[data-v-54e53c24]{border-radius:20px;height:36px;width:36px}.content-author .top .desc[data-v-54e53c24]{width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.content-author .top .desc .nick-box[data-v-54e53c24]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:3px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.content-author .top .desc .nick-box .nick[data-v-54e53c24]{color:#273443;cursor:pointer;font-size:14px;font-weight:700;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-author .top .desc .nick-box .tag[data-v-54e53c24]{background-color:#ffdea3;border-radius:2px;color:#82675c;font-size:10px;line-height:16px;margin-left:3px;padding:0 4px;text-align:center}.content-author .top .desc .update[data-v-54e53c24]{color:#999;font-size:12px}.content-author .top .look[data-v-54e53c24]{background-color:#00afe8;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;line-height:28px;text-align:center;width:60px}.content-author .top .look.looked[data-v-54e53c24]{background-color:#ccc}.content-author .center[data-v-54e53c24]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:11px;padding-top:23px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.content-author .center .enum .value[data-v-54e53c24]{color:#273443;font-size:14px;font-weight:700;margin-left:2px}.content-author .center .enum .label[data-v-54e53c24]{color:#999;font-size:12px}.content-author .bottom[data-v-54e53c24]{border-top:1px solid #f0f0f0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:11px;padding-top:9px}.detail-super-edit[data-v-61223de5]{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px}.detail-super-edit[data-v-61223de5] .el-icon-edit-outline{color:#000;font-size:20px;font-weight:700;position:relative;right:6px;top:1px;top:3px}.detail-super-edit[data-v-61223de5] .el-dropdown{color:#000;font-size:12px}.aside-bar-fixed[data-v-5ddfdbfb]{bottom:0;left:calc(50% - var(--no-scrollbar, 0px)/2);position:fixed;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:100;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;height:58px;justify-content:space-between;padding-left:16px;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}.aside-bar-fixed .aside-left[data-v-5ddfdbfb],.aside-bar-fixed[data-v-5ddfdbfb]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.aside-bar-fixed .aside-left[data-v-5ddfdbfb]{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}.aside-bar-fixed .aside-left .avatar-box[data-v-5ddfdbfb]{height:38px;width:38px}.aside-bar-fixed .aside-left .avatar-box .avatar[data-v-5ddfdbfb]{border-radius:4px;cursor:pointer;height:100%;width:100%}.aside-bar-fixed .aside-left .title[data-v-5ddfdbfb]{color:#dfdfdf;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}.aside-bar-fixed .aside-left .title .name[data-v-5ddfdbfb]{color:#dfdfdf;font-size:16px}.aside-bar-fixed .aside-left .title .update[data-v-5ddfdbfb]{color:#999}.aside-bar-fixed .list[data-v-5ddfdbfb]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;justify-content:flex-end;padding-right:16px}.aside-bar-fixed .list .aside-item[data-v-5ddfdbfb],.aside-bar-fixed .list[data-v-5ddfdbfb]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.aside-bar-fixed .list .aside-item[data-v-5ddfdbfb]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#a8b9bf;cursor:pointer;font-size:12px;gap:6px;justify-content:center;line-height:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.aside-bar-fixed .list .aside-item .icon[data-v-5ddfdbfb]{height:20px;width:20px}.aside-bar-fixed .list .aside-item .icon.active[data-v-5ddfdbfb]{fill:#fe5d5d}.aside-bar-fixed .list .like-down[data-v-5ddfdbfb]{position:relative;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.aside-bar-fixed .list .like-down[data-v-5ddfdbfb]:before{background:rgba(0,0,0,.1);bottom:15%;content:"";height:70%;position:absolute;right:2px;width:1px}.aside-bar-fixed .list .divider[data-v-5ddfdbfb]{background:hsla(0,0%,100%,.15);height:22px;width:1px}.aside-bar-fixed.dark[data-v-5ddfdbfb]{background:-webkit-gradient(linear,right top,left top,from(#1a1a1a),color-stop(1%,#1a1a1a),color-stop(97%,#1a1a1a),to(rgba(26,26,26,0)));background:-webkit-linear-gradient(right,#1a1a1a,#1a1a1a 1%,#1a1a1a 97%,rgba(26,26,26,0));background:linear-gradient(270deg,#1a1a1a,#1a1a1a 1%,#1a1a1a 97%,rgba(26,26,26,0));-webkit-box-shadow:0 -4px 15px 0 hsla(0,0%,100%,.04);box-shadow:0 -4px 15px 0 hsla(0,0%,100%,.04);color:#fff}.aside-bar-fixed.dark .list .aside-item .like-down[data-v-5ddfdbfb]:before{background-color:hsla(0,0%,100%,.15)}.aside-bar-fixed.light[data-v-5ddfdbfb]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:-webkit-gradient(linear,right top,left top,from(#fff),color-stop(2%,#fff),color-stop(96%,#fff),to(#fff));background:-webkit-linear-gradient(right,#fff,#fff 2%,#fff 96%,#fff);background:linear-gradient(270deg,#fff,#fff 2%,#fff 96%,#fff);-webkit-box-shadow:0 -4px 15px 0 rgba(0,0,0,.03);box-shadow:0 -4px 15px 0 rgba(0,0,0,.03)}.aside-bar-fixed.light .aside-left .title[data-v-5ddfdbfb]{color:#000}.aside-bar-fixed.light .aside-left .title .name[data-v-5ddfdbfb]{color:#333}.aside-bar-fixed.light .aside-left .title .update[data-v-5ddfdbfb]{color:#999}.aside-bar-fixed.light .list[data-v-5ddfdbfb]{border-color:hsla(0,0%,100%,.3)}.aside-bar-fixed.light .list .aside-item[data-v-5ddfdbfb]{color:#000}.aside-bar-fixed.light .list .aside-item .icon[data-v-5ddfdbfb]{height:20px;width:20px}.aside-bar-fixed.light .list .aside-item .like-down[data-v-5ddfdbfb]{border-color:rgba(0,0,0,.1)}.aside-bar-fixed.light .list .divider[data-v-5ddfdbfb]{background:rgba(0,0,0,.1)}.aside-bar-fixed.dark.czn[data-v-5ddfdbfb],.aside-bar-fixed.dark.dna[data-v-5ddfdbfb]{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),color-stop(24%,hsla(0,0%,100%,.001)),color-stop(74%,hsla(0,0%,100%,.02)));background:-webkit-linear-gradient(right,hsla(0,0%,100%,0),hsla(0,0%,100%,.001) 24%,hsla(0,0%,100%,.02) 74%);background:linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.001) 24%,hsla(0,0%,100%,.02) 74%);-webkit-mask:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(2%,rgba(0,0,0,.99)),color-stop(98%,rgba(0,0,0,.99)));-webkit-mask:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.99) 2%,rgba(0,0,0,.99) 98%);mask:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(2%,rgba(0,0,0,.99)),color-stop(98%,rgba(0,0,0,.99)));mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.99) 2%,rgba(0,0,0,.99) 98%)}.aside-bar-fixed.dark.hw[data-v-5ddfdbfb]{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),color-stop(24%,hsla(0,0%,100%,.001)),color-stop(74%,hsla(0,0%,100%,.02)),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(right,hsla(0,0%,100%,0),hsla(0,0%,100%,.001) 24%,hsla(0,0%,100%,.02) 74%,hsla(0,0%,100%,0));background:linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.001) 24%,hsla(0,0%,100%,.02) 74%,hsla(0,0%,100%,0));-webkit-mask:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(2%,rgba(0,0,0,.99)),color-stop(98%,rgba(0,0,0,.99)),to(transparent));-webkit-mask:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.99) 2%,rgba(0,0,0,.99) 98%,transparent);mask:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(2%,rgba(0,0,0,.99)),color-stop(98%,rgba(0,0,0,.99)),to(transparent));mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.99) 2%,rgba(0,0,0,.99) 98%,transparent)}[data-v-5ddfdbfb] .comment-dialog{background:-webkit-gradient(linear,left top,left bottom,from(#2d3344),to(#343c45));background:-webkit-linear-gradient(top,#2d3344,#343c45);background:linear-gradient(180deg,#2d3344,#343c45);border-radius:16px}[data-v-5ddfdbfb] .comment-dialog.light{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background:-webkit-linear-gradient(top,#fff,#fff);background:linear-gradient(180deg,#fff,#fff)}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__header{padding:20px 32px 0}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__header .el-dialog__title{color:#303133}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__header .el-dialog__headerbtn{right:32px;top:22px}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#303133}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .detail-comment{background-color:#f5f5f5}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .detail-comment .article-edit-container{background:#f5f5f5}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .detail-comment .article-edit-container .cancel-btn{background:#fff!important;color:#000!important}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .content,[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .replay-content{color:#333!important}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .replay-box .user-box{color:#8b8b8b!important}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .replay-box .user-box a{color:#868686!important}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .replay-box .user-box .answer{color:#152c66!important}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .article-edit-box:empty:before{color:#999!important}[data-v-5ddfdbfb] .comment-dialog.light .el-dialog__body .comment-to-comment{background:#f5f5f5}[data-v-5ddfdbfb] .comment-dialog .el-dialog__header{padding:20px 32px 0}[data-v-5ddfdbfb] .comment-dialog .el-dialog__header .el-dialog__title{color:#fff}[data-v-5ddfdbfb] .comment-dialog .el-dialog__header .el-dialog__headerbtn{right:32px;top:22px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#fff}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body{padding:22px 32px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .fllow-comment{bottom:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;right:-70px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:14px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .fllow-comment.light .aside-item{background:#fff;color:#000}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .fllow-comment .aside-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(#2d3344),to(#343c45));background:-webkit-linear-gradient(top,#2d3344,#343c45);background:linear-gradient(180deg,#2d3344,#343c45);border-radius:30px;color:#aab9bf;cursor:pointer;font-size:12px;height:58px;-webkit-transition:all .3s ease;transition:all .3s ease;width:58px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .fllow-comment .aside-item .wiki-icon{height:20px;width:20px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .fllow-comment .aside-item i{font-size:20px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment{background-color:hsla(0,0%,91%,.04);padding-top:0}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .article-edit-box{background-color:transparent;padding:14px 10px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .wiki-comment-list{background-color:transparent}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .wiki-comment-list .userAnswer{border-bottom:1px solid hsla(0,0%,91%,.04);margin-right:16px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .wiki-comment-list .userAnswer .content{color:#bebebe}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .wiki-comment-list .userAnswer .user-replay .user-box .answer{color:#ceedfa}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .wiki-comment-list .userAnswer .user-replay .replay-content{color:#bebebe}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .article-edit-box{border-radius:4px;color:#bebebe;height:auto;max-height:100px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .article-edit-box:empty:before{color:#5b6478;content:attr(placeholder);font-size:13px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment .article-edit-container{background-color:#20242e;border:none;padding:0}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment .article-edit-container .tool-bar{border-top:none;height:auto;margin:0;padding:8px 10px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment .article-edit-container .tool-bar .img-update-btn{width:auto}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment .article-edit-container .tool-bar .cancel-btn,[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment .article-edit-container .tool-bar .send-btn{padding:6px 12px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment .article-edit-container .tool-bar .cancel-btn{background-color:transparent;color:#fff}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .detail-comment .article-edit-container .img-group{margin:0;padding:10px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .emoj-container{margin-bottom:20px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .comment-to-comment{background-color:#20242e}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .dialog-comment-list .wiki-detail-comment{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:70vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:28px}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .dialog-comment-list .wiki-detail-comment .detail-comment{margin:0;padding:0}[data-v-5ddfdbfb] .comment-dialog .el-dialog__body .dialog-comment-list .wiki-detail-comment .wiki-comment-list{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;background-color:transparent;flex-grow:1;height:0;margin:0;padding:0}.red[data-v-3808231c]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.red[data-v-3808231c],.yellow[data-v-3808231c]{border-radius:0!important;height:100%;width:100%}.yellow[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2))}.blue[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2))}.blue[data-v-3808231c],.purple[data-v-3808231c]{border-radius:0!important;height:100%;width:100%}.purple[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2))}.green[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2))}.green[data-v-3808231c],.red-w[data-v-3808231c]{border-radius:0!important;height:100%;width:100%}.red-w[data-v-3808231c]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.yellow-w[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.blue-w[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.purple-w[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.green-w[data-v-3808231c]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.search-box[data-v-3808231c]{-webkit-box-flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.search-box[data-v-3808231c] .el-input{border-radius:18px}.search-box[data-v-3808231c] .el-input .el-input__inner{border:none;border-radius:18px;height:36px;line-height:36px;outline:none}.search-box[data-v-3808231c] .el-input .el-input__inner:focus{border:none}.search-box .search-attr[data-v-3808231c]{background:#d6d8dd;border-radius:4px;padding:2px}.search-box .search-attr .attr-box[data-v-3808231c],.search-box .search-attr[data-v-3808231c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.search-box .search-attr .attr-box[data-v-3808231c]{border-right:1px solid rgba(0,0,0,.2);gap:0 6px;height:100%;padding-right:10px}.search-box .search-attr .attr-box .attr-item[data-v-3808231c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;width:32px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;cursor:pointer;justify-content:center}.search-box .search-attr .attr-box .attr-item.active[data-v-3808231c]{background:#5e646e;border-radius:4px;height:32px;width:32px}.search-box .search-attr .attr-box .attr-item .attr-icon[data-v-3808231c]{height:28px;width:28px}.search-box .search-attr .other-box[data-v-3808231c]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 10px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-column-gap:9px;-moz-column-gap:9px;column-gap:9px;justify-content:space-between}.search-box .search-attr .other-box .other-box-item[data-v-3808231c],.search-box .search-attr .other-box[data-v-3808231c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.search-box .search-attr .other-box .other-box-item[data-v-3808231c]{height:32px;width:32px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;cursor:pointer;justify-content:center}.search-box .search-attr .other-box .other-box-item.active[data-v-3808231c]{background:#5e646e;border-radius:4px;height:32px;width:32px}.search-box .search-attr .other-box .other-box-item .other-icon[data-v-3808231c]{height:24px;width:24px}.search-box .search-star[data-v-3808231c]{background:#d6d8dd;border-radius:4px;padding:2px;width:155px}.search-box .search-star .star-item[data-v-3808231c],.search-box .search-star[data-v-3808231c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.search-box .search-star .star-item[data-v-3808231c]{height:32px;width:36px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#686868;cursor:pointer;font-family:PingFangSC,PingFang SC;font-size:14px;font-weight:400;justify-content:center}.search-box .search-star .star-item.active[data-v-3808231c]{background:#5e646e;border-radius:4px;color:#fff}.search-box .show-skin[data-v-3808231c]{background:#d6d8dd;border-radius:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:36px;padding:2px;width:159px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.search-box .show-skin .show-text[data-v-3808231c]{color:#333;font-family:PingFangSC,PingFang SC;font-size:14px;font-weight:500;line-height:20px}.search-box .show-skin img[data-v-3808231c]{height:18px;width:18px}.search-box .search-btn[data-v-3808231c]{-webkit-box-flex:0;background:#d6d8dd;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:36px;width:36px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:50%;cursor:pointer;justify-content:center}.search-box .search-btn img[data-v-3808231c]{height:22px;width:22px}.search-box .search-btn .close[data-v-3808231c]{height:20px;width:20px}.filter-role[data-v-3808231c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100vh;overflow:auto;width:100%}.filter-role[data-v-3808231c]::-webkit-scrollbar{display:none}.filter-role .main-content[data-v-3808231c]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-top:18px;padding-bottom:18px;width:100%}.filter-role .main-content .content-box[data-v-3808231c]{-webkit-align-content:start;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);width:100%;-ms-flex-line-pack:start;align-content:start;overflow:hidden}.filter-role .main-content .content-box .item[data-v-3808231c]{-webkit-flex-shrink:0;height:140px;position:relative;width:91px;-ms-flex-negative:0;cursor:pointer;flex-shrink:0;overflow:hidden}.filter-role .main-content .content-box .item .add-icon[data-v-3808231c]{height:20px;left:0;position:absolute;top:0;width:20px;z-index:1}.filter-role .main-content .content-box .item .add-icon img[data-v-3808231c]{height:100%;width:100%}.filter-role .main-content .content-box .item .cover-bg[data-v-3808231c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:6;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:rgba(0,0,0,.6);color:#fff;font-size:16px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.filter-role .main-content .content-box .item .role-image[data-v-3808231c]{height:112%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;position:relative;top:-20px;width:100%}.filter-role .main-content .content-box .item .role-top[data-v-3808231c]{background:#1f2228;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:18px;position:absolute;width:18px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;right:4px}.filter-role .main-content .content-box .item .role-top img[data-v-3808231c]{height:14px;width:14px}.filter-role .main-content .content-box .item .role-attr[data-v-3808231c]{top:4px}.filter-role .main-content .content-box .item .role-weapon[data-v-3808231c]{top:28px}.filter-role .main-content .content-box .item .item-bottom[data-v-3808231c]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(39,49,60,0)),color-stop(43%,rgba(39,49,60,.83)),to(#27313c));background:-webkit-linear-gradient(top,rgba(39,49,60,0),rgba(39,49,60,.83) 43%,#27313c);background:linear-gradient(180deg,rgba(39,49,60,0),rgba(39,49,60,.83) 43%,#27313c);bottom:0;left:0;padding-left:5px;position:absolute;width:100%}.filter-role .main-content .content-box .item .item-bottom .change-skin[data-v-3808231c]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAOdQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////WquIsgAAAEx0Uk5TAAECAwQICgsNDg8RFBgZGx4fICUmKy0xNDU6Pj9AR0lMTlJaW15fYGNkZWZoaW9wcXN/gISOk5qdnqKotb/Dys7Y3ODi5Orr8fP9/nYQIZ8AAADcSURBVDjL7dRJU8JAEIbhsAgosiYqILKFRVRAEFEWQUBke///7/GGmcxMVS5w4rv11DPV3Zc2jOPFf995U6R153KpKZqML50uMEObkRNWYHClmig+ActRd5fzoHp2C6qeloxC+7/ymQ9SLJ8M7V/VEuuaGz7q9n0RYWjDqi63rv2wjQgwB2XVGkXIC9AGUwXTUBdgVQ8bZ3iGJ4EJaHqCfch4gd8wC3iBGxaHi1KAnApmoWR8voYPD9c7pinZJb/Yx8Snd90BGLj+Xnyo3TAktbl56klH+fnWOGr+AIy1etVmePxhAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;cursor:pointer;height:20px;position:relative;width:20px}.filter-role .main-content .content-box .item .item-bottom .change-skin .text[data-v-3808231c]{bottom:1px;color:#fff;font-family:SourceHanSansCN;font-size:12px;font-weight:700;left:50%;position:absolute;-webkit-transform:translateX(-67%);-ms-transform:translateX(-67%);transform:translateX(-67%)}.filter-role .main-content .content-box .item .item-bottom .skin-name[data-v-3808231c]{color:#ccc;font-family:SourceHanSansCN;font-size:11px;font-weight:700;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.filter-role .main-content .content-box .item .item-bottom .skin-name1[data-v-3808231c]{color:#fff;font-family:SourceHanSansCN;font-size:14px;font-weight:700;line-height:21px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.filter-role .main-content .content-box .item .item-bottom .role-level[data-v-3808231c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:5px;width:100%}.filter-role .main-content .content-box .item .item-bottom .role-level img[data-v-3808231c]{height:15px;position:relative;width:15px}[data-v-3808231c] .comment-container .comment-box .title{font-size:16px;font-weight:600;padding:10px 0}[data-v-3808231c] .comment-container .comment-box .wiki-detail-comment .detail-comment{background-color:#fff!important}.red[data-v-7cee15f2]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.red[data-v-7cee15f2],.yellow[data-v-7cee15f2]{border-radius:0!important;height:100%;width:100%}.yellow[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2))}.blue[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2))}.blue[data-v-7cee15f2],.purple[data-v-7cee15f2]{border-radius:0!important;height:100%;width:100%}.purple[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2))}.green[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2))}.green[data-v-7cee15f2],.red-w[data-v-7cee15f2]{border-radius:0!important;height:100%;width:100%}.red-w[data-v-7cee15f2]{background:-webkit-linear-gradient(280deg,#ff3737,rgba(0,0,0,.2));background:linear-gradient(170deg,#ff3737,rgba(0,0,0,.2))}.yellow-w[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#ffeab2,rgba(0,0,0,.2));background:linear-gradient(165deg,#ffeab2,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.blue-w[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#c0c5ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#c0c5ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.purple-w[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#f4b2ff,rgba(0,0,0,.2));background:linear-gradient(165deg,#f4b2ff,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.green-w[data-v-7cee15f2]{background:-webkit-linear-gradient(285deg,#bcffc9,rgba(0,0,0,.2));background:linear-gradient(165deg,#bcffc9,rgba(0,0,0,.2));border-radius:0!important;height:100%;width:100%}.choose-battle-container .main-content .content-box[data-v-7cee15f2],.choose-battle-container .main-content[data-v-7cee15f2],.choose-battle-container[data-v-7cee15f2]{width:100%}.choose-battle-container .main-content .content-box .battle-item[data-v-7cee15f2]{background:#ecebeb;cursor:pointer;height:97px;padding:6px 12px;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.choose-battle-container .main-content .content-box .battle-item.active[data-v-7cee15f2]{background:#fff}.choose-battle-container .main-content .content-box .battle-item .header[data-v-7cee15f2]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4px}.choose-battle-container .main-content .content-box .battle-item .header .name[data-v-7cee15f2]{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#333;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choose-battle-container .main-content .content-box .battle-item .header .choosed-icon[data-v-7cee15f2]{height:15px;width:15px}.choose-battle-container .main-content .content-box .battle-item .battle-item-content[data-v-7cee15f2]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.choose-battle-container .main-content .content-box .battle-item .battle-item-content[data-v-7cee15f2] .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item[data-v-7cee15f2]{-webkit-box-flex:0;border:1px solid #fff;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:56px;position:relative;width:56px}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item .img-box[data-v-7cee15f2]{height:100%;overflow:hidden;position:relative;width:100%}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item .img-box img[data-v-7cee15f2]{height:130%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:130%}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item .strenth-icon[data-v-7cee15f2]{height:22px;position:absolute;right:0;top:0;width:27px}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item .strenth-icon img[data-v-7cee15f2]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item .role-attr[data-v-7cee15f2]{height:18px;position:absolute;right:2px;top:20px;width:18px}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item .role-attr img[data-v-7cee15f2]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.choose-battle-container .main-content .content-box .battle-item .battle-item-content .item .index[data-v-7cee15f2]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:4px;position:absolute;top:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#3c4b5e;-webkit-clip-path:polygon(0 70%,0 0,100% 0,100% 70%,50% 100%);clip-path:polygon(0 70%,0 0,100% 0,100% 70%,50% 100%);color:#fff;font-size:11px;height:16px;line-height:16px;width:14px}.btn[data-v-692df5bd]{background-color:#5889d4;border-color:transparent;color:#fff}[data-v-692df5bd] .exchange-container{background-color:#fff}[data-v-692df5bd] .exchange-container .el-dialog__header{padding:0}[data-v-692df5bd] .exchange-container .exchange-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[data-v-692df5bd] .exchange-container .exchange-content .title{color:#333;font-size:16px;font-weight:600;line-height:22px;margin-bottom:13px}[data-v-692df5bd] .exchange-container .exchange-content .des{color:#666;font-size:16px;font-weight:400;line-height:22px;margin-bottom:25px}[data-v-692df5bd] .exchange-container .exchange-content .option .ok-btn{background-color:#967a5f;border-color:transparent;color:#fff;width:94px}[data-v-692df5bd] .exchange-container .exchange-content .option .cancel-btn{background-color:#fff;border-color:#967a5f;color:#967a5f;width:94px}[data-v-0ecac02c] .choose-boss-modal{background:#fff;margin-left:8vw}[data-v-0ecac02c] .choose-boss-modal .el-dialog__header{color:#333;font-size:18px;font-weight:700;padding-bottom:14px}[data-v-0ecac02c] .choose-boss-modal .el-dialog__body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#e7eaee;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:600px;overflow:hidden;padding:10px 20px}[data-v-0ecac02c] .choose-boss-modal .filter-tab{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;gap:0 12px;margin-bottom:20px}[data-v-0ecac02c] .choose-boss-modal .filter-tab,[data-v-0ecac02c] .choose-boss-modal .filter-tab .tab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}[data-v-0ecac02c] .choose-boss-modal .filter-tab .tab{background:rgba(166,171,183,.2);border-radius:4px;color:#666;cursor:pointer;font-size:14px;height:30px;padding:0 20px;-webkit-transition:all .3s;transition:all .3s}[data-v-0ecac02c] .choose-boss-modal .filter-tab .tab.active{background:#5e646e;color:#fff}[data-v-0ecac02c] .choose-boss-modal .content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;padding-right:20px}[data-v-0ecac02c] .choose-boss-modal .content .main-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}[data-v-0ecac02c] .choose-boss-modal .content .main-content .line-box{-webkit-box-flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:20px;width:100%}[data-v-0ecac02c] .choose-boss-modal .content .main-content .line-box .text{background:#e7eaee;color:#999;font-size:12px;font-weight:400;left:50%;padding:0 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}[data-v-0ecac02c] .choose-boss-modal .content .main-content .line-box .line{background:#f2f2f2;height:1px;left:0;position:absolute;top:50%;width:100%;z-index:0}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#f2f4f7;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:264px;padding:14px 15px 10px;width:170px}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .img-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .img-bg img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:.2;width:100%}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item.card-item{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item.active{background:#dbdde2}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-header{background:#fff;border-radius:36px;height:36px;overflow:hidden;position:relative;width:140px}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-header .name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#333;font-size:14px;font-weight:400;height:100%;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-content{border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:130px;margin-top:16px;position:relative;width:130px}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-content img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-content .attr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;border-radius:50%;bottom:0;height:46px;justify-content:center;right:0;width:46px}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-content .attr img{height:40px;width:40px}[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-footer{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#333;font-size:14px;height:44px;justify-content:center;margin-top:10px;padding:0 20px;text-align:center;width:141px}.mini-battle-container[data-v-26641083],[data-v-0ecac02c] .choose-boss-modal .content .main-content .battle-item .b-footer{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.mini-battle-container[data-v-26641083]{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#f3f3f3;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:12px;padding:0 14px 14px;width:100%}.mini-battle-container .header[data-v-26641083]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);height:46px;margin-bottom:12px}.mini-battle-container .header .title[data-v-26641083]{color:#333;font-size:16px;font-weight:600}.mini-battle-container .battle-box[data-v-26641083]{position:relative;width:100%}.mini-battle-container .battle-box .expand-btn[data-v-26641083],.mini-battle-container .battle-box[data-v-26641083]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mini-battle-container .battle-box .expand-btn[data-v-26641083]{bottom:-12px;position:absolute;right:6px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#6a523b;cursor:pointer;font-size:13px;font-weight:400;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mini-battle-container .battle-box .expand-btn .arrow[data-v-26641083]{font-size:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.mini-battle-container .battle-box .expand-btn.rotate[data-v-26641083]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mini-battle-container .battle-box .battle-line[data-v-26641083]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px;margin-right:16px}.mini-battle-container .battle-box .battle-line .drag-bg[data-v-26641083]{background:rgba(166,171,183,.4);-webkit-box-sizing:border-box;box-sizing:border-box;height:120px;position:relative;-webkit-transition:all ease;transition:all ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:78px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag[data-v-26641083]{height:97px;width:63px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .item-bottom[data-v-26641083]{padding-bottom:0}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .item-bottom .skin-name[data-v-26641083]{font-size:9px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .item-bottom .skin-name1[data-v-26641083]{font-size:11px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .item-bottom .role-level[data-v-26641083]{height:12px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .item-bottom .role-level img[data-v-26641083]{height:12px;width:12px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .strenth-icon[data-v-26641083]{height:13px;width:20px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .role-top[data-v-26641083]{height:12px;width:12px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .role-top img[data-v-26641083]{height:10px;width:10px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .role-weapon[data-v-26641083]{top:30px}.mini-battle-container .battle-box .battle-line .drag-bg.union-drag .drag-item .corner-icon[data-v-26641083]{height:12px;top:46px;width:12px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .item-bg[data-v-26641083],.mini-battle-container .battle-box .battle-line .drag-bg .drag-item[data-v-26641083]{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .index[data-v-26641083]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:4px;position:absolute;top:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#3c4b5e;-webkit-clip-path:polygon(0 70%,0 0,100% 0,100% 70%,50% 100%);clip-path:polygon(0 70%,0 0,100% 0,100% 70%,50% 100%);color:#fff;font-size:11px;height:16px;line-height:16px;width:14px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .item-bottom[data-v-26641083]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(39,49,60,0)),color-stop(43%,rgba(39,49,60,.83)),to(#27313c));background:-webkit-linear-gradient(top,rgba(39,49,60,0),rgba(39,49,60,.83) 43%,#27313c);background:linear-gradient(180deg,rgba(39,49,60,0),rgba(39,49,60,.83) 43%,#27313c);bottom:0;left:0;padding-bottom:5px;padding-left:5px;position:absolute;width:100%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .item-bottom .skin-name[data-v-26641083]{color:#ccc;font-family:SourceHanSansCN;font-size:10px;font-weight:700;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .item-bottom .skin-name1[data-v-26641083]{color:#fff;font-family:SourceHanSansCN;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .item-bottom .role-level[data-v-26641083]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:14px;width:100%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .item-bottom .role-level img[data-v-26641083]{height:14px;position:relative;width:14px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .role-img-box[data-v-26641083]{height:100%;overflow:hidden;position:absolute;width:100%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .role-img-box .role-img[data-v-26641083]{height:112%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:-12px;width:100%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .strenth-icon[data-v-26641083]{height:16px;position:absolute;right:0;top:0;width:24px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .strenth-icon img[data-v-26641083]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .role-top[data-v-26641083]{background:#1f2228;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:16px;position:absolute;width:16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;right:4px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .role-top img[data-v-26641083]{height:13px;width:13px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .role-attr[data-v-26641083]{position:absolute;top:16px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .role-weapon[data-v-26641083]{position:absolute;top:36px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .corner-icon[data-v-26641083]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:16px;position:absolute;right:4px;top:56px;width:16px}.mini-battle-container .battle-box .battle-line .drag-bg .drag-item .corner-icon img[data-v-26641083]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mini-battle-container .battle-box .des[data-v-26641083]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;color:#484848;display:-webkit-box;-webkit-flex:1;-ms-flex:1;flex:1;font-size:13px;font-weight:400;height:100%;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.btn[data-v-35c1f66f]{background-color:#5889d4;border-color:transparent;color:#fff}.btn.is-disabled[data-v-35c1f66f]{background-color:#a0a0a0}.btn-round[data-v-35c1f66f]{background-color:#5e646e;height:30px;padding:0 10px}.btn-round[data-v-35c1f66f] span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.btn-round .edit-battle[data-v-35c1f66f]{height:16px;margin-right:4px;vertical-align:text-bottom;width:16px}.btn-round .delete-battle[data-v-35c1f66f]{height:14px;margin-right:4px;vertical-align:text-bottom;width:14px}.btn-round .delete-text[data-v-35c1f66f],.btn-round .edit-text[data-v-35c1f66f]{color:#fff;font-size:12px}.option-bottom[data-v-35c1f66f]{bottom:25px;position:fixed;width:400px;z-index:100;-webkit-box-flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;left:calc(50% + var(--no-scrollbar, 0px)/2 + 178px);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.option-bottom[data-v-35c1f66f] .el-button{width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.battle-index-content[data-v-35c1f66f]{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%}.battle-index-content .loading-container[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.battle-index-content .loading-container img[data-v-35c1f66f]{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.battle-index-content .loading-container .loader-tip[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;position:absolute;top:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:20px;height:100%;width:100%}.battle-index-content .loading-container .loader[data-v-35c1f66f]{-webkit-animation:rotation-35c1f66f 2s linear infinite;animation:rotation-35c1f66f 2s linear infinite;border:3px solid hsla(0,0%,100%,.54);border-radius:50%;border-top-color:transparent;display:inline-block;height:52px;left:50%;margin:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:52px}.battle-index-content .battle-main-box[data-v-35c1f66f]{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#f2f2f2;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:10px}.battle-index-content .battle-main-box .view-main-title[data-v-35c1f66f],.battle-index-content .battle-main-box[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-index-content .battle-main-box .view-main-title[data-v-35c1f66f]{color:#333;font-size:20px;font-weight:500;line-height:29px;margin-bottom:16px;width:100%}.battle-index-content .battle-main-box .view-main-title.union-view-title[data-v-35c1f66f]{width:466px}.battle-index-content .battle-main-box .view-main-title.normal-view-title[data-v-35c1f66f]{width:446px}.battle-index-content .battle-main-box .view-main-title .boss-info[data-v-35c1f66f]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:48px;margin-right:25px;position:relative;width:48px}.battle-index-content .battle-main-box .view-main-title .boss-info.card-info[data-v-35c1f66f]{height:57px;margin-right:15px;width:57px}.battle-index-content .battle-main-box .view-main-title .boss-info.card-info .avatar[data-v-35c1f66f]{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.battle-index-content .battle-main-box .view-main-title .boss-info .avatar[data-v-35c1f66f]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.battle-index-content .battle-main-box .view-main-title .boss-info .attr[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;border-radius:50%;bottom:0;height:26px;justify-content:center;position:absolute;right:-13px;width:26px}.battle-index-content .battle-main-box .view-main-title .boss-info .attr img[data-v-35c1f66f]{height:22px;width:22px}.battle-index-content .battle-main-box .view-main-title .main-title[data-v-35c1f66f]{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.battle-index-content .battle-main-box .view-main-title .main-title .top[data-v-35c1f66f]{color:#333;font-size:20px;font-weight:600;line-height:29px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.battle-index-content .battle-main-box .view-main-title .main-title .boss-name[data-v-35c1f66f]{color:#333;font-size:12px;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.battle-index-content .battle-main-box[data-v-35c1f66f] .remark-box{margin-top:8px;width:100%}.battle-index-content .battle-main-box[data-v-35c1f66f] .remark-box .el-textarea__inner{background:rgba(166,171,183,.2);border:none}.battle-index-content .battle-main-box[data-v-35c1f66f] .remark-box pre{margin:0;padding:12px;white-space:pre-wrap;word-wrap:break-word;background:#fff;color:#484848}.battle-index-content .sp-setting-box[data-v-35c1f66f]{margin-bottom:0;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;border-bottom:none;justify-content:center;padding:17px 0}.battle-index-content .sp-setting-box .left-info[data-v-35c1f66f],.battle-index-content .sp-setting-box[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-index-content .sp-setting-box .left-info .tip-img[data-v-35c1f66f]{height:23px;margin-right:8px;width:24px}.battle-index-content .sp-setting-box .left-info .tip[data-v-35c1f66f]{color:#060606;font-size:13px;font-weight:500;margin-right:8px;white-space:nowrap}.battle-index-content .sp-setting-box .footer[data-v-35c1f66f]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;border-top:none;justify-content:space-between;margin-left:8px}.battle-index-content .sp-setting-box .footer .sp-line .sp-container .star-item[data-v-35c1f66f],.battle-index-content .sp-setting-box .footer .sp-line .sp-container[data-v-35c1f66f],.battle-index-content .sp-setting-box .footer .sp-line[data-v-35c1f66f],.battle-index-content .sp-setting-box .footer[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-index-content .sp-setting-box .footer .sp-line .sp-container .star-item[data-v-35c1f66f]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:6px}.battle-index-content .sp-setting-box .footer .sp-line .sp-container .star-item[data-v-35c1f66f]:last-child{margin-right:0}.battle-index-content .sp-setting-box .footer .sp-line .sp-container .star-item img[data-v-35c1f66f]{height:10px;width:10px}.battle-index-content .sp-setting-box .footer .sp-line .sp-container .star-item span[data-v-35c1f66f]{color:#666;font-size:10px;white-space:nowrap}.battle-index-content .mode-change-tab[data-v-35c1f66f]{margin-bottom:10px}.battle-index-content .battle-main-content[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:36px;width:100%}.battle-index-content .battle-main-content.view-battle-content[data-v-35c1f66f]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;gap:14px;justify-content:center}.battle-index-content .battle-main-content .choose-box[data-v-35c1f66f]{width:695px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:100vh}.battle-index-content .battle-main-content .battle-choose-box[data-v-35c1f66f]{width:328px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.battle-index-content .battle-main-content .battle-choose-box .choose-title[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#333;font-size:16px;font-weight:500;height:47px;padding-left:12px}.battle-index-content .battle-main-content .main-battle-box[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;width:100%}.battle-index-content .battle-main-content .main-battle-box.edit-main-battle-box[data-v-35c1f66f]{height:100vh;overflow:auto;padding-bottom:45px}.battle-index-content .battle-main-content .main-battle-box.edit-main-battle-box[data-v-35c1f66f]::-webkit-scrollbar{height:9px;width:9px}.battle-index-content .battle-main-content .main-battle-box.edit-main-battle-box[data-v-35c1f66f]::-webkit-scrollbar-track{background:#ccc;border-radius:9px}.battle-index-content .battle-main-content .main-battle-box.edit-main-battle-box[data-v-35c1f66f]::-webkit-scrollbar-thumb{background:#8b8b8b;border-radius:9px;height:9px;width:9px}.battle-index-content .battle-main-content .main-battle-box.edit-main-battle-box[data-v-35c1f66f]::-webkit-scrollbar-thumb:hover{background-color:#636363}.battle-index-content .battle-main-content .main-battle-box .main-battle-content[data-v-35c1f66f]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-bottom:10px}.battle-index-content .battle-main-content .main-battle-box .main-battle-content.view-battle-box[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:0}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .header[data-v-35c1f66f]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:17px}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .header .option[data-v-35c1f66f],.battle-index-content .battle-main-content .main-battle-box .main-battle-content .header[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .title[data-v-35c1f66f]{border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:20px;padding:11px 0;width:100%}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .title input[data-v-35c1f66f]{background:none;border:none;color:#333;font-size:24px;font-weight:700;outline:none;width:100%}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .title input[data-v-35c1f66f]::-webkit-input-placeholder{color:#999}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .title input[data-v-35c1f66f]::-moz-placeholder{color:#999}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .title input[data-v-35c1f66f]:-ms-input-placeholder{color:#999}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .title input[data-v-35c1f66f]::-ms-input-placeholder{color:#999}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .title input[data-v-35c1f66f]::placeholder{color:#999}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .option-line[data-v-35c1f66f]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;overflow:auto;width:100%}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .option-line.big-option-line[data-v-35c1f66f]{height:47px;margin-bottom:0}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .option-line.normal-battle[data-v-35c1f66f]{width:446px}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .option-line.union-battle[data-v-35c1f66f]{width:466px}.battle-index-content .battle-main-content .main-battle-box .main-battle-content .option-line .view-title[data-v-35c1f66f]{color:#424242;font-size:24px}@-webkit-keyframes rotation-35c1f66f{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation-35c1f66f{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[data-v-c4f8845e] .team-preview-modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:80vh;left:50%;position:absolute;-webkit-transform:var(--dialog-transform);-ms-transform:var(--dialog-transform);transform:var(--dialog-transform);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[data-v-c4f8845e] .team-preview-modal .el-dialog__title{font-size:17px;font-weight:600}[data-v-c4f8845e] .team-preview-modal .el-dialog__body{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;background-color:#e7eaee;flex-grow:1;height:0}.team-preview-modal-body[data-v-c4f8845e]{-webkit-column-gap:17px;-moz-column-gap:17px;column-gap:17px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.team-preview-modal-body .battle-index-container[data-v-c4f8845e]::-webkit-scrollbar,.team-preview-modal-body .match-result-container[data-v-c4f8845e]::-webkit-scrollbar{width:1px}.team-preview-modal-body .battle-index-container[data-v-c4f8845e]::-webkit-scrollbar-track,.team-preview-modal-body .match-result-container[data-v-c4f8845e]::-webkit-scrollbar-track{background-color:#d9d9d9;width:1px}.team-preview-modal-body .battle-index-container[data-v-c4f8845e]::-webkit-scrollbar-thumb,.team-preview-modal-body .match-result-container[data-v-c4f8845e]::-webkit-scrollbar-thumb{background-color:#5889d4;width:3px}.team-preview-modal-body .battle-index-container[data-v-c4f8845e]{background-color:#fff;border-radius:4px;overflow:hidden auto;width:500px}.team-preview-modal-body .battle-index-container[data-v-c4f8845e] .battle-index-content .battle-main-box{background-color:transparent;padding:16px}.team-preview-modal-body .battle-index-container[data-v-c4f8845e] .battle-index-content .battle-main-box .view-main-title{margin-bottom:0}.team-preview-modal-body .match-result-container[data-v-c4f8845e]{overflow:hidden auto;width:753px}.team-preview-modal-body .match-result-container .team-box-container[data-v-c4f8845e]{margin-bottom:16px}.team-preview-modal-body .match-result-container .title[data-v-c4f8845e]{-webkit-box-sizing:content-box;box-sizing:content-box;color:#333;font-size:16px;font-weight:600;margin:8px 0 10px}.team-preview-modal-body .match-result-container .team-line[data-v-c4f8845e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding-right:5px;row-gap:16px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.team-preview-modal-body .match-result-container .team-card-wrapper[data-v-c4f8845e]{border:2px solid transparent;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.team-preview-modal-body .match-result-container .team-card-wrapper[data-v-c4f8845e] .team-card{background-color:#fff;-webkit-box-shadow:none;box-shadow:none;height:100%;margin-top:0}.team-preview-modal-body .match-result-container .team-card-wrapper.selected[data-v-c4f8845e]{border:2px solid #5889d4}.team-preview-modal-body .match-result-container .team-card-wrapper.selected[data-v-c4f8845e] .team-card{background-color:#fff;margin-top:0;opacity:1}.btn[data-v-d9737e32]{background-color:#5889d4;border-color:transparent;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;font-size:14px;height:40px;line-height:40px;text-align:center;width:208px}.btn.cancel[data-v-d9737e32]{background-color:transparent;border:1px solid #5889d4;color:#5889d4}[data-v-d9737e32] .exchange-container{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}[data-v-d9737e32] .exchange-container .el-dialog__header{padding:0}[data-v-d9737e32] .exchange-container .el-dialog__body{background-color:#fff;border-radius:8px;margin:0 auto;padding:10px 28px;width:492px}[data-v-d9737e32] .exchange-container .exchange-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:13px 0 14px}[data-v-d9737e32] .exchange-container .exchange-content .title{color:#000;font-size:18px;font-weight:500;margin-bottom:26px;text-align:center}[data-v-d9737e32] .exchange-container .exchange-content .des{color:#000;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;height:40px;margin-bottom:48px;text-align:center;text-transform:none}[data-v-d9737e32] .exchange-container .exchange-content .option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.red[data-v-cbc75f90]{background:-webkit-linear-gradient(296deg,#833532,#2a2424);background:linear-gradient(154deg,#833532,#2a2424);height:100%;width:100%}.yellow[data-v-cbc75f90]{background:-webkit-linear-gradient(285deg,#ffeab2,#33302b);background:linear-gradient(165deg,#ffeab2,#33302b);height:100%;width:100%}.blue[data-v-cbc75f90]{background:-webkit-linear-gradient(285deg,#c0c5ff,#24282a);background:linear-gradient(165deg,#c0c5ff,#24282a);height:100%;width:100%}.purple[data-v-cbc75f90]{background:-webkit-linear-gradient(285deg,#f4b2ff,#38303c);background:linear-gradient(165deg,#f4b2ff,#38303c);height:100%;width:100%}.green[data-v-cbc75f90]{background:-webkit-linear-gradient(285deg,#bcffc9,#242a25);background:linear-gradient(165deg,#bcffc9,#242a25);height:100%;width:100%}.slogn-box[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.slogn-box img[data-v-cbc75f90]{height:44px;width:125px}.nav-box img[data-v-cbc75f90]{height:52px;width:104px}.divider[data-v-cbc75f90]{border:1px solid hsla(0,0%,100%,.11);height:1px;margin:14px auto 10px;width:104px}.divider.dark[data-v-cbc75f90]{border-color:hsla(0,0%,100%,.2)}.divider.light[data-v-cbc75f90]{border-color:rgba(0,0,0,.09)}.nav-new[data-v-cbc75f90]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-right:1px solid rgba(0,0,0,.05);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:200vh;padding-top:26px}.nav-new .link[data-v-cbc75f90],.nav-new[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.nav-new .link[data-v-cbc75f90]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nav-new .link .logo-container .game-slogn[data-v-cbc75f90]{display:block;width:97px}.nav-new .link .logo-container .static-gamekee[data-v-cbc75f90]{background-color:#333;height:15px;-webkit-mask:url(data:image/png;base64,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);mask:url(data:image/png;base64,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);-webkit-mask-size:contain;mask-size:contain;width:97px}.nav-new .menu-list[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:20px;row-gap:38px}.nav-new .menu-list .menu-item[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;cursor:pointer;font-size:14px;padding-right:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-new .menu-list .menu-item .icon[data-v-cbc75f90]{-webkit-filter:brightness(300%);filter:brightness(300%);height:14px;width:14px}.nav-new .menu-list .menu-item-active[data-v-cbc75f90]{color:#000;font-weight:700}.nav-new .menu-list .menu-item-active .icon[data-v-cbc75f90]{-webkit-filter:none;filter:none}.main-new[data-v-cbc75f90]{-webkit-column-gap:31px;-moz-column-gap:31px;column-gap:31px;height:100vh}.main-new .main-left[data-v-cbc75f90],.main-new[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.main-new .main-left[data-v-cbc75f90]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}.main-new .main-left .role-switch-container[data-v-cbc75f90]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:0}.main-new .main-left .role-switch-container[data-v-cbc75f90] .el-scrollbar__bar is-horizontal{display:none}.main-new .main-left .has-list-container[data-v-cbc75f90]{bottom:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;padding:0 12px;position:absolute;right:0;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.8);-webkit-column-gap:11px;-moz-column-gap:11px;column-gap:11px;height:60px}.main-new .main-left .has-list-container .row-list[data-v-cbc75f90]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.main-new .main-left .has-list-container .row-list .flex-wrap[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.main-new .main-left .has-list-container .row-list .flex-wrap .left[data-v-cbc75f90]{color:#333;font-size:16px}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list[data-v-cbc75f90]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-grow:1;gap:12px;overflow:hidden;width:0}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list .avatar-box[data-v-cbc75f90]{border-radius:8px!important;height:40px;position:relative;width:40px}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list .avatar-box img[data-v-cbc75f90]{border-radius:8px;display:block;height:40px;width:40px}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list .avatar-box[data-v-cbc75f90]:hover:after{background-color:rgba(0,0,0,.5);border-radius:8px;color:#fff;content:"×";cursor:pointer;font-size:18px;height:100%;left:50%;position:absolute;top:49%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list .avatar-box[data-v-cbc75f90]:hover:after,.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list .unexpand[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list .unexpand[data-v-cbc75f90]{height:40px;width:40px}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list .unexpand .icon[data-v-cbc75f90]{border:1px solid #5889d4;border-radius:20px;color:#5889d4;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20px;width:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list.expand[data-v-cbc75f90]{background:hsla(0,0%,100%,.8);bottom:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;left:0;overflow:initial;padding:14px 0;position:absolute;width:100%;z-index:1}.main-new .main-left .has-list-container .row-list .flex-wrap .avatar-list.expand[data-v-cbc75f90]:after{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));content:"";height:36px;left:0;position:absolute;top:-36px;width:100%;z-index:1}.main-new .main-left .has-list-container .row-list .flex-wrap .right[data-v-cbc75f90]{border:1px solid #5889d4;border-radius:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20px;width:20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;color:#5889d4;cursor:pointer;justify-content:center;margin-left:8px}.main-new .main-left .tip-container[data-v-cbc75f90]{background:rgba(255,159,75,.1)}.main-new .main-left .update[data-v-cbc75f90]{color:#333;cursor:pointer;font-size:13px;text-decoration:underline}.main-new .main-left .text[data-v-cbc75f90]{color:#f06800;font-size:14px}.main-new .main-left .quit-match[data-v-cbc75f90]{background:#3e3e3e;border-radius:4px 4px 4px 4px;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:13px;font-weight:500;height:34px;width:82px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;cursor:pointer;justify-content:center}.main-new .main-right[data-v-cbc75f90]{overflow-y:auto;padding-left:5px;padding-right:5px;padding-top:28px;width:758px}.main-new .main-right[data-v-cbc75f90]::-webkit-scrollbar{width:0}.main-new .main-right[data-v-cbc75f90]::-webkit-scrollbar-track{background-color:#d9d9d9;width:0}.main-new .main-right[data-v-cbc75f90]::-webkit-scrollbar-thumb{background-color:#5889d4;width:0}.main-new .main-right .team-box-container[data-v-cbc75f90]{margin-bottom:16px}.main-new .main-right .title[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:content-box;box-sizing:content-box;color:#333;font-size:16px;font-weight:600;margin:8px 0 10px}.main-new .main-right .title .link[data-v-cbc75f90]{color:#5889d4;cursor:pointer;font-size:12px;font-weight:500}.main-new .main-right .title .link span[data-v-cbc75f90]{text-decoration:underline}.main-new .main-right .team-line[data-v-cbc75f90]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;row-gap:16px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.main-new .main-right .match-result-empty[data-v-cbc75f90]{background:rgba(163,178,189,.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100% - 50px);padding:120px 48px 0;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.main-new .main-right .match-result-empty img[data-v-cbc75f90]{height:164px;margin:0 auto;width:108px}.main-new .main-right .match-result-empty .empty-title[data-v-cbc75f90]{color:#333;font-size:18px;font-weight:500;line-height:24px;margin:32px 0 64px;text-align:center}.main-new .main-right .match-result-empty .sub-title[data-v-cbc75f90]{color:#333;font-size:16px;font-weight:500;line-height:24px;margin-bottom:8px}.main-new .main-right .match-result-empty .sub-desc[data-v-cbc75f90]{color:#666;font-size:16px;font-weight:400;line-height:24px;margin-bottom:40px}.main-new .main-right[data-v-cbc75f90] .team-card{-webkit-transition:all .3s linear;transition:all .3s linear}.main-new .main-right[data-v-cbc75f90] .team-card:hover{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.auto-team[data-v-2e7cffa4]{background-color:#fff;background-image:url(/dist/assets/images/tj-container-bg.769cd5b9.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;height:100%;width:100%}