.xlx-dialog--cipher .td-button.is-disabled span {
    font-size: 11px;
    color: #999
}

.xlx-dialog--cipher .td-button .td-icon-success {
    margin-right: 8px;
    color: var(--color-success-2);
    vertical-align: -1px
}

.xlx-icon-bird {
    position: relative;
    display: block;
    width: 38px;
    height: 38px
}

.xlx-icon-bird:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAABMCAMAAACms44qAAAAjVBMVEUAAABmmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9mmf9csQqDAAAALnRSTlMACwMHKhPxDzAdTBckPvfsNNRFOdt9bfuFW81mVCC6rpyRiubFv7Spo2J3cpffIsAjmwAABJZJREFUaN7M13tvqjAYx/FfSy9Urj0HdcOgTrxtjr7/l3c2lizSwg4KUz9/k/B9GvI04GZItNjs8yyJUaN4COl0KeY1Y+qsD5537zj1lscftuu3CQsIvnyGeXdt848ijrPNRMJWt5E7tfkrIZJ1hA7UI+QeaXKTiHLK8ZM6Dbc1yUTyJPHhodK8FyH2IXqgREqCW1G7pHztPYSUkuImfJ3kDL1RyW9TFlXJQeIShHMPrvG73inwcGV+lWwAPFyZ0uWa4nIyCCh6ehbmWzlBL2RZHq4bnQccPQlzJkMvm3IrgSvLJPox5wT6mJQZw5WoUuS3wmRevuJqRCn6S2GbaoUBAsV/J4xVGcMAnlIeurDwf2EkQIdjNcUgvAjQ4WTMUeFTtDQNu8lX1lM8P6FVWmmJQagqPLRSsTEmfpJgO+PYhaCz5POBEG3eK6d4tCM7mFryEhtbXaxNbY8WKtMcA9Ei9NAiMj1N4DplGwwWhBwuqk1PmQfHLksxmBcWcM1Mb2+w+dkOIyhCAhsXpjehnKn0FCMIGIdtbS5whOWg/2IEhBWwpHNzCSuDaO1hBJQxiqadcemTzwN/po1ra42lDxhFwQiaSmOLFxQ1uoiNTaDhWU8xCuV8ZIu5/eoU39LENM1naJjqZ4yC+woWtvphi/4xDUuGpncdYRTEL+CIclNru3fOq/Uf2FZ5iFF4PoOLHsy3qPO62lM4ljkfOazrXAS1msXZWbq2OcEoqO+jxbL7tyg/2xSuPMdI0hS1rmX2rzl7XU4UBsMA/AZCOStLCgNL5KQioOX+L29tZ9ZtGmzRgO7zlwHeSeAjX5ButBOCySOmLxJMnso1rta5HGPPmIlZaIEFmVYMFxQCOlwcICt+u5iFHlg/lIsKgupzFZPPbXceZkGYdHGvEGs7FQZsJRwrXYiqHcMsTEZ/+iS9GrhwXwfRSwpBv+OYhcs8iNbyAvoyqJaQa+zl4Lses/CYDZF87/OM+Rqg+eXIUu0XBNauxCws34SoG8as3t5WUxolst/Ps1D0fU2uoDdo8MVpH2AGhm9BZW0tN+PdPsYMPH8DlW4kwVd0f8AMWGhCoX/bEkgOOYUyM2RQ6XhTyLq8hzIaevhmj2DbDKPy7fBhjxFu3phQpIchwdVdlVVCwNeDZJ2BJKv38mZhTJSnUOSFFsZVfzfuzOhLtJfawJndDkONUTQviPKAmVczu5eSKeYi/xo/XJE0GZRQJ1hkc9hrig0UEMcxFwmGuEmggDkWlglG2sbB3TZOqC8UDKw42AoTOfHc9R0/ueKiIve+kdzCNOmnZNsQk+h1EWn3LXd4qGFBbnk4argd4w7Borz2kOFmAecGFkbPyTTchqXcxeJo2fbktudeyLUc79TWNiYzecoNPISRtKWPiWjaOQQPondleXQxgel0HdPwOEFVnjjBD3TWdekGD0XS06n6fo5I0GUZ0/FodnyOdn087DCLM8fAM3hZdaoiTnX5h6mfxXHsuHgWI4yqqqpj7lOX6IBODI856fEsDUw81SaM67pOPkTv+r4/pszFf0D3mNPFfZREfZzx0LJ1fOcPzBEfNZyQWOwAAAAASUVORK5CYII=) no-repeat;
    background-size: 76px 38px;
    background-position: -38px 0;
    animation: rotateFull 2.5s linear infinite both
}

@keyframes rotateFull {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.xlx-icon-bird:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    content: "";
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 32px auto
}

.xlx-dialog-chipher {
    padding: 10px 8px;
    line-height: 2;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: var(--color-text)
}

.xlx-dialog-chipher__encryption {
    display: flex;
    margin-top: 20px
}

.xlx-dialog-chipher__encryption .td-input {
    margin-left: 27px
}

.xlx-dialog-chipher__encryption .td-input__inner {
    width: 152px;
    color: var(--color-text)
}

.xlx-dialog-chipher__encryption .td-button {
    width: 60px;
    height: 30px;
    margin-left: 8px;
    line-height: 30px
}

.xlx-dialog-decrypt__user {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 100px;
    margin: -30px 0 0 -30px;
    font-size: 14px;
    background: #f5f5f5;
    border-radius: 4px 0
}

.xlx-dialog-decrypt__user-avatar {
    width: 40px;
    height: 40px
}

.xlx-dialog-decrypt__user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.xlx-dialog-decrypt__user-name {
    max-width: 8em;
    margin: 0 4px 0 8px;
    color: var(--color-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xlx-dialog-decrypt__analysis {
    position: relative;
    margin: 20px 30px 0
}

.xlx-dialog-decrypt__analysis .td-input, .xlx-dialog-decrypt__analysis .td-input__inner {
    width: 100%
}

.xlx-dialog-decrypt__note {
    position: absolute;
    color: var(--color-danger-1)
}

.xlx-dialog-decrypt .td-dialog__footer {
    padding: 0 30px 30px
}

.xlx-dialog--limit .td-dialog-confirm {
    display: flex;
    align-items: center;
    justify-content: center
}

.xlx-dialog--limit .td-dialog-confirm .td-dialog-comfirm__icon {
    margin-right: 13px
}

.xlx-dialog--limit .td-dialog-confirm h2 {
    padding: 30px 0
}

.xlx-dialog--limit .td-dialog__body h3 {
    margin-bottom: 8px;
    font-size: 12px;
    color: #000
}

.xlx-dialog--limit .td-dialog__body .td-table__body tr:nth-child(odd) {
    background: #f2f3fb
}

.xlx-dialog--limit .td-dialog__body .td-table__body tr td:first-child {
    color: grey
}

.xly-fav {
    height: 325px;
    padding: 8px 0 1px;
    background: var(--background-module);
    box-sizing: border-box;
    user-select: none
}

.xly-fav .td-tabs__title {
    border-bottom: 0
}

.xly-fav .td-tabs__nav {
    width: 100%;
    justify-content: center
}

.xly-fav .td-tabs__item {
    margin: 0 26px;
    width: auto;
    font-size: 13px
}

.xly-fav .td-tabs__item.is-active {
    position: relative;
    border: 0
}

.xly-fav .td-tabs__item.is-active:after {
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -11px;
    width: 22px;
    height: 2px;
    background: #3f85ff;
    content: ""
}

.xly-fav .td-tabs__pane {
    position: relative;
    height: 280px
}

.xly-fav .tag-top {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    line-height: 13px;
    color: #fff;
    font-size: 9px;
    text-align: center;
    background: #ff4d4d;
    border-radius: 1px
}

.xly-fav__list {
    position: relative;
    height: 100%;
    overflow: auto
}

.xly-fav__list::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

.xly-fav__list::-webkit-scrollbar:horizontal {
    height: 8px
}

.xly-fav__list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

.xly-fav__list::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-fav__list::-webkit-scrollbar-corner {
    background: transparent
}

.xly-fav__list li {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 12px;
    box-sizing: border-box;
    cursor: pointer
}

.xly-fav__list li:hover {
    background: var(--color-list-hover)
}

.xly-fav__list li.is-chosen {
    background: rgba(0, 0, 0, .08)
}

.xly-fav__list--record {
    height: 240px
}

.xly-fav__list--record ul {
    position: relative
}

.xly-fav__list--record ul:before {
    position: absolute;
    top: -10px;
    left: 11px;
    width: 1px;
    height: calc(100% + 15px);
    background: var(--color-border);
    content: ""
}

.xly-fav__list--record li {
    padding-left: 23px
}

.xly-fav__time {
    position: relative;
    margin: 0 0 4px 12px;
    padding-left: 9px;
    color: var(--color-secondary)
}

.xly-fav__time:before {
    position: absolute;
    left: -4px;
    top: 5px;
    width: 7px;
    height: 7px;
    background: var(--color-border);
    border-radius: 50%;
    content: ""
}

.xly-fav__picture {
    margin-top: 2px;
    width: 16px;
    height: 16px
}

.xly-fav__picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.xly-fav__content {
    display: flex;
    flex-direction: column;
    width: calc(100% - 50px);
    margin-left: 10px
}

.xly-fav__content .name {
    display: inline-block;
    flex: 1;
    vertical-align: top
}

.xly-fav__content .link, .xly-fav__content .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-fav__content .link {
    color: var(--color-secondary)
}

.xly-fav__content .tag {
    margin-left: 5px;
    color: #ccc
}

.xly-fav__content .title, .xly-fav__link {
    display: flex;
    align-items: center
}

.xly-fav__link {
    position: relative;
    padding-top: 4px;
    justify-content: center;
    height: 14px
}

.xly-fav__link:hover {
    color: var(--color-primary)
}

.xly-fav__text {
    margin-top: 4px;
    line-height: 14px;
    text-align: center;
    color: var(--color-secondary)
}

.xly-fav__clear {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 38px;
    line-height: 38px;
    bottom: 0;
    left: 0
}

.xly-fav__clear a {
    display: inline-flex;
    align-items: center;
    color: var(--color-primary)
}

.xly-fav__clear a .xly-icon-delete-comment {
    vertical-align: -1px;
    margin-right: 6px
}

.xly-fav__clear a:hover {
    color: var(--color-primary-hover)
}

.xly-fav__clear .xly-icon-delete-comment {
    margin-right: 4px
}

.xly-fav__empty {
    margin-top: -10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.xly-fav__empty p {
    margin-top: 10px;
    color: var(--color-secondary);
    text-align: center
}

.xly-fav-wrapper {
    position: relative;
    height: 100%
}

.xly-fav-wrapper .xly-icon-delete-comment {
    display: none
}

.xly-blank-fav, .xly-blank-record {
    width: 58px;
    height: 65px;
    background: url(data:image/png;base64,[encoded data, 5740 characters]);
    background-size: 58px auto
}

.xly-blank-record {
    background-position: 0 -65px
}

body .xly-dialog-fav {
    padding: 0 12px 18px;
    width: 300px
}

body .xly-dialog-fav .td-dialog__header {
    min-height: 24px
}

body .xly-dialog-fav .td-dialog__body {
    line-height: 18px
}

body .xly-dialog-fav .xly-dialog__button .td-button {
    width: 72px;
    height: 28px;
    line-height: 28px;
    font-size: 12px
}

.xly-dialog-url {
    width: 450px;
    padding: 0 18px 18px
}

.xly-dialog-url h2 {
    text-align: left;
    padding: 18px 0
}

.xly-dialog-url .td-select {
    flex: 1
}

.xly-dialog-url__item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.xly-dialog-url__item .td-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.xly-dialog-url__item .td-input__label {
    margin-right: 6px;
    width: 45px
}

.xly-dialog-url__item .td-input__inner {
    flex: 1
}

.xly-dialog-url__tips {
    margin-bottom: 24px
}

.xly-dialog-url__code {
    display: flex;
    align-items: center;
    position: absolute;
    top: 2px;
    right: 12px;
    line-height: 26px;
    color: var(--color-primary);
    background: #fff;
    cursor: pointer
}

.xly-dialog-url__code .xly-line {
    margin-right: 12px
}

.xly-dialog-url__verify .td-input, .xly-dialog-url__verify .td-input__inner {
    width: 100%
}

::selection {
    background: transparent
}

body, html {
    overflow: hidden
}

.xlx-search__text::selection, button::selection, input::selection, select::selection, textarea::selection {
    color: #fff;
    background: var(--color-primary)
}

:root {
    --background-main: url(data:image/jpeg;base64,[encoded data, 42492 characters]);
    --background-front: #fff;
    --background-icon-oparate: #95affd;
    --tab-text: grey;
    --tab-text-hover: #1a1a1a;
    --tab-text-current: #69f;
    --tab-more: rgba(0, 0, 0, 0.1);
    --tab-more-hover: rgba(0, 0, 0, 0.2);
    --tab-more-checked: rgba(0, 0, 0, 0.2);
    --body-border: rgba(100, 122, 164, 0.2)
}

.xlx-media {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background: var(--background-main);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.xlx-client {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    border: 1px solid
}

.xlx-client__body {
    position: relative;
    flex: 1
}

.xlx-client:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    border: 1px solid var(--body-border);
    pointer-events: none;
    content: ""
}

.xlx-client-header {
    position: relative;
    z-index: 9;
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin: 2px 15px
}

.xlx-client-nav .td-browser-tab__text {
    color: var(--tab-text)
}

.xlx-client-nav .td-browser-tab__text .icon-tab-loading {
    position: relative;
    display: inline-block;
    margin: 6px 2px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: top;
    background-color: var(--tab-text);
    border-radius: 50%;
    overflow: hidden;
    opacity: .9;
    -webkit-mask: url(data:image/png;base64,[encoded data, 15056 characters]) no-repeat;
    -webkit-mask-size: 288px auto;
    animation: tabLoading 1s steps(17) infinite
}

@keyframes tabLoading {
    0% {
        -webkit-mask-position: 0 0
    }
    to {
        -webkit-mask-position: -272px 0
    }
}

.xlx-client-nav .td-browser-tab__item--normal:after, .xlx-client-nav .td-browser-tab__item--normal:before {
    background-size: 250px 52px
}

.xlx-client-nav .td-browser-tab__item.is-current {
    clip-path: polygon(13px 0, calc(100% - 12px) 0, 100% 29px, 0 29px)
}

.xlx-client-nav .td-browser-tab__item.is-current .td-browser-tab__text {
    color: #1a1a1a;
    background: #fff
}

.xlx-client-nav .td-browser-tab__item.is-current:hover .td-browser-tab__close, .xlx-client-nav .td-browser-tab__item.is-current:hover .td-browser-tab__text {
    color: #1a1a1a
}

.xlx-client-nav .td-browser-tab__item.is-current .td-browser-tab__close:hover .td-icon-close {
    color: #1a1a1a !important
}

.xlx-client-nav .td-browser-tab__item.td-browser-tab__item--first.is-current .td-browser-tab__text, .xlx-client-nav .td-browser-tab__item.td-browser-tab__item--first.is-current:after, .xlx-client-nav .td-browser-tab__item.td-browser-tab__item--first.is-current:before {
    color: var(--tab-text-current);
    background: var(--browser-background-current)
}

.xlx-client-nav .td-browser-tab__item.is-current:after, .xlx-client-nav .td-browser-tab__item.is-current:before {
    background: #fff
}

.xlx-client-nav .td-browser-tab__item:hover .td-browser-tab__text {
    color: var(--tab-text-hover)
}

.xlx-client-nav .td-browser-tab__close {
    color: var(--tab-text)
}

.xlx-client-nav .td-browser-tab__close:hover .td-icon-close {
    color: var(--tab-text-hover) !important
}

.xlx-client-nav .td-browser-tab__item--more {
    background: var(--tab-more)
}

.xlx-client-nav .td-browser-tab__item--more:hover {
    background: var(--tab-more-hover)
}

.xlx-client-nav .td-browser-tab__item--more.is-checeked {
    background: var(--tab-more-checked)
}

.xlx-client-nav .td-browser-tab__number {
    display: inline-block;
    min-width: 12px;
    height: 16px;
    margin-left: 6px;
    padding: 0 2px;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    font-style: normal;
    background-color: var(--color-primary);
    border-radius: 8px
}

.xlx-client-nav .td-icon-arrow-drop {
    display: none
}

.xlx-client-nav .is-current .td-icon-arrow-drop {
    display: block;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -8px;
    font-size: 12px;
    color: var(--background-progress-bar);
    opacity: .5
}

.xlx-client-content {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #fff
}

.xlx-client-content--default {
    position: absolute;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    background: var(--background-front)
}

.xlx-client-index {
    flex: 1
}

.xlx-client-side {
    position: relative;
    display: flex;
    flex-direction: column;
    width: var(--side-width)
}

.xlx-client-operate {
    position: absolute;
    right: 0;
    top: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.xlx-client-operate .xlx-client-operate__message, .xlx-client-operate > a {
    position: relative;
    padding: 5px;
    margin-left: 2px;
    color: var(--color-icon-oparate)
}

.xlx-client-operate .xlx-client-operate__message:hover, .xlx-client-operate > a:hover {
    background: var(--background-icon-oparate)
}

.xlx-client-operate .xlx-client-operate__message .xlx-tag-new, .xlx-client-operate > a .xlx-tag-new {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 6px;
    height: 6px;
    background: var(--color-danger-2);
    border-radius: 50%
}

.xlx-client-operate .xlx-client-operate__message .xlx-tag-new-1, .xlx-client-operate > a .xlx-tag-new-1 {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 26px;
    height: 9px;
    margin-left: -13px;
    padding-bottom: 3px;
    font-size: 11px;
    line-height: 9px;
    text-align: center;
    color: #fff;
    background: var(--color-danger-2);
    border-radius: 6px
}

.xlx-client-operate .xlx-client-operate__message .xlx-tag-new-1:after, .xlx-client-operate > a .xlx-tag-new-1:after {
    bottom: -6px;
    left: 10px;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border: 3px dashed transparent;
    border-top-color: var(--color-danger-2);
    content: ""
}

.xlx-client-operate .xlx-client-operate__message {
    transition: transform 1s, opacity 1s
}

.xlx-client-operate .xlx-client-operate__message .xlx-icon-message {
    position: relative
}

.xlx-client-operate .xlx-client-operate__message.is-move {
    opacity: 0;
    pointer-events: none
}

.xlx-client-operate .xlx-client-operate__message span {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 17px;
    height: 11px;
    color: #fff;
    line-height: 11px;
    text-align: center;
    font-size: 9px;
    background: var(--color-danger-2);
    border-radius: 5px
}

.xlx-client-operate .td-tooltip {
    padding-right: 5px;
    left: 50%;
    margin-left: -54px
}

.xlx-client-operate .td-tooltip.is-bottom .td-poper__arrow {
    left: 50%;
    margin-left: 0
}

.xlx-client-operate .td-tooltip__inner a {
    color: #1a1a1a
}

.xlx-client-operate .td-tooltip__inner a:hover {
    color: var(--color-primary)
}

.xlx-context-menu__hotkey {
    position: absolute;
    right: 10px;
    color: var(--color-primary-gray-1)
}

.td-context-menu__content:hover .xlx-context-menu__hotkey {
    color: #fff
}

.xlx-context-menu--browser {
    right: 0;
    min-width: 145px;
    max-width: 304px;
    box-shadow: none !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0 !important
}

.xlx-context-menu--browser .td-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.xlx-context-menu--browser h3 {
    line-height: 36px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6
}

.xlx-context-menu--browser .td-context-menu__text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xlx-context-menu--browser .td-icon-close {
    display: none;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -7px
}

.xlx-context-menu--browser ul {
    max-height: 500px;
    overflow-y: auto
}

.xlx-context-menu--browser ul::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

.xlx-context-menu--browser ul::-webkit-scrollbar:horizontal {
    height: 6px
}

.xlx-context-menu--browser ul::-webkit-scrollbar-thumb {
    border-radius: 4px;
    width: 8px;
    background: rgba(0, 0, 0, .15);
    border-right: 2px solid #fff
}

.xlx-context-menu--browser li:hover .td-icon-close {
    display: block;
    color: #fff
}

.xlx-browser-tab__progress:after, .xlx-browser-tab__progress:before {
    -webkit-mask-image: url(data:image/png;base64,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);
    -webkit-mask-size: 250px auto;
    background: var(--browser-background)
}

.xlx-browser-tab__progress {
    position: absolute;
    left: 0;
    display: flex;
    z-index: 3;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    overflow: hidden
}

.xlx-browser-tab__progress:after, .xlx-browser-tab__progress:before {
    width: 22px;
    height: 100%;
    background: hsla(0, 0%, 100%, .4);
    content: ""
}

.xlx-browser-tab__progress:before {
    -webkit-mask-position: 0 0
}

.xlx-browser-tab__progress:after {
    -webkit-mask-position: -30px 0
}

.xlx-browser-tab__progress .xlx-browser-tab__progress-inner {
    width: calc(100% - 44px);
    background: hsla(0, 0%, 100%, .4)
}

.xlx-browser-tab__progress.is-finished {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.xlx-browser-tab__progress.is-finished .xlx-browser-tab__progress-inner, .xlx-browser-tab__progress.is-finished:after, .xlx-browser-tab__progress.is-finished:before {
    background: rgba(102, 153, 255, .5);
    animation: finish .5s 2 both
}

.xlx-browser-tab__progress.is-fail {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.xlx-browser-tab__progress.is-fail .xlx-browser-tab__progress-inner, .xlx-browser-tab__progress.is-fail:after, .xlx-browser-tab__progress.is-fail:before {
    background: var(--color-danger-3);
    animation: finish .5s 2 both
}

.xlx-browser-tab__progress.is-test {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.xlx-browser-tab__progress.is-test .xlx-browser-tab__progress-inner, .xlx-browser-tab__progress.is-test:after, .xlx-browser-tab__progress.is-test:before {
    background: var(--color-danger-3)
}

@keyframes finish {
    0%, to {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

.xlx-browser-tab__text {
    position: relative;
    z-index: 5
}

.xlx-browser-tab__text .td-icon-warning {
    margin-left: 3px;
    color: var(--color-danger-2);
    vertical-align: -1px
}

.xlx-browser-tab__status {
    display: inline-block;
    width: 63px;
    margin-left: 3px;
    font-style: normal;
    white-space: nowrap;
    color: var(--color-primary)
}

.xlx-browser-tab__load {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    vertical-align: -3px
}

.xlx-browser-tab__load:after {
    display: block;
    width: 100%;
    height: 100%;
    width: 400px;
    background: url(data:image/png;base64,[encoded data, 4764 characters]) no-repeat;
    background-size: 400px auto;
    content: "";
    animation: tab-load 1.5s steps(25) infinite
}

@keyframes tab-load {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-400px, 0, 0)
    }
}

.xlx-client-nav {
    position: relative
}

.xlx-dialog-big-file {
    width: 460px
}

.xlx-dialog-big-file .td-dialog__header h2 {
    padding: 30px 0;
    font-size: 18px
}

.xlx-dialog-big-file .tips-txt {
    text-align: left
}

.xlx-dialog-big-file .tips-txt em {
    font-weight: 700;
    color: #69f;
    font-style: normal;
    line-height: 24px
}

.xlx-dialog-big-file .tips-img {
    width: 230px;
    height: 158px;
    margin: 20px auto 24px;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(15, 44, 96, .16);
    overflow: hidden
}

.xlx-dialog-big-file .tips-oper {
    margin-top: 12px;
    color: #b3b3b3;
    line-height: 15px;
    text-align: center
}

body {
    --color-primary: #3f85ff;
    --color-hover: #2670ea;
    --color-start: #2670ea;
    --color-end: #3f85ff;
    --color-light: #0cf;
    --color-title: #1a1a1a;
    --color-default: #4d4d4d;
    --color-auxiliary: #727272;
    --color-secondary: #b3b3b3;
    --color-disabled: #ccc;
    --color-icon: #6a707c;
    --color-border: #e6e6e6;
    --color-border-form: #ccc;
    --color-border-2: #e2e2e2;
    --color-item-hover: #eff6fe;
    --color-item-active: #e5f0fe;
    --color-list-hover: #e6e6e6;
    --color-shadow: rgba(26, 26, 26, 0.2);
    --color-link: var(--color-default);
    --background-main: #f5f5f5;
    --background-area: #fff;
    --background-module: #fff;
    --background-progress: #e6e6e6;
    --background-bar: #fff8e4;
    --background-icon-hover: rgba(106, 112, 124, 0.4);
    --background-aside: linear-gradient(180deg, var(--color-start), var(--color-end));
    --color-scrollbar: rgba(0, 0, 0, 0.2);
    --color-scrollbar-hover: rgba(0, 0, 0, 0.3);
    --icon-opacity: 0.4;
    --table-color-line: var(--color-border-form);
    --input-border-color: var(--color-border);
    --button-default-fill: var(--color-primary);
    --button-default-fill-hover: var(--color-hover);
    --button-secondary-fill: var(--background-main);
    --button-secondary-color: var(--color-auxiliary);
    --input-border-color-hover: var(--color-border-form);
    --dropdown-border-color: var(--color-border);
    --badge-background: var(--color-danger);
    --color-danger: #ff7b5f;
    --color-note: #ff9701;
    --color-success: #00b36a;
    --color-danger-1: #ff7b5f;
    --color-danger-2: #ff7b5f;
    --color-danger-3: #ff927b
}

body, body.is-dark {
    --dialog-background: var(--background-module)
}

body.is-dark {
    --color-start: #121212;
    --color-end: #121212;
    --color-title: #e6e6e6;
    --color-default: #c8c8c8;
    --color-auxiliary: #aaa;
    --color-secondary: #858585;
    --color-disabled: #4b4b4b;
    --color-icon: #6a707c;
    --color-border: #3d3d3d;
    --color-border-form: #4d4d4d;
    --color-border-2: #464646;
    --color-item-hover: #2e2e2e;
    --color-item-active: #1c1d1d;
    --color-list-hover: #414141;
    --color-shadow: rgba(0, 0, 0, 0.5);
    --color-scrollbar: hsla(0, 0%, 100%, 0.18);
    --color-scrollbar-hover: hsla(0, 0%, 100%, 0.3);
    --background-main: #121212;
    --background-area: #232526;
    --background-module: #333;
    --background-progress: #414141;
    --background-bar: rgba(255, 248, 228, 0.8);
    --background-icon-hover: rgba(106, 112, 124, 0.4);
    --icon-opacity: 0.8
}

body.is-dark .xly-browser-search .td-input-group {
    background: #000
}

body.is-dark .xly-browser-tab .td-browser-tab .td-browser-tab__item:hover .td-browser-tab__text {
    background: hsla(0, 0%, 100%, .18)
}

body.is-dark .xly-drag {
    background: rgba(0, 0, 0, .6)
}

body.is-theme {
    --color-start: #f60045;
    --background-aside: url(data:image/png;base64,[encoded data, 32620 characters]), linear-gradient(#f60045, #e32131)
}

body.is-theme .xly-aside {
    background-size: 100% auto, 100% 100%;
    background-position: bottom, 50%;
    background-repeat: no-repeat
}

pre {
    font-family: microsoft yahei, -apple-system, PingFang SC, simsun, Arial, sans-serif
}

@font-face {
    font-family: dincond;
    src: url(data:application/font-woff;base64,[encoded data, 21744 characters]) format("woff")
}

body::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

body::-webkit-scrollbar:horizontal {
    height: 8px
}

body::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

body::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

body::-webkit-scrollbar-corner {
    background: transparent
}

body .td-progress-bar__outer, body .td-slider__bar {
    background: var(--background-progress)
}

body .td-input__inner, body .td-textarea__inner {
    background: var(--background-module);
    border-color: var(--color-border-form)
}

body .td-input__inner::placeholder, body .td-textarea__inner::placeholder {
    color: var(--color-secondary)
}

body .td-textarea__inner::-webkit-scrollbar-thumb {
    border-right: unset
}

body .is-disabled .td-input__inner {
    background: var(--color-border)
}

body .td-textarea.is-disabled .td-textarea__inner {
    background: var(--background-main)
}

body .td-checkbox {
    cursor: pointer;
    user-select: none
}

body .td-checkbox .td-checkbox__inner {
    width: 14px;
    height: 14px;
    background: var(--background-area);
    border-color: var(--color-border-form)
}

body .td-checkbox .td-checkbox__inner:hover {
    border-color: var(--color-primary)
}

body .td-checkbox .td-checkbox__inner:checked:before {
    left: 2px;
    width: 7px;
    border-width: 2px;
    border-color: var(--color-primary)
}

body .td-checkbox.is-indeterminate .td-checkbox__inner {
    background: unset;
    border-color: var(--color-border-form)
}

body .td-checkbox.is-indeterminate .td-checkbox__inner:before {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: var(--color-primary);
    border: unset;
    transform: translate3d(-50%, -50%, 0)
}

body .td-checkbox.is-indeterminate .td-checkbox__inner:hover {
    border-color: var(--color-primary)
}

body .td-checkbox.is-disabled {
    cursor: default
}

body .td-checkbox.is-disabled .td-checkbox__inner, body .td-checkbox.is-disabled .td-checkbox__inner:checked {
    background: var(--color-border);
    border: 1px solid var(--color-border-form)
}

body .td-checkbox.is-disabled .td-checkbox__inner:checked:before {
    border-color: var(--color-border-form)
}

body .td-checkbox.is-disabled.is-indeterminate .td-checkbox__inner {
    background: var(--color-border);
    border: 1px solid var(--color-border-form)
}

body .td-checkbox.is-disabled.is-indeterminate .td-checkbox__inner:before {
    background: var(--color-border-form)
}

body .td-icon-success:before {
    font-family: xly-icon !important;
    content: "\E7B6"
}

body .td-dialog {
    user-select: none
}

body .td-dialog__close {
    -webkit-app-region: no-drag
}

body .td-select, body .td-select.is-disabled {
    background: transparent
}

body .td-select.is-disabled .td-select-group__label {
    color: var(--color-disabled)
}

body .td-select.is-disabled .td-select-group {
    background: var(--background-main);
    border-color: var(--color-border-form)
}

body .td-select.is-disabled .td-select__drop {
    opacity: .2
}

body .td-select.is-disabled .td-input__inner {
    background: transparent;
    color: var(--color-disabled)
}

body .td-select-group, body .td-select-group:hover {
    border-color: var(--color-border-form)
}

body .td-select__drop {
    color: var(--color-secondary)
}

body .td-tooltip {
    box-shadow: 0 0 10px var(--color-shadow)
}

body .td-poper__arrow, body .td-tooltip {
    background: var(--background-module)
}

body .td-radio__inner {
    width: 14px;
    height: 14px
}

body .td-radio__inner, body .td-radio__inner:checked {
    border-color: var(--color-border-form)
}

body .td-radio__inner:checked:after {
    width: 8px;
    height: 8px
}

body .td-table {
    background: unset;
    border-color: var(--color-border)
}

body .td-table th {
    height: 23px;
    border-bottom: unset
}

body .td-table td {
    height: 28px;
    border-bottom: unset
}

body .td-table__panel::-webkit-scrollbar-thumb {
    border-right: var(--background-module)
}

body .td-button {
    user-select: none
}

body .td-button.is-disabled {
    color: var(--color-disabled);
    background: var(--background-main);
    cursor: default
}

body .td-button.td-button--large {
    font-size: 14px
}

body .td-button.td-button--secondary {
    color: var(--color-auxiliary);
    background: var(--background-main)
}

body .td-button.td-button--secondary:hover {
    color: var(--color-primary)
}

body .td-button.td-button--secondary.is-disabled, body .td-button.td-button--secondary.is-disabled:hover {
    color: var(--color-disabled)
}

body .td-button.td-button--other {
    font-size: 12px;
    color: var(--color-default);
    border-color: var(--color-border-form)
}

body .td-button.td-button--other:hover {
    color: var(--color-primary)
}

body .td-button.td-button--other:active {
    background: var(--color-item-active);
    border-color: var(--color-primary)
}

body .td-button.td-button--other.is-disabled {
    color: var(--color-disabled);
    background: var(--background-main);
    border-color: var(--color-border)
}

body .td-button.td-button--text.is-disabled {
    color: var(--color-secondary);
    background: transparent
}

body .td-button.is-status {
    background: rgba(63, 133, 255, .5)
}

body .td-icon-arrow-drop:before {
    font-family: xly-icon !important;
    content: "\E7B1"
}

body .td-dropdown-menu {
    background: var(--background-module);
    box-shadow: 0 0 20px var(--color-shadow);
    border: unset
}

body .td-dropdown-menu::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

body .td-dropdown-menu::-webkit-scrollbar:horizontal {
    height: 8px
}

body .td-dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

body .td-dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

body .td-dropdown-menu::-webkit-scrollbar-corner {
    background: transparent
}

body .td-dropdown-menu::-webkit-scrollbar {
    width: 10px
}

body .td-dropdown-menu::-webkit-scrollbar-thumb {
    border-left: 2px solid var(--background-module)
}

body .td-dropdown-menu__item:hover {
    background: var(--color-list-hover)
}

body .xly-pop-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 120px;
    height: 120px;
    background: var(--background-module);
    box-shadow: 0 0 10px var(--color-shadow);
    border-radius: 6px;
    transform: translate3d(-50%, -50%, 0);
    z-index: 99;
    user-select: none
}

body .xly-pop-loading .td-dialog__header {
    min-height: unset
}

body .xly-pop-loading .td-dialog__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body .xly-pop-loading .td-dialog__close:hover {
    background: unset
}

body .xly-pop-loading .td-dialog__close:hover .td-icon-close {
    color: var(--color-primary)
}

body .xly-pop-loading .td-icon-close {
    position: absolute;
    top: 6px;
    right: 6px;
    color: var(--color-secondary);
    cursor: pointer
}

body .xly-pop-loading p {
    margin-top: 8px;
    white-space: nowrap
}

.xly-line {
    width: 1px;
    height: 10px;
    margin: 0 4px;
    background: var(--color-border)
}

.xly-select {
    position: relative;
    -webkit-appearance: unset;
    padding: 0 24px 0 8px;
    height: 30px;
    color: var(--color-default);
    font-size: 12px;
    border: 1px solid var(--color-border-form);
    border-radius: 4px;
    outline: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzvu2GhAAAACnRSTlMA7NQKHIpppS22nXJMuAAAAFFJREFUKM9jGE5AaxUULIIKZMEElkEFWGECATA9URD+Urgh7BCBArgA8ywQf6UBwh4jkIAyksXMWkA7DZCd4rhqlQiK21ikFjqgurZRgmHwAwC01ig/DpV+2wAAAABJRU5ErkJggg==) 99% no-repeat;
    background-size: 16px auto
}

.xly-select option {
    height: 30px;
    background: var(--background-module)
}

.xly-img-empty-netdisk {
    width: 160px;
    height: 140px;
    background: url(data:image/png;base64,[encoded data, 12136 characters]) no-repeat;
    background-size: 100% auto
}

.xly-img-network {
    width: 160px;
    height: 140px;
    background: url(data:image/png;base64,[encoded data, 13376 characters]) no-repeat;
    background-size: 100% auto
}

.xly-img-404 {
    width: 160px;
    height: 140px;
    background: url(data:image/png;base64,[encoded data, 24392 characters]) no-repeat;
    background-size: 100% auto
}

.xly-img-message {
    width: 160px;
    height: 140px;
    background: url(data:image/png;base64,[encoded data, 47988 characters]) no-repeat;
    background-size: 100% auto
}

.xly-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--background-main)
}

.xly-empty i.xly-icon-logo {
    font-size: 120px;
    color: var(--color-border)
}

.xly-404, .xly-error {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.xly-error {
    flex-direction: column;
    user-select: none
}

.xly-error p {
    margin: 20px 0 22px;
    color: var(--color-secondary)
}

.xly-error .td-button {
    margin: 0 6px;
    width: 72px
}

.xly-error__button {
    display: flex
}

.xly-error__button .td-button.td-button--other {
    line-height: 23px
}

body .td-cover {
    line-height: 1.5
}

body .td-cover .td-icon-error, body .td-cover .td-icon-warning {
    font-family: xly-icon !important
}

body .td-cover .td-icon-error:before, body .td-cover .td-icon-warning:before {
    content: "\E7A5"
}

body .td-cover.td-cover--message {
    justify-content: flex-end
}

body .td-cover .td-message {
    margin-bottom: 66px;
    user-select: none
}

body .td-cover .td-message__text {
    margin-left: 12px
}

body .td-cover .td-message--error {
    color: #fff;
    background: #e66056
}

body .td-cover .td-message--warning {
    color: #fff;
    background: #ff9700
}

body .td-cover .td-message--success {
    color: #fff;
    background: #38b878
}

body .td-icon-close:before {
    font-family: xly-icon;
    content: "\E768"
}

.xly-tips {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 28px;
    padding: 0 12px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    line-height: 30px;
    background: #46423c;
    box-shadow: 0 0 10px 0 rgba(26, 26, 26, .2);
    border-radius: 4px;
    transform: translateX(-50%);
    z-index: 2
}

i.xly-img-icon-rocket {
    margin-right: 5px;
    width: 27px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAeCAYAAABnuu2GAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAANqADAAQAAAABAAAAHgAAAAAC8kphAAADyElEQVRYCe2YS0iUURTHndCemCZR2qIkKlKCoBDBRUVtoiioRUItXIjQyl1BbYICo1WF9KKCHos2hdBrERUotAjaJBEFFVaGZFmkiNnD6fef5sbtdr/XzGgQHfjPud953XPu67vfFBX9o5SaiLrS6fRC+lkLVoPFYAR0gmOpVOodvOCUotNiopZYmBzQlo1PZ8uMTTm2tUBFVIBq4KM+hJsp7oFPmY9MRaWtAGEzaOvstuu/jHhNQAVHURUGNxjcFRT3Jso4iX6SY6wk7UQddeSjfNeAOEWZYHNoXKG4JD7GN5BrxlyyZ8PW2QXbbdtG7X6gJZiE6jG+SHGnLKe3tJ8xk6OWLHYzqIjYAVxDkpuN7D7QgZEvjRGgB9wGN8UpdBj+d4jiasEnUGhSzCMg6Yoo3EDQ+XrwDYwHjRH0PJgXlHHOS5GgUwjaCCrBTFAGpoJ2lks3vAibVthRtfMgLb0ZAf7StYFD9Pk9wCaZmKSbgY/aTSSUZWDUZxQh60O/HcxVLPgC0AqGgI+6EAbOnsknFifQIvDB00uTCYDusEcfJbqHgV7qfxDyavAyIEA/ct1u8icC7fZ0oveSRrkUjHj0YSLZZw4GeB1QkZol8bpsXO3dINLq2JJzZThXgDNAm9imARMU4VZbEbN9OZt8FfYfHR8966aiQXvs6OzHzzzUuTcPk1cgx0kj8hQ0A/fw0cvZUC7vsUdZ501w3Tdt0rPkooc/mfdXh9pp383Da20JL9GWs4/s0yuX2DpV49C0CKPMzEfY/K5mxvaAoNPpC7pMcvBGkJTuqDecApciOn2RvA4JfB1d4pWYqRJH7bF9YAC4tCqb3CwU2sxJSHvW+AcdHjtDAuq+WZJJMp8fgtQA9wA5aWKiOw6S0gscakwMmyNvAIMBAduQu3vedo/fJtBdTydapplPELhmVu+XpKST7SBYB5aADeAccAcRUXoYtMTPOoYlAX1rvRt55uCAl4NeMF7UQeD5MVJNZkLQSlAPlgJt+OkmAm1t8qtgPOg5QTeaviaU0/GucahIN5BtIPJVUpjN5gwZHTcg6gSRCTiu7uMrBPpSuAWucYPvgcei4mz1OiINtPF9bcl8Olsmm1KwFyQtqhefFqBi9PfcewoZgudE6tz+/yJsBm2d3Xb9lxPTvQ5FJadvqR0U0hVlGFfvvqGVpJ1o3DjGTr6D5iEB31/IotSvW5hk9mzo2ZBdsN02esOf0OgAWlJfjTCEX0B3IESfkyqoiJyCuU7Z/atbxEoL+odYl1jd5E+As8xW2EBh8p9+jcAPhcumO657Yz0AAAAASUVORK5CYII=);
    background-size: 100% auto
}

.xly-more-drop {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    min-width: 100px;
    padding: 6px 0;
    width: 76px;
    background: var(--background-module);
    box-shadow: 0 0 10px 0 var(--color-shadow);
    border-radius: 4px;
    user-select: none
}

.xly-more-drop li {
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    cursor: default
}

.xly-more-drop li:hover {
    background: var(--color-list-hover)
}

.xly-point {
    display: inline-block;
    width: 12px;
    vertical-align: top
}

.xly-point:before {
    content: "";
    animation: content 1.5s infinite both
}

@keyframes content {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

.xly-drop-file {
    top: 0;
    padding: 6px 0 0;
    background: var(--background-module)
}

.xly-drop-file .td-dropdown-menu__item {
    position: relative;
    padding: 0 0 0 8px;
    line-height: 30px
}

.xly-drop-file .td-dropdown-menu__item:hover .xly-drop-file__close {
    display: block
}

.xly-drop-file ul {
    max-height: unset;
    overflow: visible
}

.xly-drop-file__close {
    display: none;
    position: absolute;
    top: 0;
    right: 12px;
    color: var(--color-secondary)
}

.xly-drop-file__close:hover {
    color: var(--color-primary)
}

.xly-drop-file__link {
    margin-top: 6px;
    display: block;
    line-height: 30px;
    text-align: center;
    color: var(--color-default);
    border-top: 1px solid var(--color-border)
}

.xly-drop-file__link:hover {
    color: var(--color-primary)
}

i.img-icon-loading {
    display: block;
    width: 48px;
    height: 48px;
    background: url(data:image/png;base64,[encoded data, 9224 characters]) no-repeat;
    background-size: 100%;
    animation: rotate 2s linear infinite both
}

@font-face {
    font-family: xly-icon;
    src: url(data:application/font-woff;base64,[encoded data, 24024 characters]) format("woff")
}

[class*=" xly-icon-"], [class^=xly-icon] {
    font-family: xly-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.xly-icon-unzip:before {
    content: "\E7EA"
}

.xly-icon-mobile-bold:before {
    content: "\E7E8"
}

.xly-icon-connect:before {
    content: "\E7E6"
}

.xly-icon-accelerate:before {
    content: "\E7E5"
}

.xly-icon-menu-chosen:before {
    content: "\E7E4"
}

.xly-icon-add:before {
    content: "\E74A"
}

.xly-icon-menu:before {
    content: "\E74B"
}

.xly-icon-search:before {
    content: "\E74C"
}

.xly-icon-nav-find:before {
    content: "\E74D"
}

.xly-icon-nav-message:before {
    content: "\E74E"
}

.xly-icon-nav-down:before {
    content: "\E74F"
}

.xly-icon-nav-game:before {
    content: "\E7E9"
}

.xly-icon-share:before {
    content: "\E750"
}

.xly-icon-theme:before {
    content: "\E751"
}

.xly-icon-nav-cloud:before {
    content: "\E752"
}

.xly-icon-link:before {
    content: "\E661"
}

.xly-icon-send:before {
    content: "\E63E"
}

.xly-icon-face:before {
    content: "\E642"
}

.xly-icon-img:before {
    content: "\E68F"
}

.xly-icon-maximize:before {
    content: "\E753"
}

.xly-icon-minimize:before {
    content: "\E754"
}

.xly-icon-close:before {
    content: "\E755"
}

.xly-icon-message:before {
    content: "\E7B4"
}

.xly-icon-download:before {
    content: "\E75A"
}

.xly-icon-pause:before {
    content: "\E759"
}

.xly-icon-praise:before {
    content: "\E758"
}

.xly-icon-note:before {
    content: "\E757"
}

.xly-icon-more:before {
    content: "\E756"
}

.xly-icon-add-tab:before {
    content: "\E75C"
}

.xly-icon-fav:before {
    content: "\E75D"
}

.xly-icon-delete-comment:before {
    content: "\E75E"
}

.xly-icon-comment:before {
    content: "\E75F"
}

.xly-icon-resize:before {
    content: "\E761"
}

.xly-icon-arrow-right:before {
    content: "\E762"
}

.xly-icon-rename:before {
    content: "\E763"
}

.xly-icon-file:before {
    content: "\E760"
}

.xly-icon-open:before {
    content: "\E764"
}

.xly-icon-restore:before {
    content: "\E765"
}

.xly-icon-clear:before {
    content: "\E766"
}

.xly-icon-play:before {
    content: "\E767"
}

.xly-icon-close-small:before {
    content: "\E768"
}

.xly-icon-help:before {
    content: "\E769"
}

.xly-icon-clear-1:before {
    content: "\E76A"
}

.xly-icon-upload:before {
    content: "\E76B"
}

.xly-icon-retry:before {
    content: "\E76C"
}

.xly-icon-logo:before {
    content: "\E76F"
}

.xly-icon-drag:before {
    content: "\E76D"
}

.xly-icon-transport:before {
    content: "\E76E"
}

.xly-icon-sequence:before {
    content: "\E770"
}

.xly-icon-success:before {
    content: "\E771"
}

.xly-icon-refresh:before {
    content: "\E772"
}

.xly-icon-copy:before {
    content: "\E773"
}

.xly-icon-arrow-down:before {
    content: "\E774"
}

.xly-icon-play-detail:before {
    content: "\E775"
}

.xly-icon-magnifier:before {
    content: "\E77C"
}

.xly-icon-collapse:before {
    content: "\E778"
}

.xly-icon-report-fill:before {
    content: "\E779"
}

.xly-icon-comment-fill:before {
    content: "\E77A"
}

.xly-icon-quote:before {
    content: "\E77B"
}

.xly-icon-hot:before {
    content: "\E777"
}

.xly-icon-delete:before {
    content: "\E776"
}

.xly-icon-sort:before {
    content: "\E77D"
}

.xly-icon-upload-total:before {
    content: "\E77E"
}

.xly-icon-time:before {
    content: "\E77F"
}

.xly-icon-user:before {
    content: "\E780"
}

.xly-icon-peak-upload:before {
    content: "\E781"
}

.xly-icon-speed:before {
    content: "\E782"
}

.xly-icon-peak-download:before {
    content: "\E783"
}

.xly-icon-file-1:before {
    content: "\E784"
}

.xly-icon-download-total:before {
    content: "\E785"
}

.xly-icon-luky:before {
    content: "\E786"
}

.xly-icon-qzone:before {
    content: "\E787"
}

.xly-icon-qq:before {
    content: "\E788"
}

.xly-icon-net:before {
    content: "\E696"
}

.xly-icon-disk:before {
    content: "\E78A"
}

.xly-icon-refresh-1:before {
    content: "\E789"
}

.xly-icon-arrow-right-1:before {
    content: "\E78C"
}

.xly-icon-arrow-left:before {
    content: "\E78B"
}

.xly-icon-history:before {
    content: "\E78E"
}

.xly-icon-search-1:before {
    content: "\E78F"
}

.xly-icon-close-search:before {
    content: "\E790"
}

.xly-icon-success-fill:before {
    content: "\E78D"
}

.xly-icon-success-bold:before {
    content: "\E7B6"
}

.xly-icon-minimize-small:before {
    content: "\E791"
}

.xly-icon-maximize-small:before {
    content: "\E793"
}

.xly-icon-magnify:before {
    content: "\E794"
}

.xly-icon-ratio:before {
    content: "\E795"
}

.xly-icon-minify:before {
    content: "\E796"
}

.xly-icon-reduce-small:before {
    content: "\E792"
}

.xly-icon-reduce:before {
    content: "\E797"
}

.xly-icon-eye:before {
    content: "\E79C"
}

.xly-icon-eye-open:before {
    content: "\E79D"
}

.xly-icon-arrow-down-1:before {
    content: "\E798"
}

.xly-icon-alipay:before {
    content: "\E79B"
}

.xly-icon-wechat:before {
    content: "\E799"
}

.xly-icon-weibo:before {
    content: "\E79A"
}

.xly-icon-parse:before {
    content: "\E79E"
}

.xly-icon-loading {
    color: var(--color-secondary);
    animation: loading 2s linear infinite both
}

.xly-icon-loading:before {
    content: "\E79F"
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.xly-icon-vip:before {
    content: "\E7A0"
}

.xly-icon-super:before {
    content: "\E7A1"
}

.xly-icon-time-1:before {
    content: "\E7A2"
}

.xly-icon-speed-1:before {
    content: "\E7A3"
}

.xly-icon-together:before {
    content: "\E7A4"
}

.xly-icon-note-bold:before {
    content: "\E7A5"
}

.xly-icon-skip:before {
    content: "\E7A6"
}

.xly-icon-replace:before {
    content: "\E7A7"
}

.xly-icon-cast-screen:before, .xly-icon-screen:before {
    content: "\E7A9"
}

.xly-icon-back:before {
    content: "\E7AB"
}

.xly-icon-ratio-optimal:before {
    content: "\E7AA"
}

.xly-icon-open-file:before {
    content: "\E7AD"
}

.xly-icon-fav-fill:before {
    content: "\E7AC"
}

.xly-icon-play-small:before {
    content: "\E7AE"
}

.xly-icon-file-small:before {
    content: "\E7AF"
}

.xly-icon-open-small:before {
    content: "\E7B0"
}

.xly-icon-personal:before {
    content: "\E7B2"
}

.xly-icon-fav-file:before {
    content: "\E7B3"
}

.xly-icon-vip-1:before {
    content: "\E7B7"
}

.xly-icon-mobile:before {
    content: "\E7B8"
}

.xly-icon-thunder:before {
    content: "\E7B9"
}

.xly-icon-bird:before {
    content: "\E7BA"
}

.xly-icon-transport-up:before {
    content: "\E7BC"
}

.xly-icon-transport-down:before {
    content: "\E7BD"
}

.xly-icon-link-bold:before {
    content: "\E7BB"
}

.xly-icon-refresh-message:before {
    content: "\E7C1"
}

.xly-icon-face-message:before {
    content: "\E7C0"
}

.xly-icon-note-message:before {
    content: "\E7BF"
}

.xly-icon-shield:before {
    content: "\E7BE"
}

.xly-icon-user-message:before {
    content: "\E7C2"
}

.xly-icon-vip-message:before {
    content: "\E7C3"
}

.xly-icon-gift:before {
    content: "\E7C4"
}

.xly-icon-official:before {
    content: "\E7C5"
}

.xly-icon-clear-input:before {
    content: "\E7C6"
}

.xly-icon-wait:before {
    content: "\E7C7"
}

.xly-icon-create:before {
    content: "\E7CB"
}

.xly-icon-setting-bold:before {
    content: "\E7CD"
}

.xly-icon-arrow-both:before {
    content: "\E7C8"
}

.xly-icon-attention:before {
    content: "\E7CE"
}

.xly-icon-default:before {
    content: "\E7CF"
}

.xly-icon-secret:before {
    content: "\E7D0"
}

.xly-icon-browser:before {
    content: "\E7D1"
}

.xly-icon-recycle:before {
    content: "\E7D2"
}

.xly-icon-player-small:before {
    content: "\E7D3"
}

.xly-icon-arrow-file:before {
    content: "\E7B1"
}

.xly-icon-code:before {
    content: "\E7CC"
}

.xly-icon-code-both:before {
    content: "\E7C9"
}

.xly-icon-invite:before {
    content: "\E7CA"
}

.xly-icon-share-1:before {
    content: "\E7D4"
}

.xly-icon-netdisk:before {
    content: "\E7D5"
}

.xly-icon-device:before {
    content: "\E7D6"
}

.xly-icon-cloudcast:before {
    content: "\E7D7"
}

.xly-icon-add-netdisk:before {
    content: "\E7D8"
}

.xly-icon-gift-1:before {
    content: "\E7D9"
}

.xly-icon-game:before {
    content: "\E7DA"
}

.xly-icon-picture-bold:before {
    content: "\E7DB"
}

.xly-icon-music-bold:before {
    content: "\E7DC"
}

.xly-icon-file-bold:before {
    content: "\E7DD"
}

.xly-icon-android-bold:before {
    content: "\E7DE"
}

.xly-icon-menu-more:before {
    content: "\E7E3"
}

.xly-icon-menu-setting:before {
    content: "\E7DF"
}

.xly-icon-menu-xmp:before {
    content: "\E7E0"
}

.xly-icon-menu-explore:before {
    content: "\E7E1"
}

.xly-icon-menu-support:before {
    content: "\E7E2"
}

body .td-dialog .td-dialog__close:hover {
    background-color: #ff7b5f
}

body .td-dialog h2 {
    color: var(--color-title)
}

body .td-dialog .xly-dialog__footer {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

body .td-dialog .xly-dialog__footer .xly-dialog-path__new {
    width: 90px
}

body .td-dialog .xly-dialog__footer-operate {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    height: 30px
}

body .td-dialog .xly-dialog__footer-link {
    color: var(--color-primary)
}

body .td-dialog .xly-dialog__button {
    display: flex
}

body .td-dialog .xly-dialog__button .td-button {
    width: 80px;
    font-size: 12px
}

body .xly-dialog-site {
    position: relative;
    margin-top: 15px
}

body .xly-dialog-site .td-select {
    margin-top: 12px
}

body .xly-dialog-site .td-select .td-checkbox {
    margin-left: 13px
}

body .xly-dialog-site .td-select .td-checkbox__label {
    margin: 0 12px
}

body .xly-dialog-site .td-select .td-select__drop {
    margin-right: 34px
}

body .xly-dialog-site .xly-select__file {
    position: absolute;
    right: 8px;
    color: var(--color-defalut)
}

body .xly-dialog-site .xly-select__file:hover {
    color: var(--color-hover)
}

body .xly-dialog-site .xly-select__size {
    margin-right: 10px;
    color: var(--color-secondary)
}

body .xly-dialog-site .xly-select__size.is-warn {
    color: #ff9700
}

body .xly-dialog-site .xly-select__size.is-danger {
    color: var(--color-danger)
}

body .xly-dialog-site .xly-select__link {
    position: absolute;
    top: 2px;
    left: 80px;
    width: calc(100% - 88px);
    line-height: 26px;
    text-indent: 5px;
    color: var(--color-primary);
    background: var(--background-module)
}

body .xly-dialog-site .td-input__inner {
    padding: 6px 10px
}

.xly-dialog-site__checkbox {
    margin: 12px 0 0
}

.xly-viewer {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: var(--background-main);
    box-shadow: 0 0 10px 0 var(--color-shadow);
    z-index: 999
}

.xly-viewer__header {
    display: flex;
    justify-content: flex-end;
    height: 30px;
    background: var(--background-module);
    border-bottom: 1px solid var(--color-border)
}

.xly-viewer__operate {
    display: flex;
    padding: 0 6px
}

.xly-viewer__operate a {
    margin: 0 6px;
    line-height: 30px
}

.xly-viewer__operate a:hover {
    color: var(--color-primary)
}

.xly-viewer__body {
    position: relative;
    display: flex;
    flex: 1;
    overflow: hidden
}

.xly-viewer__body img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain
}

.xly-viewer__loading {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--color-secondary)
}

.xly-viewer__loading p {
    margin-top: 6px
}

.xly-viewer__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px
}

.xly-viewer__footer a {
    margin: 0 12px;
    color: var(--color-secondary)
}

.xly-viewer__footer a:hover {
    color: var(--color-primary)
}

.xly-viewer__footer i {
    font-size: 24px
}

@font-face {
    font-family: xly-icon-vip;
    src: url(data:font/ttf;base64,[encoded data, 6344 characters]) format("truetype")
}

[class^=vip-icon-] {
    display: inline-block;
    width: 42px;
    height: 12px;
    overflow: hidden;
    line-height: 12px;
    text-align: center;
    background-image: -webkit-image-set(url(data:image/png;base64,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) 1x, url(data:image/png;base64,[encoded data, 10044 characters]) 2x);
    background-size: 470px auto;
    border-radius: 2px
}

[class^=vip-icon-].is-disabled:after {
    display: none
}

[class^=vip-icon-].is-small {
    width: 19px;
    font-size: 16px;
    font-family: xly-icon-vip !important;
    font-style: normal;
    background-image: none
}

[class^=vip-icon-].is-small:before {
    display: block
}

[class^=vip-icon-].is-small:after {
    display: none
}

[class^=vip-icon-].is-small.is-disabled {
    color: #e9e9e9 !important;
    background-color: #aaa
}

[class^=vip-icon-vip].is-small {
    color: #ffe3a1 !important;
    background-color: #f15063
}

[class^=vip-icon-pvip].is-small {
    color: #c17010 !important;
    background-color: #fdca41
}

[class^=vip-icon-svip].is-small {
    color: #ffe14e !important;
    background-color: #424242
}

.vip-icon-pvip0, .vip-icon-svip0, .vip-icon-vip0 {
    width: 15px
}

.vip-icon-vip0.is-small:before {
    content: "\E66C"
}

.vip-icon-vip1.is-small:before {
    content: "\E66D"
}

.vip-icon-vip2.is-small:before {
    content: "\E66E"
}

.vip-icon-vip3.is-small:before {
    content: "\E66F"
}

.vip-icon-vip4.is-small:before {
    content: "\E670"
}

.vip-icon-vip5.is-small:before {
    content: "\E671"
}

.vip-icon-vip6.is-small:before {
    content: "\E672"
}

.vip-icon-vip7.is-small:before {
    content: "\E673"
}

.vip-icon-pvip0.is-small:before {
    content: "\E67C"
}

.vip-icon-pvip1.is-small:before {
    content: "\E67D"
}

.vip-icon-pvip2.is-small:before {
    content: "\E67E"
}

.vip-icon-pvip3.is-small:before {
    content: "\E682"
}

.vip-icon-pvip4.is-small:before {
    content: "\E683"
}

.vip-icon-pvip5.is-small:before {
    content: "\E684"
}

.vip-icon-pvip6.is-small:before {
    content: "\E685"
}

.vip-icon-pvip7.is-small:before {
    content: "\E686"
}

.vip-icon-pvip8.is-small:before {
    content: "\E69E"
}

.vip-icon-pvip9.is-small:before {
    content: "\E69C"
}

.vip-icon-pvip10.is-small:before {
    content: "\E69D"
}

.vip-icon-svip0.is-small:before {
    content: "\E675"
}

.vip-icon-svip1.is-small:before {
    content: "\E674"
}

.vip-icon-svip2.is-small:before {
    content: "\E67B"
}

.vip-icon-svip3.is-small:before {
    content: "\E67A"
}

.vip-icon-svip4.is-small:before {
    content: "\E678"
}

.vip-icon-svip5.is-small:before {
    content: "\E676"
}

.vip-icon-svip6.is-small:before {
    content: "\E677"
}

.vip-icon-svip7.is-small:before {
    content: "\E679"
}

.vip-icon-svip8.is-small:before {
    content: "\E6A0"
}

.vip-icon-svip9.is-small:before {
    content: "\E69F"
}

.vip-icon-svip10.is-small:before {
    content: "\E6A1"
}

.vip-icon-pvip0, .vip-icon-svip0, .vip-icon-vip0 {
    width: 35px
}

.vip-icon-pvip10, .vip-icon-svip10 {
    width: 46px
}

.vip-icon-nian {
    width: 12px;
    background-position: 0 -78px
}

.vip-icon-nian.is-disabled {
    background-position: -13px -78px
}

.vip-icon-vip0 {
    background-position: 0 0
}

.vip-icon-vip1 {
    background-position: -36px 0
}

.vip-icon-vip2 {
    background-position: -79px 0
}

.vip-icon-vip3 {
    background-position: -122px 0
}

.vip-icon-vip4 {
    background-position: -165px 0
}

.vip-icon-vip5 {
    background-position: -208px 0
}

.vip-icon-vip6 {
    background-position: -251px 0
}

.vip-icon-vip7 {
    background-position: -294px 0
}

.vip-icon-vip0.is-disabled {
    background-position: 0 -13px
}

.vip-icon-vip1.is-disabled {
    background-position: -36px -13px
}

.vip-icon-vip2.is-disabled {
    background-position: -79px -13px
}

.vip-icon-vip3.is-disabled {
    background-position: -122px -13px
}

.vip-icon-vip4.is-disabled {
    background-position: -165px -13px
}

.vip-icon-vip5.is-disabled {
    background-position: -208px -13px
}

.vip-icon-vip6.is-disabled {
    background-position: -251px -13px
}

.vip-icon-vip7.is-disabled {
    background-position: -294px -13px
}

.vip-icon-pvip0 {
    background-position: 0 -26px
}

.vip-icon-pvip1 {
    background-position: -36px -26px
}

.vip-icon-pvip2 {
    background-position: -79px -26px
}

.vip-icon-pvip3 {
    background-position: -122px -26px
}

.vip-icon-pvip4 {
    background-position: -165px -26px
}

.vip-icon-pvip5 {
    background-position: -208px -26px
}

.vip-icon-pvip6 {
    background-position: -251px -26px
}

.vip-icon-pvip7 {
    background-position: -294px -26px
}

.vip-icon-pvip8 {
    background-position: -337px -26px
}

.vip-icon-pvip9 {
    background-position: -380px -26px
}

.vip-icon-pvip10 {
    background-position: -423px -26px
}

.vip-icon-pvip0.is-disabled {
    background-position: 0 -39px
}

.vip-icon-pvip1.is-disabled {
    background-position: -36px -39px
}

.vip-icon-pvip2.is-disabled {
    background-position: -79px -39px
}

.vip-icon-pvip3.is-disabled {
    background-position: -122px -39px
}

.vip-icon-pvip4.is-disabled {
    background-position: -165px -39px
}

.vip-icon-pvip5.is-disabled {
    background-position: -208px -39px
}

.vip-icon-pvip6.is-disabled {
    background-position: -251px -39px
}

.vip-icon-pvip7.is-disabled {
    background-position: -294px -39px
}

.vip-icon-pvip8.is-disabled {
    background-position: -337px -39px
}

.vip-icon-pvip9.is-disabled {
    background-position: -380px -39px
}

.vip-icon-pvip10.is-disabled {
    background-position: -423px -39px
}

.vip-icon-svip0 {
    background-position: 0 -52px
}

.vip-icon-svip1 {
    background-position: -36px -52px
}

.vip-icon-svip2 {
    background-position: -79px -52px
}

.vip-icon-svip3 {
    background-position: -122px -52px
}

.vip-icon-svip4 {
    background-position: -165px -52px
}

.vip-icon-svip5 {
    background-position: -208px -52px
}

.vip-icon-svip6 {
    background-position: -251px -52px
}

.vip-icon-svip7 {
    background-position: -294px -52px
}

.vip-icon-svip8 {
    background-position: -337px -52px
}

.vip-icon-svip9 {
    background-position: -380px -52px
}

.vip-icon-svip10 {
    background-position: -423px -52px
}

.vip-icon-svip0.is-disabled {
    background-position: 0 -65px
}

.vip-icon-svip1.is-disabled {
    background-position: -36px -65px
}

.vip-icon-svip2.is-disabled {
    background-position: -79px -65px
}

.vip-icon-svip3.is-disabled {
    background-position: -122px -65px
}

.vip-icon-svip4.is-disabled {
    background-position: -165px -65px
}

.vip-icon-svip5.is-disabled {
    background-position: -208px -65px
}

.vip-icon-svip6.is-disabled {
    background-position: -251px -65px
}

.vip-icon-svip7.is-disabled {
    background-position: -294px -65px
}

.vip-icon-svip8.is-disabled {
    background-position: -337px -65px
}

.vip-icon-svip9.is-disabled {
    background-position: -380px -65px
}

.vip-icon-svip10.is-disabled {
    background-position: -423px -65px
}

.vip-icon-pvip8:after, .vip-icon-pvip9:after, .vip-icon-pvip10:after, .vip-icon-svip8:after, .vip-icon-svip9:after, .vip-icon-svip10:after {
    display: block;
    margin-left: 8px;
    width: 22px;
    height: 12px;
    background-image: url(data:image/png;base64,[encoded data, 10044 characters]);
    background-size: 470px auto;
    background-position: -36px -78px;
    background-repeat: no-repeat;
    content: "";
    animation: iconVip 2s infinite both
}

@keyframes iconVip {
    0% {
        transform: translateX(0)
    }
    50%, to {
        transform: translateX(30px)
    }
}

.xly-icon-type {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,[encoded data, 8040 characters]) -125px -125px no-repeat;
    background-size: 210px auto;
    vertical-align: top
}

.xly-icon-type.is-middle {
    zoom: .8
}

.xly-icon-type.is-small {
    zoom: .5333
}

.xly-icon-type.xly-type-apk {
    background-position: -5px -5px
}

.xly-icon-type.xly-type-bt-file {
    background-position: -45px -5px
}

.xly-icon-type.xly-type-bt-link {
    background-position: -5px -45px
}

.xly-icon-type.xly-type-doc {
    background-position: -45px -45px
}

.xly-icon-type.xly-type-group {
    background-position: -85px -5px
}

.xly-icon-type.xly-type-link {
    background-position: -85px -45px
}

.xly-icon-type.xly-type-magnetic {
    background-position: -5px -85px
}

.xly-icon-type.xly-type-music {
    background-position: -45px -85px
}

.xly-icon-type.xly-type-pdf {
    background-position: -85px -85px
}

.xly-icon-type.xly-type-pic {
    background-position: -125px -5px
}

.xly-icon-type.xly-type-ppt {
    background-position: -125px -45px
}

.xly-icon-type.xly-type-rar {
    background-position: -125px -85px
}

.xly-icon-type.xly-type-save {
    background-position: -45px -125px
}

.xly-icon-type.xly-type-txt {
    background-position: -85px -125px
}

.xly-icon-type.xly-type-unknow {
    background-position: -125px -125px
}

.xly-icon-type.xly-type-avi, .xly-icon-type.xly-type-flv, .xly-icon-type.xly-type-mkv, .xly-icon-type.xly-type-mov, .xly-icon-type.xly-type-mp4, .xly-icon-type.xly-type-mpg, .xly-icon-type.xly-type-rm, .xly-icon-type.xly-type-rmvb, .xly-icon-type.xly-type-video, .xly-icon-type.xly-type-wmv {
    background-position: -165px -5px
}

.xly-icon-type.xly-type-word {
    background-position: -165px -45px
}

.xly-icon-type.xly-type-xls {
    background-position: -165px -85px
}

.xly-icon-type.xly-type-saveto {
    background-position: -45px -125px
}

.xly-icon-type.xly-type-resource {
    background-position: -5px -125px
}

.xly-icon-type.xly-type-gif {
    background-position: -165px -125px
}

.xly-icon-type.xly-type-ipa {
    background-position: -5px -165px
}

.xly-icon-type.xly-type-ipsw {
    background-position: -45px -165px
}

.xly-icon-type.xly-type-dll {
    background-position: -85px -165px
}

.xly-icon-type.xly-type-chm {
    background-position: -125px -165px
}

.xly-icon-type.xly-type-text {
    background-position: -165px -165px
}

.xly-icon-type.xly-type-exe, .xly-icon-type.xly-type-install {
    background-position: -5px -205px
}

.xly-icon-type.xly-type-iso {
    background-position: -45px -205px
}

.xly-icon-type.xly-type-safe {
    background-position: -85px -205px
}

body .xly-dialog-batch {
    width: 500px
}

body .xly-dialog-batch ul.td-dropdown-menu .td-dropdown-menu__item {
    padding: 0 0 0 6px;
    margin: 0;
    line-height: 30px
}

.xly-dialog-batch__filter {
    height: 116px;
    overflow: auto;
    padding: 10px;
    line-height: 1.8;
    border: 1px solid var(--color-border-form);
    border-radius: 4px;
    box-sizing: border-box
}

.xly-dialog-batch__filter::-webkit-scrollbar {
    width: 6px;
    background: transparent
}

.xly-dialog-batch__filter::-webkit-scrollbar:horizontal {
    height: 6px
}

.xly-dialog-batch__filter::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

.xly-dialog-batch__filter::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-dialog-batch__filter::-webkit-scrollbar-corner {
    background: transparent
}

.xly-dialog-batch__down-input {
    margin-top: 12px
}

.xly-dialog-batch__down-input .td-input {
    display: block
}

.xly-dialog-batch__down-input .td-input__label {
    display: block;
    margin-bottom: 5px
}

.xly-dialog-batch__down-input .td-input__inner {
    width: 100%
}

.xly-dialog-batch__down-filter {
    margin-top: 12px
}

.xly-dialog-batch__text {
    margin: 0 5px
}

.xly-dialog-batch__down-filter .td-input__inner {
    width: 40px
}

.xly-dialog-batch__down-filter .td-select {
    width: 50px;
    display: inline-block
}

.xly-dialog-batch__down-filter .td-select .td-select-group {
    height: 30px
}

.xly-dialog-batch__down-filter li {
    margin-bottom: 20px
}

.xly-dialog-batch__down-filter .td-textarea .td-textarea__inner {
    height: 116px;
    white-space: pre-wrap
}

.xly-dialog-batch__down-filter .td-textarea.is-disabled .td-textarea__inner {
    cursor: default
}

body .xly-dialog-batch .td-button {
    height: 40px
}

.xly-dialog-about {
    padding: 1px 18px 18px;
    width: 450px;
    user-select: none;
    height: 100%;
    margin: 0px
}

.xly-dialog-about__content {
    padding-top: 20px
}

.xly-dialog-about__content .td-button {
    display: block;
    width: 180px;
    margin: 20px auto;
    color: #4d4d4d
}

.xly-dialog-about__info {
    display: flex;
    justify-content: center;
    align-items: center
}

.xly-dialog-about__text {
    margin-bottom: 6px;
    text-align: center
}

.xly-dialog-about__logo {
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: 12px;
    text-align: center;
    line-height: 45px;
    background: #5086f7;
    border-radius: 6px
}

.xly-dialog-about__logo i {
    position: relative;
    top: 1px;
    left: 0;
    font-size: 36px;
    color: #fff
}

.xly-dialog-about__title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--color-title)
}

.xly-dialog-about__title h1 {
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    font-family: xly-icon;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: -6px
}

.xly-dialog-about__title span {
    margin-left: -10px;
    letter-spacing: -28px
}

.xly-dialog-about__link {
    color: var(--color-secondary)
}

.xly-dialog-about__link .td-icon-arrow-drop {
    display: inline-block;
    transition: .2s
}

.xly-dialog-about__link .td-icon-arrow-drop:before {
    border-top-color: var(--color-secondary)
}

.xly-dialog-about__link:hover {
    color: var(--color-primary)
}

.xly-dialog-about__link:hover .td-icon-arrow-drop:before {
    border-top-color: var(--color-primary)
}

.xly-dialog-about__version {
    text-align: center
}

.xly-dialog-about__version.is-more .xly-dialog-about__more {
    display: block
}

.xly-dialog-about__version.is-more .td-icon-arrow-drop {
    transform: rotate(180deg) translateY(-2px)
}

.xly-dialog-about__more {
    display: none;
    width: 160px;
    margin: 14px auto;
    color: var(--color-secondary);
    text-align: left;
    white-space: nowrap
}

.xly-dialog-about__more li {
    display: flex;
    line-height: 24px
}

.xly-dialog-about__more .title {
    width: 102px;
    margin-right: 10px
}

.xly-dialog-about__copyright {
    margin-top: 60px;
    color: var(--color-secondary);
    font-size: 12px
}

.xly-dialog-about__copyright p {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1.6
}

.xly-dialog-about__copyright a {
    color: var(--color-primary)
}

.xly-dialog-about__copyright a:hover {
    color: var(--color-hover)
}

body .xly-dialog-rename {
    padding: 0 18px 18px;
    width: 450px
}

body .xly-dialog-rename .td-dialog__header h2 {
    padding: 18px 0 24px;
    text-align: left
}

body .xly-dialog-rename .td-dialog__footer {
    margin-top: 24px
}

body .xly-dialog-rename .td-textarea__inner {
    height: 60px
}

body .xly-dialog-prompt {
    padding: 0 18px 18px
}

body .xly-dialog-prompt .td-dialog__header h2 {
    padding: 18px 0 24px;
    text-align: left
}

body .xly-dialog-prompt .td-dialog__footer {
    margin-top: 24px
}

body .xly-dialog-prompt .td-checkbox {
    margin-top: 6px;
    color: var(--color-secondary)
}

.xly-dialog-prompt__text {
    font-size: 13px;
    line-height: 20px
}

.xly-dialog-prompt__tips {
    margin-top: 6px;
    color: var(--color-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-dialog-prompt__footer {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

body .xly-dialog-prompt .xly-dialog__button .td-button {
    padding: 0 23px;
    width: auto !important
}

body .xly-dialog-prompt .xly-dialog__footer-link--underline {
    color: var(--color-auxiliary);
    text-decoration: underline
}

body .xly-dialog-prompt .td-button.is-danger {
    background: var(--color-danger)
}

body .xly-dialog-filetype-select {
    width: 506px;
    padding: 0
}

body .xly-dialog-filetype-select .td-dialog__header {
    position: absolute;
    left: 100px;
    right: 30px;
    top: 0;
    z-index: 1
}

body .xly-dialog-filetype-select .td-dialog__header .td-dialog__close {
    right: -30px
}

body .xly-filetype-select {
    display: flex;
    align-items: stretch
}

.xly-filetype-select__nav-wp {
    display: block;
    padding: 30px 0;
    width: 100px;
    background: var(--background-main);
    box-sizing: border-box
}

.xly-filetype-select__nav {
    max-height: 330px;
    overflow-x: hidden
}

.xly-filetype-select__nav::-webkit-scrollbar {
    width: 6px;
    background: transparent
}

.xly-filetype-select__nav::-webkit-scrollbar:horizontal {
    height: 6px
}

.xly-filetype-select__nav::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

.xly-filetype-select__nav::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-filetype-select__nav::-webkit-scrollbar-corner {
    background: transparent
}

.xly-filetype-select__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 28px;
    padding: 0 14px 0 10px;
    color: var(--color-title);
    box-sizing: border-box
}

.xly-filetype-select__item + .xly-filetype-select__item {
    margin-top: 10px
}

.xly-filetype-select__item.is-active, .xly-filetype-select__item:hover {
    color: #fff;
    background: var(--color-primary)
}

.xly-filetype-select__item.is-active .td-icon-close, .xly-filetype-select__item:hover .td-icon-close {
    display: inline-block
}

.xly-filetype-select__item .td-icon-close {
    position: absolute;
    display: none;
    font-size: 14px;
    right: 0
}

.xly-filetype-select__item .tab-txt {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-filetype-select__cont-wp {
    flex: 1;
    min-width: 0;
    padding: 30px 30px 22px
}

.xly-filetype-select__cont-wp .td-input {
    display: flex;
    align-items: center
}

.xly-filetype-select__cont-wp .td-input__inner {
    flex: 1
}

.xly-filetype-select__cont-wp .td-button {
    width: 100%;
    margin-top: 20px
}

.xly-filetype-select__cont-wp .warning-tips {
    color: #ff1a1a;
    line-height: 15px;
    margin: 2px 0 -17px 72px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    cursor: default
}

body .xly-filetype-select .file-condition {
    display: flex;
    margin-top: 15px
}

body .xly-filetype-select .file-condition .td-textarea {
    flex: 1
}

body .xly-filetype-select .file-condition .td-textarea + .td-textarea {
    margin-left: 10px
}

body .xly-filetype-select .file-condition .td-textarea__inner {
    height: 207px
}

body .xly-filetype-select .file-condition + .warning-tips {
    margin-left: 0;
    margin-bottom: -12px
}

body .xly-dialog-filetype-select--comfirm {
    width: 300px
}

body .xly-dialog-setting {
    padding: 0 18px 18px;
    width: 450px
}

body .xly-dialog-setting h2 {
    padding: 18px 0 14px;
    text-align: left
}

.xly-dialog-setting__item {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.xly-dialog-setting__label {
    width: 60px
}

.xly-dialog-setting__horizontal {
    display: flex
}

.xly-dialog-setting__horizontal li {
    margin-right: 20px
}

.xly-dialog-setting__tips {
    margin-bottom: 12px
}

body .xly-dialog-setting .td-textarea__inner {
    height: 150px
}

body .xly-setting__input-1 .td-input__inner {
    width: 354px
}

body .xly-setting__input-2 .td-input__inner {
    width: 80px;
    margin-right: 20px
}

body .xly-setting__input-3 .td-input__inner {
    width: 60px
}

.td-dialog.xlx-skin {
    width: 600px;
    height: 440px;
    padding: 0 30px
}

.td-dialog.xlx-skin .td-tabs__title {
    font-size: 14px;
    border: 0
}

.td-dialog.xlx-skin .td-tabs__item {
    width: auto;
    padding: 0 8px
}

.td-dialog.xlx-skin .td-tabs__item2 i {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU0ODZBQUQxQkY4MTFFQUEzRjdFMzVENkRENTM2Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU0ODZBQUUxQkY4MTFFQUEzRjdFMzVENkRENTM2Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTQ4NkFBQjFCRjgxMUVBQTNGN0UzNUQ2REQ1MzZDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTQ4NkFBQzFCRjgxMUVBQTNGN0UzNUQ2REQ1MzZDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpLgjpwAAABGSURBVHjaYvz//z8DBzvzfwYiwI+ffxkZ2dmYiFIMA1g1fL5WhcLn1WrDrQGfYgwNhBRTbgNZfiCkic6hRFTEkZo0AAIMAOFDMJOeaAN+AAAAAElFTkSuQmCC) no-repeat
}

.td-dialog.xlx-skin .is-active .td-tabs__item2 {
    color: #eaa600
}

.td-dialog.xlx-skin .td-tabs__item:last-child.is-active {
    border-bottom-color: #fcd065
}

.td-dialog.xlx-skin .xlx-skin-super-title {
    height: 30px
}

.td-dialog.xlx-skin .xlx-skin-super-title em {
    line-height: 30px;
    font-style: normal;
    font-style: 14px;
    color: #1a1a1a
}

.td-dialog.xlx-skin .xlx-skin-super-title .xlx-skin-super-icon-question {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzMxRTQ5RjUxQkZFMTFFQTk2NDlERTA4NDE5RUY5MzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzMxRTQ5RjYxQkZFMTFFQTk2NDlERTA4NDE5RUY5MzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MzFFNDlGMzFCRkUxMUVBOTY0OURFMDg0MTlFRjkzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MzFFNDlGNDFCRkUxMUVBOTY0OURFMDg0MTlFRjkzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm91gvMAAAIASURBVHjaZFPbahNRFF3nMjGX2gnBPApGH1otBdMWrwSKvraE5l/8Cj9GQvsBoRH1QQg0Jo/2wcealGipmcw5Z9z7JJNO0w3DzN6z1tqXs4+wzsG5BGwCCMk/Iv+Q3ttJklQpdqGU6kspjqWUnyg2YawUAiJD3otj89FYu5+QS2AvSGCwT1hopTpaqw/0+V1kyPVoNmvT+yETlNaIplP/FEslaPKttV6MRH/dC4ImkXvCJW59GsUnxtiGJyqJ85/nGA5/+NJ0EODFy1cIw/JSgDBdEjiQ1rpWSqSeMB5f4tvXL6g9foL9d+9RKBbxuXsKYwy4VDbiNChpSxrjmvNxzftjwM7uHjY2NhGWy6g9quHPZII4jpEa4411TU2lbIkMOQxDVCoVmoPD5WiM/tkZNp8+Qz6f97HFqcBZt6VJpYqMsQD3xmV2Tzsord3H83rdx2/hiMcHcoEV495Ho9/4e3WF+s4utSLvkJknaXKDlbgvb40yvn7zFvlCYTnlbM/Mk3TwbSHuZuYhDQcDzKLI+ytZmdwWpLoezcwJbVZj+ZPU/l1fY0ICD6pVvyTZsv0554IDQSRev1sblmbnhwd3M0wm0obl5hu2qCfpUaCllexk+06JaU6tZSdHOPrs+QrnmdNbJUIiHRnnDmmLtim0uFWyL4U8lopuFW5u1X8BBgAosxdhdWtjfgAAAABJRU5ErkJggg==) no-repeat
}

.td-dialog.xlx-skin .xlx-skin-super-title .td-tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: 0
}

.td-dialog.xlx-skin .td-tabs.xlx-skin__title > .td-tabs__title {
    font-size: 18px;
    justify-content: center
}

.td-dialog.xlx-skin .td-tabs.xlx-skin__title > .td-tabs__title .td-tabs__item {
    width: auto;
    margin: 0 5px
}

.td-dialog.xlx-skin .td-tabs.xlx-skin__title > .td-tabs__title .td-tabs__item.is-active {
    border: 0
}

.td-dialog.xlx-skin .td-tabs__content {
    overflow: visible
}

.td-dialog.xlx-skin .xlx-skin__slider {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    bottom: -30px;
    left: -12px;
    width: 40px;
    height: 30px;
    padding-bottom: 5px
}

.td-dialog.xlx-skin .xlx-skin__slider .xlx-icon-deep, .td-dialog.xlx-skin .xlx-skin__slider .xlx-icon-light {
    color: #707070
}

.td-dialog.xlx-skin .xlx-skin__slider .xlx-icon-deep {
    display: none
}

.td-dialog.xlx-skin .xlx-skin__slider .xlx-icon-light {
    cursor: pointer
}

.td-dialog.xlx-skin .xlx-skin__slider:hover {
    height: 160px;
    background: hsla(0, 0%, 100%, .95);
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15)
}

.td-dialog.xlx-skin .xlx-skin__slider:hover .td-slider {
    display: flex
}

.td-dialog.xlx-skin .xlx-skin__slider:hover .xlx-icon-deep {
    display: block
}

.td-dialog.xlx-skin .td-slider {
    display: none;
    justify-content: center;
    width: 100%;
    margin: 3px 0
}

.td-dialog.xlx-skin .td-slider .td-slider__bar {
    width: 4px;
    height: 110px;
    background: linear-gradient(180deg, #000, hsla(0, 0%, 81.6%, .4));
    border-radius: 2px
}

.td-dialog.xlx-skin .td-slider .td-slider__bar-inner {
    background: transparent
}

.td-dialog.xlx-skin .xlx-skin__tag-wrapper {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    border-radius: 3px
}

.td-dialog.xlx-skin .xlx-skin__tag-wrapper .xlx-skin__tag {
    height: 14px;
    padding: 0 3px;
    margin-right: 1px;
    text-align: center;
    line-height: 14px;
    font-size: 11px;
    color: #fff;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 3px
}

.td-dialog.xlx-skin .xlx-skin__tag-wrapper .xlx-skin__tag.xlx-skin__tag--vip {
    background: var(--color-danger-2)
}

.td-dialog.xlx-skin .xlx-skin__tag-wrapper .xlx-skin__tag.xlx-skin__tag--svip {
    color: #ffe14e;
    background: #424242
}

.td-dialog.xlx-skin .td-dialog__body {
    position: relative
}

.td-dialog.xlx-skin .xlx-skin-vip {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 5
}

.td-dialog.xlx-skin .xlx-skin-vip .td-button {
    width: 60px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    background: var(--color-danger-3);
    color: #ffeca0
}

.td-dialog.xlx-skin .xlx-skin-vip .td-button:hover {
    background: var(--color-danger-2)
}

.td-dialog.xlx-skin .xlx-skin-vip .xlx-skin-vip__desc {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    color: #999
}

.xlx-skin-color ul {
    display: flex;
    margin-left: -4px
}

.xlx-skin-color .xlx-skin-color__item {
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-left: 4px;
    background: #b8b8b8;
    border-radius: 2px;
    cursor: pointer
}

.xlx-skin-color .xlx-skin-color__item.is-chosen:before {
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-align: center;
    color: var(--color-success-1);
    font-family: thunder-icon !important;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    content: "\E638"
}

.xlx-skin-super-box {
    overflow-y: auto;
    width: 560px;
    height: 302px
}

.xlx-skin-super-box::-webkit-scrollbar {
    width: 4px
}

.xlx-skin-super-box::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 4px;
    background: #e6e6e6
}

.xlx-skin-picture {
    overflow-y: auto;
    width: 550px;
    height: 265px;
    margin-top: 7px
}

.xlx-skin-picture::-webkit-scrollbar {
    width: 4px
}

.xlx-skin-picture::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 4px;
    background: #e6e6e6
}

.xlx-skin-picture ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px
}

.xlx-skin-picture .xlx-skin-picture__item {
    position: relative;
    width: 130px;
    height: 80px;
    margin-left: 6px;
    margin-bottom: 6px;
    border-radius: 3px;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.xlx-skin-picture .xlx-skin-picture__item:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    border-radius: 3px;
    opacity: 0;
    content: "";
    transition: .3s
}

.xlx-skin-picture .xlx-skin-picture__item:hover:after {
    opacity: 1
}

.xlx-skin-picture .xlx-skin-picture__item:hover .xlx-skin-picture__name {
    opacity: 1;
    pointer-events: none;
    cursor: pointer
}

.xlx-skin-picture .xlx-skin-picture__item .xlx-skin-picture__name {
    position: relative;
    z-index: 1;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    user-select: none;
    opacity: 0;
    transition: .3s
}

.xlx-skin-picture .xlx-skin-picture__item.is-chosen:before {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-align: center;
    color: var(--color-success-1);
    font-family: thunder-icon !important;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    content: "\E638"
}

.xlx-skin-picture2 {
    height: auto;
    margin-bottom: 15px
}

.xlx-skin-picture3 {
    height: auto
}

.xlx-skin-try {
    position: absolute;
    left: -30px;
    top: -94px;
    z-index: 9999;
    width: 600px;
    height: 440px;
    display: -webkit-box;
    background: hsla(0, 0%, 100%, .95);
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center
}

.xlx-skin-try .xlx-skin-try__mod {
    width: 280px
}

.xlx-skin-try .xlx-skin-try__mod .xlx-skin-try__imgbox {
    width: 240px;
    height: 150px;
    display: block;
    margin: 0 auto 15px;
    position: relative
}

.xlx-skin-try .xlx-skin-try__mod .xlx-skin-try__imgbox img {
    width: 240px;
    height: 150px;
    display: block;
    border-radius: 5px
}

.xlx-skin-try .xlx-skin-try__mod .xlx-skin-try__tit {
    font-size: 18px;
    color: #1a1a1a
}

.xlx-skin-try .xlx-skin-try__mod .xlx-skin-try__desc {
    font-size: 12px;
    color: grey;
    margin-bottom: 14px
}

.xlx-skin-try .xlx-skin-try__mod .xlx-skin-try__btn, .xlx-skin-try .xlx-skin-try__mod .xlx-skin-try__btn2 {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto 18px;
    border-radius: 3px;
    background: #ffc52a;
    font-size: 14px;
    color: #975500
}

.xlx-skin-try .xlx-skin-try__mod .xlx-skin-try__btn2 {
    background: #ff4d4d;
    color: #fff
}

.xlx-skin-try .xlx-skin-try__mod .xlx-skin-close {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVEMDAxNjMxQzE2MTFFQUIzQkFEREZBQjhDNzU4MDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVEMDAxNjQxQzE2MTFFQUIzQkFEREZBQjhDNzU4MDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNUQwMDE2MTFDMTYxMUVBQjNCQURERkFCOEM3NTgwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNUQwMDE2MjFDMTYxMUVBQjNCQURERkFCOEM3NTgwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvaRwA4AAAMDSURBVHjavJhLSJRRFMc/b7MLdSe2KqVFVos24caZxoggiyDK0ihqUaCLWjQWzFAusmZRuckghBYSNb1oU2hCL3VctAhqMUEtMgN7CG1M2oQ9/mf4XxmG73HvN48DP5CZe8/5z7n3nnuuNclk0rGwBtABtoCNYA2o43c/wSzIgUkwDr77OUun08t/K0MBUfAYfKEICdQLWkAtaeFnkxwzxzlRkwCRgO+bwVX+6utgD1jyGPuDvAYj4BjYDy4yWyfBjFcgv4x0gzdgAsTAHR8RbvaHc2L0Ib4O2makH6wDu0DWKd2ugFdcurXgvElGUqARnCqTCG3TIEHfZ4OEdPM0pIN2fEgTnxfAesZyFdIEhrkp55zK2VfGGE6lUk1uQobAQJmXw8uyjDVULKQN1IPLTpUMxUxi1SEr0UIhZ5iuapvE7NNCpGzvAPcNJt4ArQbjpHbcNhj3QK4MZKVB8e64ZVisHrJs+4mJc9yIwfIsMXaHKrg7TOwJOOIjJs5fKUfzqaFPqbpxxbqRs1hXLzHtBSKeWfh7BzZEeJXPWm4yLeYR2A1WgnugCzy39PVJaliEV/hiiB0vYo5SjGT2AHgRwo/ErhUHNeBfyOP3myL+gl+lnGOlFYWYuw3cZc+hM9Mawk9+RZReoxAipNfoBC+LlslWTH6PKr1rLSZuLxAx4bFnbMTkT63S59hChFTMfUUiShGTr2OKkw8Z9K9ix8HegAKoxWwOcobSLjEPgzERMs/Wv9NAiIyZMjza1wz9jaPUz+vb9xL7yWpbL2MvtwFZtvx91VKAZZFYi8hGtriLl3fHW3bb0xXW0caXwia3VlEePz1M16oKimhkjB5kY8ari8+A9+AcJ1RChGTiA2P5vmsG2PYPMoXlXI5B+jZ6YDkcOMpjmCiDiAR9jbqJCHr7ZriZ2lnApNdYYXmhdnHuVvrKhP1vwEe+f6UZPs3+8iadS1f3GSxwrDxHVvPuiLG6jnG/BRbBiOGvmyLS8e9klk4wcD3HLFBYjmPlffvNNH3/BRgAp86/EMVRpQkAAAAASUVORK5CYII=) no-repeat
}

.xlx-skin-picture--speed .xlx-skin-picture__item {
    width: 175px;
    height: 107px
}

.xlx-skin-avatar {
    margin-top: 10px
}

.xlx-skin-avatar .td-loading-mask {
    z-index: 5
}

.xlx-skin-avatar .xlx-skin-avatar__list {
    height: 290px;
    overflow: auto
}

.xlx-skin-avatar .xlx-skin-avatar__list::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

.xlx-skin-avatar .xlx-skin-avatar__list::-webkit-scrollbar:horizontal {
    height: 6px
}

.xlx-skin-avatar .xlx-skin-avatar__list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    width: 8px;
    background: rgba(0, 0, 0, .15);
    border-right: 2px solid #fff
}

.xlx-skin-avatar .xlx-skin-avatar__list ul {
    display: flex;
    flex-wrap: wrap
}

.xlx-skin-avatar .xlx-skin-avatar__item {
    margin: 0 36px 16px 0;
    position: relative
}

.xlx-skin-avatar .xlx-skin-avatar__item.is-chosen .xlx-skin-avatar__picture:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    content: ""
}

.xlx-skin-avatar .xlx-skin-avatar__item.is-chosen .xlx-skin-avatar__picture:after {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    margin: -9px 0 0 -9px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-align: center;
    color: var(--color-success-1);
    font-family: thunder-icon !important;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    content: "\E638"
}

.xlx-skin-avatar .xlx-skin-avatar__item .xlx-skin-avatar__picture .tips01 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    background: #ff4d4d;
    border-radius: 3px
}

.xlx-skin-avatar .xlx-skin-avatar__item .xlx-skin-avatar__picture .tips02 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    background: #ff4d4d;
    border-radius: 3px
}

.xlx-skin-avatar .xlx-skin-avatar__item .xlx-skin-avatar__picture .tips03 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    background: #ff4d4d;
    border-radius: 3px
}

.xlx-skin-avatar .xlx-skin-avatar__item .xlx-skin-avatar__picture .tips04 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 6px;
    font-size: 12px;
    color: #fadc4e;
    font-style: normal;
    background: #424242;
    border-radius: 3px
}

.xlx-skin-avatar .xlx-skin-avatar__item.is-hov .xlx-skin-avatar__picture .name {
    position: absolute;
    width: 100%;
    height: 70px;
    line-height: 70px;
    z-index: 2;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    text-align: center
}

.xlx-skin-avatar .xlx-skin-avatar__item .xlx-skin__tag {
    left: 0;
    border-radius: 3px
}

.xlx-skin-avatar .xlx-skin-avatar__picture {
    position: relative;
    width: 70px;
    height: 70px;
    overflow: hidden;
    cursor: pointer
}

.xlx-skin-avatar .xlx-skin-avatar__picture img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.xlx-skin-picture__customize {
    width: 420px;
    height: 256px;
    background: var(--button-secondary-fill)
}

.xlx-skin__button .td-button {
    margin-top: 10px
}

.xlx-skin__button .td-button--secondary {
    color: var(--color-primary);
    line-height: 22px;
    background: #fff;
    border: 1px solid var(--color-primary);
    box-sizing: border-box
}

.xlx-skin__customize-choose {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    background: var(--button-secondary-fill)
}

.xlx-skin__customize-choose .td-button {
    width: 120px;
    overflow: hidden;
    position: relative
}

.xlx-skin__customize-choose .td-button input {
    width: 1000px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.xlx-skin__customize-choose p {
    line-height: 40px
}

.xlx-skin__customize-choose-bot {
    margin-top: 12px;
    font-size: 0
}

.xlx-skin__customize-choose-bot .td-button {
    margin-right: 10px;
    vertical-align: middle
}

.xlx-skin__customize-choose-bot .td-button--secondary {
    position: relative;
    overflow: hidden
}

.xlx-skin__customize-choose-bot .td-button--secondary input {
    width: 1000px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.xlx-skin__customize-choose-bot01 {
    text-align: right
}

.xlx-skin__customize-choose-bot02 {
    text-align: right;
    position: relative
}

.xlx-skin__customize-choose-bot02 .msg {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 14px;
    color: #69f
}

.xlx-skin__pane-uploadTips {
    font-size: 12px;
    color: #707070
}

.xlx-skin__pane-uploadTips em {
    font-style: normal;
    color: #69f
}

.xlx-skin__customize-image {
    position: relative;
    height: 250px
}

.xlx-skin__customize-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.xlx-skin__clip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

.xlx-skin-customize--picture .xlx-skin__expect {
    height: auto
}

.xlx-skin__expect {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 340px;
    text-align: center
}

.xlx-skin__expect p {
    margin-top: 10px;
    font-size: 14px;
    color: #707070
}

.xlx-image-avatar, .xlx-image-skin {
    display: block;
    width: 150px;
    height: 125px;
    margin: 0 auto;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 300px auto
}

.xlx-image-avatar {
    background-position: -150px 0
}

.xlx-image-color, .xlx-image-update, .xlx-image-vip {
    display: block;
    width: 130px;
    height: 100px;
    margin: 0 auto;
    background: url(data:image/png;base64,[encoded data, 8048 characters]) no-repeat;
    background-size: 390px auto
}

.xlx-image-update {
    background-position: -130px 0
}

.xlx-image-color {
    background-position: -260px 0
}

.td-dialog.xlx-dialog-skin-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -130px 0 0 -200px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.td-dialog.xlx-dialog-skin-popup .td-dialog__body {
    text-align: center
}

.td-dialog.xlx-dialog-skin-popup .xlx-dialog-skin-popup__text-1 {
    font-size: 18px
}

.td-dialog.xlx-dialog-skin-popup .xlx-dialog-skin-popup__text-2 {
    margin-top: 6px;
    font-size: 14px;
    color: var(--color-primary-gray-1)
}

.td-dialog.xlx-dialog-skin-popup .td-button {
    width: 120px;
    margin: 0 auto
}

.td-dialog.xlx-dialog-skin-popup .xlx-button--vip {
    background: var(--color-danger-3)
}

.td-dialog.xlx-dialog-skin-popup .xlx-button--vip:hover {
    background: var(--color-danger-2)
}

.td-dialog.xlx-dialog-skin-popup .xlx-dialog-skin__link {
    position: absolute;
    right: 0;
    line-height: 32px
}

.td-dialog.xlx-dialog-skin-popup .xlx-dialog-skin__link:hover {
    color: var(--color-primary)
}

.xlx-skin-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: hsla(0, 0%, 100%, .95)
}

.xlx-skin-cover .xlx-skin__chosen {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 148px;
    margin: 80px auto 0;
    background: #2f498d;
    border-radius: 4px;
    overflow: hidden
}

.xlx-skin-cover .xlx-skin__chosen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 4px
}

.xlx-skin-cover h3 {
    margin: 17px 0 20px;
    font-size: 18px;
    text-align: center
}

.xlx-skin-cover .td-button {
    display: block;
    margin: 0 auto;
    width: 120px
}

.xlx-skin-cover .xlx-skin-cover__close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin: 20px auto 0;
    color: rgba(0, 0, 0, .5);
    border: 1px solid;
    border-radius: 50%;
    transition: .2s
}

.xlx-skin-cover .xlx-skin-cover__close .td-icon-close {
    font-size: 22px
}

.xlx-skin-cover .xlx-skin-cover__close:hover {
    color: #000
}

.xlx-skin__new {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 8px;
    height: 8px;
    background: var(--color-danger-2);
    border-radius: 50%;
    border: 1px solid #fff;
    box-sizing: border-box
}

.xlx-skin-picture.xlx-skin-picture--suspension ul {
    margin-left: -8px
}

.xlx-skin-picture.xlx-skin-picture--suspension .xlx-skin-picture__item {
    position: relative;
    width: 266px;
    height: 130px;
    margin-bottom: 8px;
    margin-left: 8px;
    background-color: #f0f3fa;
    background-size: cover;
    background-position: 50%;
    border-radius: 4px;
    cursor: pointer;
    transition: background .3s
}

.xlx-skin-picture.xlx-skin-picture--suspension .xlx-skin-picture__item:hover {
    background-color: #d7e3fa
}

.xlx-skin-picture.xlx-skin-picture--suspension .xlx-skin-picture__item:hover:after {
    opacity: 0
}

.td-cover--message-xlx-skin {
    justify-content: center
}

.td-message-xlx-skin {
    color: #fff
}

.td-message-xlx-skin a {
    margin-left: 7px;
    color: #fff;
    text-decoration: underline
}

path, polyline {
    fill: none;
    stroke-width: 2;
    stroke: #dae1ec;
    stroke-linecap: round;
    stroke-linejoin: round
}

.xly-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--background-area)
}

.xly-loading i.img-icon-loading {
    width: 48px;
    height: 48px;
    background: url(data:image/png;base64,[encoded data, 9224 characters]) no-repeat;
    background-size: 100%;
    animation: rotate 2s linear infinite both
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.xly-loading__img {
    display: block;
    width: 40px;
    height: 40px;
    background: url(data:image/gif;base64,[encoded data, 11320 characters]) no-repeat
}

.xly-loading__svg {
    width: 45px;
    height: 45px
}

.xly-path-out {
    stroke-width: 2;
    fill: none;
    stroke: #3f85ff;
    stroke-dasharray: 0, 108;
    stroke-dashoffset: 0;
    animation: pathOut 1s linear 1s infinite both;
    transform-origin: 45% 53%;
    transform: rotate(-180deg)
}

.xly-path-inner-1, .xly-path-inner-2, .xly-path-inner-3 {
    stroke: #3f85ff;
    stroke-dasharray: 55;
    stroke-dashoffset: 55;
    animation: path2 2s linear infinite both
}

@keyframes path2 {
    0% {
        stroke-dashoffset: 55
    }
    70%, to {
        stroke-dashoffset: -55
    }
}

@keyframes pathOut {
    0% {
        opacity: 0
    }
    1% {
        opacity: 1;
        stroke-dasharray: 0, 108;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 45, 108;
        stroke-dashoffset: 0
    }
    to {
        stroke-dasharray: 90, 108;
        stroke-dashoffset: -108
    }
}

.xly-context-menu {
    position: fixed;
    padding: 6px 0;
    min-width: 100px;
    background: var(--background-module);
    border-radius: 4px;
    box-shadow: 0 0 10px var(--color-shadow);
    user-select: none;
    z-index: 999
}

.xly-context-menu__main {
    position: relative;
    padding: 4px 0
}

.xly-context-menu__main--primary {
    display: grid;
    gap: 4px;
    padding: 0 18px 8px;
    grid-template-columns: repeat(3, 60px);
    border-bottom: 1px solid var(--color-border)
}

.xly-context-menu__main--primary .xly-context-menu__item {
    height: auto;
    line-height: 1
}

.xly-context-menu__main--primary .xly-context-menu__item .xly-context-menu__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 60px;
    height: 60px
}

.xly-context-menu__main--primary .xly-context-menu__item [class^=xly-icon] {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 24px
}

.xly-context-menu__item {
    position: relative;
    height: var(--context-menu-height);
    line-height: var(--context-menu-height);
    cursor: default
}

.xly-context-menu__item:before {
    position: absolute;
    top: 0;
    right: -2px;
    width: 2px;
    height: 100%;
    content: ""
}

.xly-context-menu__item .xly-icon {
    position: absolute;
    top: 50%;
    left: 6px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    line-height: 1
}

.xly-context-menu__item .xly-icon-menu-more {
    position: absolute;
    right: 10px;
    color: var(--color-secondary)
}

.xly-context-menu__item .xly-icon-menu-chosen {
    position: absolute;
    left: 6px;
    top: 0;
    color: var(--color-primary)
}

.xly-context-menu__item.is-separate {
    margin-bottom: 6px
}

.xly-context-menu__item.is-separate:after {
    position: absolute;
    bottom: -3px;
    width: 100%;
    border-bottom: 1px solid var(--color-border);
    content: ""
}

.xly-context-menu__item:hover .xly-context-menu__children {
    display: block
}

.xly-context-menu__item:hover > .xly-context-menu__content {
    background-color: var(--color-list-hover)
}

.xly-context-menu__content {
    padding-right: var(--context-menu-padding);
    padding-left: var(--context-menu-padding)
}

.xly-context-menu__content:hover {
    background-color: var(--color-list-hover)
}

.xly-context-menu__content.is-active {
    background: var(--color-list-hover)
}

.xly-context-menu__content.is-disabled {
    background: transparent !important;
    color: var(--color-disabled)
}

.xly-context-menu__content b {
    font-weight: 400;
    color: var(--color-secondary)
}

.xly-context-menu__children {
    display: none;
    position: absolute;
    top: -10px;
    left: 100%;
    min-width: 100px;
    padding: 10px 0;
    background: var(--background-module);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.xly-context-menu__children.is-top {
    top: auto;
    bottom: -10px
}

.xly-context-menu__text {
    white-space: nowrap
}

.xly-context-menu__text.is-disabled {
    color: var(--color-disabled)
}

.xly-context-menu__tips {
    position: absolute;
    top: 0;
    right: 24px;
    display: flex;
    align-items: center;
    height: 100%
}

.xly-context-menu.is-left .xly-context-menu__children {
    left: auto;
    right: 100%
}

.xly-context-menu.is-left .xly-context-menu__item:before {
    left: -2px
}

body .xly-dialog-analysis {
    padding: 0 18px 18px;
    height: 405px
}

body .xly-dialog-analysis h2 {
    text-align: left
}

body .xly-dialog-analysis .analysis-tips {
    padding-bottom: 10px;
    text-align: center;
    color: var(--color-secondary)
}

body .xly-dialog-analysis .td-dialog__footer {
    margin-top: 12px
}

body .xly-analysis-progress {
    width: 200px
}

body .analysis__hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    height: 32px
}

body .analysis__hd .td-progress-bar {
    height: 4px
}

body .analysis__hd .xly-progress__tips {
    margin-bottom: 10px;
    color: var(--color-secondary)
}

body .analysis__hd .td-button {
    width: 96px;
    line-height: 23px
}

body .analysis__hd .analysis__result-txt {
    font-size: 14px;
    color: var(--color-default)
}

body .analysis__hd .analysis__result-txt > em {
    margin: 0 6px;
    color: #f29f33;
    font-weight: 700;
    font-style: normal
}

body .analysis__bd {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: 250px;
    padding-top: 20px;
    border-top: 1px solid var(--color-border);
    box-sizing: border-box
}

body .analysis__bd .analysis-detail {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 20px 0;
    color: var(--color-primary)
}

body .analysis__bd .analysis-detail:hover {
    color: var(--color-primary-hover)
}

body .analysis-list {
    flex: 1;
    width: 100%;
    min-height: 0;
    overflow-x: hidden
}

body .analysis-list:only-child {
    margin-bottom: 20px
}

body .analysis-list::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

body .analysis-list::-webkit-scrollbar:horizontal {
    height: 8px
}

body .analysis-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

body .analysis-list::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

body .analysis-list::-webkit-scrollbar-corner {
    background: transparent
}

body .analysis__item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer
}

body .analysis__item + .analysis__item {
    margin-top: 16px
}

body .analysis__item .icon-expand {
    color: var(--color-secondary);
    transform: rotate(-90deg);
    transition: transform .2s, opacity .3s linear;
    opacity: 1
}

body .analysis__item .icon-expand.is-hide {
    opacity: 0
}

body .analysis__item .icon-expand:before {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border: 6px dashed transparent;
    border-top-color: var(--color-secondary);
    border-radius: 3px 3px 0 0;
    vertical-align: 1px;
    content: ""
}

body .analysis__item .icon-wp {
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1px;
    margin-right: 8px;
    font-size: 0
}

body .analysis__item .title {
    flex-shrink: 0;
    color: var(--color-default);
    margin-right: 14px
}

body .analysis__item .msg {
    flex: 1;
    min-width: 0;
    margin-right: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #b3b3b3
}

body .analysis__item .result {
    min-width: 30px
}

body .analysis__item.is-expand .icon-expand {
    transform: rotate(0)
}

body .analysis__item.success .icon-wp {
    color: #20b276
}

body .analysis__item.success .icon-wp .xly-icon:before {
    content: "\E7B6"
}

body .analysis__item.success .result {
    color: #20b276
}

body .analysis__item.error .icon-wp {
    color: #ff4848
}

body .analysis__item.error .icon-wp .xly-icon:before {
    content: "\E7A5"
}

body .analysis__item.error .result {
    color: #ff4848
}

body .analysis__item.warn .icon-wp {
    color: #f29f33
}

body .analysis__item.warn .icon-wp .xly-icon:before {
    content: "\E647"
}

body .analysis__item.warn .result {
    color: #f29f33
}

body .analysis__item.loading .icon-wp {
    color: #69f;
    animation: iconLoad 1s linear infinite both
}

body .analysis__item.loading .icon-wp .xly-icon:before {
    content: "\E789"
}

@keyframes iconLoad {
    to {
        transform: rotate(1turn)
    }
}

body .analysis__item.loading .result {
    color: #69f
}

body .analysis__detail {
    padding: 10px 17px 16px
}

body .analysis__detail div {
    padding: 8px;
    line-height: 18px;
    border-radius: 4px;
    box-sizing: border-box
}

body .analysis__detail div, body .analysis__ft {
    color: #b3b3b3;
    background: var(--background-main)
}

body .analysis__ft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px;
    margin: 0 -18px -18px;
    line-height: 40px;
    border-radius: 0 0 4px 4px
}

body .analysis__ft .location {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

body .analysis__ft .analysis__help {
    flex-shrink: 0;
    color: var(--color-primary);
    margin-left: 5px
}

body .analysis__ft .analysis__help:hover {
    color: var(--color-primary-hover)
}

body .analysis-result-list {
    max-height: 288px;
    font-size: 11px;
    line-height: 15px;
    color: var(--color-default);
    overflow-x: hidden
}

body .analysis-result-list::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

body .analysis-result-list::-webkit-scrollbar:horizontal {
    height: 8px
}

body .analysis-result-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

body .analysis-result-list::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

body .analysis-result-list::-webkit-scrollbar-corner {
    background: transparent
}

body .analysis-result-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

body .analysis-result-item + .analysis-result-item {
    margin-top: 4px
}

body .analysis-result-item .txt {
    margin-right: 4px;
    min-width: 0;
    word-break: break-all
}

body .analysis-result-item .txt:last-child {
    flex: 1
}

body .analysis-result-oper {
    display: flex;
    margin-top: 30px
}

body .analysis-result-oper .td-button {
    width: 70px
}

body .analysis-result-oper .td-button + .td-button {
    margin-left: 12px
}

body .analysis-back {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    color: var(--color-primary)
}

body .analysis-back:hover {
    color: var(--color-primary-hover)
}

body .xly-dialog-share {
    width: 500px;
    padding: 0 18px 18px
}

body .xly-dialog-share h2 {
    padding: 18px 0;
    text-align: left
}

.xly-dialog-share__item {
    margin-bottom: 20px
}

.xly-dialog-share__box {
    display: flex;
    margin-bottom: 10px
}

.xly-dialog-share__box .td-input {
    flex: 1
}

.xly-dialog-share__box .td-input .td-input__inner {
    width: 100%;
    border-radius: 4px 0 0 4px
}

.xly-dialog-share__box .td-button {
    width: 72px;
    font-size: 12px;
    border-radius: 0 4px 4px 0
}

.xly-dialog-share__code {
    margin-left: 18px;
    color: var(--color-primary)
}

.xly-dialog-share__label {
    display: block;
    font-size: 13px;
    margin-bottom: 10px
}

body .xly-share-way {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    margin-top: 20px;
    border-top: 1px solid var(--color-border-form)
}

.xly-share-way__code {
    display: flex
}

.xly-share-way__title {
    font-size: 13px
}

.xly-share-way__inner {
    display: flex;
    align-items: center
}

.xly-share-way__image {
    margin: 0 12px;
    width: 72px;
    height: 72px;
    border: 2px solid #eee
}

.xly-share-way__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.xly-share-way__text {
    color: var(--color-secondary)
}

.xly-share-way__text em {
    color: var(--color-default);
    font-style: normal
}

.xly-share-way__icon {
    display: flex;
    margin-top: 12px
}

.xly-share-way__icon a {
    margin-right: 18px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: var(--background-main);
    border-radius: 50%
}

.xly-share-way__icon .xly-icon-qq {
    color: #3f85ff
}

.xly-share-way__icon .xly-icon-qzone {
    color: #ffb200
}

body .xly-dialog-help {
    width: 450px;
    padding: 0 18px 20px;
    height: 100%
}

body .xly-dialog-help h2 {
    padding: 22px 0 10px;
    text-align: left
}

.xly-dialog-help__carousel, .xly-dialog-help__carousel .td-carousel__container {
    height: 190px
}

.xly-dialog-help__carousel .td-carousel__indicators {
    position: relative
}

.xly-dialog-help__carousel .td-carousel__indicator {
    margin: 0 3px;
    height: 18px
}

.xly-dialog-help__carousel .td-carousel__indicator.is-active:after {
    width: 18px;
    background: var(--color-primary)
}

.xly-dialog-help__carousel .td-carousel__indicator:after {
    width: 4px;
    height: 4px;
    background: #ccc;
    border-radius: 2px
}

.xly-dialog-help__rule h3 {
    margin: 20px 0 6px;
    font-size: 12px;
    font-weight: 700
}

.xly-dialog-help__rule li {
    line-height: 20px;
    color: var(--color-auxiliary)
}

.td-dialog__header {
    -webkit-app-region: drag
}

body .xly-dialog-speed {
    width: 450px
}

body .xly-dialog-speed h2 {
    text-align: left
}

body .xly-dialog-speed .td-slider {
    width: 322px
}

body .xly-dialog-speed .td-slider.is-disabled .td-slider__button {
    background: var(--background-progress);
    box-shadow: 0 0 0 4px hsla(0, 0%, 70.2%, .5)
}

body .xly-dialog-speed .td-slider.is-disabled .td-slider__bar-inner {
    background: var(--background-progress)
}

body .xly-dialog-speed .td-slider__bar {
    height: 6px
}

body .xly-dialog-speed .td-slider__dot {
    display: none
}

body .xly-dialog-speed .td-slider__bar-inner {
    background: var(--color-primary)
}

body .xly-dialog-speed .td-slider__button {
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border: 0;
    box-shadow: 0 0 0 4px rgba(63, 133, 255, .5)
}

body .xly-dialog-speed .td-slider__button:active {
    background: #fff
}

body .xly-dialog-speed .td-select {
    margin-right: 6px
}

body .xly-dialog-speed .td-select-group {
    width: 60px
}

body .xly-dialog-speed .td-dropdown-menu {
    top: 32px;
    padding: 5px 0;
    max-height: 232px;
    overflow-y: auto
}

body .xly-dialog-speed .td-dropdown-menu .td-dropdown-menu__item {
    padding: 3px 0 4px 8px
}

.xly-dialog-speed__item {
    margin-bottom: 24px
}

.xly-dialog-speed__item--flex {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.xly-dialog-speed__item--flex .xly-dialog-speed__text {
    margin: 0 12px 0 0
}

.xly-dialog-speed__content {
    display: flex;
    align-items: center;
    margin-top: 18px
}

.xly-dialog-speed__input {
    position: relative;
    top: -15px;
    margin-left: 18px;
    width: 74px;
    display: flex;
    align-items: center
}

.xly-dialog-speed__input .td-input__inner {
    width: 42px;
    padding: 0;
    text-align: center
}

.xly-dialog-speed__text {
    margin-left: 6px
}

body .xly-dialog-speed .td-select .td-input__inner {
    padding: 0;
    width: 40px;
    text-align: center
}

.xly-dialog-speed__time {
    margin-top: 6px
}

body .xly-dialog-data {
    width: 450px;
    padding: 0 18px 15px
}

body .xly-dialog-data .td-dialog__header {
    min-height: 15px
}

.xly-dialog-data__speed {
    position: absolute;
    top: 5px;
    left: 238px
}

.xly-dialog-data__speed li {
    margin-bottom: 6px
}

.xly-dialog-data__speed em {
    font-style: normal
}

.xly-dialog-data__speed .xly-icon-download {
    color: var(--color-primary)
}

.xly-dialog-data__speed .xly-icon-upload {
    color: #38b878
}

body .xly-dialog-user {
    position: relative;
    padding-bottom: 15px
}

body .xly-dialog-user .td-avatar {
    width: 48px;
    height: 48px
}

.xly-dialog-user__info {
    display: flex
}

.xly-dialog-user__detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px
}

.xly-dialog-user__name {
    max-width: 10em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-dialog-user__name.is-vip {
    color: var(--color-danger)
}

.xly-dialog-user__icon {
    margin-top: 6px
}

body .xly-data h4 {
    margin: 12px 0 6px;
    font-size: 12px
}

body .xly-data i {
    position: absolute;
    left: 6px;
    top: 17px
}

body .xly-data .data {
    margin-bottom: 3px;
    font-size: 14px;
    color: var(--color-title)
}

.xly-data__main ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px
}

.xly-data__main li {
    position: relative;
    width: 130px;
    height: 72px;
    padding: 16px 0 0 28px;
    margin: 0 0 10px 12px;
    color: var(--color-secondary);
    border-radius: 4px;
    box-sizing: border-box
}

.xly-data__main li:nth-child(-n+3) {
    background: rgba(102, 153, 255, .1)
}

.xly-data__main li:nth-child(-n+3) i {
    color: #3f85ff
}

.xly-data__main li:nth-child(n+4) {
    background: rgba(0, 179, 105, .1)
}

.xly-data__main li:nth-child(n+4) i {
    color: #00b36a
}

.xly-data__other ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px
}

.xly-data__other li {
    position: relative;
    width: 130px;
    height: 72px;
    margin: 0 0 10px 12px;
    padding: 16px 0 0 28px;
    color: var(--color-secondary);
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid var(--color-border-form)
}

.xly-data__other li i {
    color: #3f85ff
}

.xly-data__other li .xly-icon-peak-upload {
    color: #00b36a
}

.xly-data__other--vip li i {
    color: #ff9c1a
}

.xly-data__other--vip li.is-disabled {
    opacity: .5
}

.xly-data__other-note {
    text-align: center;
    color: #4d4d4d;
    line-height: 72px;
    color: var(--color-secondary);
    border: 1px solid var(--color-border-form);
    border-radius: 4px;
    box-sizing: border-box
}

body .xly-dialog-time {
    display: block;
    padding: 0 18px 18px;
    width: 450px
}

body .xly-dialog-time h2 {
    text-align: left
}

body .xly-dialog-time .td-input__inner {
    padding: 0;
    width: 40px;
    text-align: center
}

body .xly-dialog-time .td-select-group {
    width: 120px
}

body .xly-dialog-time .td-button {
    width: 30px;
    margin-left: 12px
}

body .xly-dialog-time .xly-select {
    width: 120px
}

.xly-dialog-time__part {
    display: flex;
    align-items: center
}

.xly-dialog-time__text {
    margin: 0 8px
}

.xly-dialog-time__setting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.xly-dialog-time__result li {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.xly-dialog-time__result .xly-dialog-time__text {
    display: flex;
    padding: 0 12px;
    margin: 0;
    width: 372px;
    height: 30px;
    line-height: 30px;
    border: 1px solid var(--color-border-form);
    border-radius: 4px;
    box-sizing: border-box
}

body .xly-dialog-time .xly-icon-close {
    font-size: 24px
}

.xly-dialog-time__period {
    margin-right: 15px;
    width: 108px;
    color: var(--color-primary);
    white-space: nowrap
}

.xly-dialog-time__status {
    margin-left: 112px
}

body .xly-dialog-subtitle {
    padding: 0 18px 18px;
    width: 500px
}

body .xly-dialog-subtitle h2 {
    padding: 18px 0 10px
}

body .xly-dialog-subtitle .td-icon-load {
    color: #7da6ff
}

body .xly-dialog-subtitle .td-media {
    margin-bottom: 12px
}

body .xly-dialog-subtitle .td-media .title {
    font-size: 13px;
    color: var(--color-title);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

body .xly-dialog-subtitle .td-media .total {
    margin-top: 4px;
    color: var(--color-secondary)
}

body .xly-dialog-subtitle .td-icon-star:before {
    color: var(--color-border-form);
    content: "\E694"
}

body .xly-subtitle-search .td-table__text {
    padding: 0
}

body .xly-subtitle-search .td-input__inner {
    background: transparent
}

body .xly-subtitle-search .td-input__inner:focus {
    border-color: var(--color-primary)
}

body .xly-subtitle-search .td-input__inner:disabled {
    background: rgba(188, 195, 201, .2)
}

body .xly-subtitle-search .td-input__inner::placeholder {
    color: var(--color-primary-gray-1)
}

.xly-subtitle-search__name {
    display: -webkit-box;
    flex: 1;
    margin: 0 20px 0 10px;
    height: 28px;
    overflow: hidden;
    line-height: 30px;
    -webkit-line-clamp: 1;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    cursor: default
}

.xly-subtitle-search__column-1 {
    width: 16%
}

.xly-subtitle-search__column-2 {
    width: 20%;
    text-align: center
}

.xly-subtitle-search__column-3 {
    width: 20%
}

body .xly-subtitle-search .center {
    justify-content: center
}

.xly-subtitle-search__list {
    flex: 1;
    min-height: 0
}

.xly-subtitle-search__list .td-table {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
    overflow: hidden
}

.xly-subtitle-search__list .td-table th {
    height: 18px;
    color: var(--color-secondary)
}

.xly-subtitle-search__list .td-table th:first-child .td-table__text {
    padding-left: 10px
}

.xly-subtitle-search__list .td-table th:nth-child(2), .xly-subtitle-search__list .td-table th:nth-child(3), .xly-subtitle-search__list .td-table th:nth-child(4) {
    position: relative
}

.xly-subtitle-search__list .td-table th:nth-child(2):before, .xly-subtitle-search__list .td-table th:nth-child(3):before, .xly-subtitle-search__list .td-table th:nth-child(4):before {
    position: absolute;
    left: -12px;
    top: 5px;
    width: 1px;
    height: 10px;
    background: var(--color-border);
    content: ""
}

.xly-subtitle-search__list .td-table td {
    height: 28px
}

.xly-subtitle-search__list .td-table td i.xly-icon-loading {
    margin-left: 10px
}

.xly-subtitle-search__list .td-table tr:hover td {
    background: var(--color-list-hover)
}

.xly-subtitle-search__list .td-rate {
    justify-content: center
}

.xly-subtitle-search__list .td-table__header-wrapper {
    flex-shrink: 0
}

.xly-subtitle-search__list .td-table__body-wrapper {
    height: 160px;
    overflow-y: auto
}

.xly-subtitle-search__list .td-table__body-wrapper::-webkit-scrollbar {
    width: 6px;
    background: transparent
}

.xly-subtitle-search__list .td-table__body-wrapper::-webkit-scrollbar:horizontal {
    height: 6px
}

.xly-subtitle-search__list .td-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

.xly-subtitle-search__list .td-table__body-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-subtitle-search__list .td-table__body-wrapper::-webkit-scrollbar-corner {
    background: transparent
}

.xly-subtitle-search__list .td-table__body-wrapper::-webkit-scrollbar-thumb {
    border-right: 0
}

.xly-subtitle-search__link {
    color: var(--color-primary)
}

.xly-subtitle-search__link:hover {
    color: var(--color-hover)
}

.xly-subtitle-search__link.is-failed {
    color: var(--color-danger)
}

.xly-subtitle-search__form {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin: 8px 0 12px
}

.xly-subtitle-search__form .xly-subtitle-search__left {
    flex: 1
}

.xly-subtitle-search__form .td-input {
    flex: 1;
    margin-right: 12px
}

.xly-subtitle-search__form .td-input__inner {
    width: 100%
}

.xly-subtitle-search__form .td-button {
    width: 72px
}

.xly-subtitle-search__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    border: 1px solid var(--input-border-color);
    border-radius: 4px
}

.xly-subtitle-search__empty .xly-icon-note {
    margin-right: 6px;
    color: var(--color-danger)
}

.xly-subtitle-search__empty .xly-icon-loading {
    margin-right: 6px
}

.xly-subtitle-search__access {
    display: inline-block;
    margin: 6px 0 0;
    color: var(--color-primary)
}

.xly-subtitle-search__access:hover {
    color: var(--color-hover)
}

body .td-table--hover tbody tr:hover {
    background: rgba(125, 166, 255, .12)
}

body .xly-subtitle-search__tips {
    display: flex
}

body .xly-subtitle-search__tips p {
    text-align: center
}

body .xly-subtitle-search__tips.is-warn {
    color: var(--color-danger)
}

body .xly-subtitle-search .xly-subtitle-search__empty .xly-subtitle-search__tips a {
    color: #4b87ff
}

body .xly-subtitle-search .xly-subtitle-search__empty .xly-subtitle-search__tips a:hover {
    color: #69f
}

body .xly-dialog-repeat {
    padding: 1px 18px 18px;
    width: 450px;
    height: 100%
}

body .xly-dialog-repeat h2 {
    text-align: left;
    padding: 18px 0 10px
}

body .xly-dialog-repeat h2 i {
    color: #ff9700
}

body .xly-dialog-repeat .td-media {
    margin: 20px 0 30px;
    font-size: 13px
}

.xly-dialog-repeat__list {
    height: 104px;
    overflow: auto;
    padding: 10px;
    line-height: 1.8;
    border: 1px solid var(--input-border-color);
    border-radius: 4px;
    box-sizing: border-box
}

.xly-dialog-repeat__list::-webkit-scrollbar {
    width: 6px;
    background: transparent
}

.xly-dialog-repeat__list::-webkit-scrollbar:horizontal {
    height: 6px
}

.xly-dialog-repeat__list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 6px;
    background: var(--color-scrollbar)
}

.xly-dialog-repeat__list::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-dialog-repeat__list::-webkit-scrollbar-corner {
    background: transparent
}

.xly-dialog-repeat__list.is-nowrap {
    height: 165px;
    margin-top: 5px;
    white-space: nowrap
}

.xly-dialog-repeat__operate {
    margin-top: 18px
}

.xly-dialog-repeat__operate .td-button {
    display: block;
    width: 100%;
    font-size: 13px;
    margin-bottom: 12px
}

.xly-dialog-repeat__operate .td-button i {
    margin-right: 6px
}

.xly-dialog-repeat__text {
    margin: -6px 0 13px
}

body .xly-dialog-repeat .xly-icon-skip {
    color: #38b878
}

body .xly-dialog-repeat .xly-icon-replace {
    color: #ff9700
}

body .xly-dialog-repeat .xly-icon-close-small {
    color: var(--color-secondary)
}

body .xly-dialog-secret {
    width: 450px;
    padding: 0 18px 18px
}

body .xly-dialog-secret h2 {
    text-align: left
}

body .xly-dialog-secret .td-select, body .xly-dialog-secret .xly-dialog-site {
    margin: 0
}

body .xly-dialog-secret .td-select {
    margin-bottom: 12px
}

.xly-dialog-secret__item {
    position: relative;
    display: flex;
    margin-bottom: 12px
}

.xly-dialog-secret__item .td-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.xly-dialog-secret__item .td-input .td-input__label {
    margin-right: 6px
}

.xly-dialog-secret__item .td-input .td-input__inner {
    flex: 1
}

.xly-dialog-secret__tips {
    margin-bottom: 24px
}

.xly-dialog-secret__code {
    display: flex;
    align-items: center;
    position: absolute;
    top: 2px;
    right: 12px;
    line-height: 26px;
    color: var(--color-primary);
    cursor: pointer
}

.xly-dialog-secret__code .xly-line {
    margin-right: 12px
}

.xly-dialog-secret__verify .td-input, .xly-dialog-secret__verify .td-input__inner {
    width: 100%
}

body .xly-dialog-browser {
    width: 560px;
    padding: 0 20px 20px
}

body .xly-dialog-browser .td-tabs__title {
    justify-content: center;
    align-items: flex-start;
    border: 0
}

body .xly-dialog-browser .td-tabs__item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 123px;
    height: auto;
    color: #999
}

body .xly-dialog-browser .td-tabs__item > span {
    margin-top: 9px;
    line-height: 15px
}

body .xly-dialog-browser .td-tabs__item.is-active {
    border: 0
}

body .xly-dialog-browser .td-tabs__item.is-active:after {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border-color: transparent transparent #e1e1e1;
    border-style: dashed;
    border-width: 7px 6px;
    content: "";
    left: 50%;
    bottom: -6px;
    margin-left: -5px
}

body .xly-dialog-browser .icon-browser {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    background-image: url(data:image/png;base64,[encoded data, 24016 characters]);
    background-repeat: no-repeat;
    background-size: 108px 36px
}

body .xly-dialog-browser .icon-browser.icon-browser--360 {
    background-position: 0 0
}

body .xly-dialog-browser .icon-browser.icon-browser--sg {
    background-position: -72px 0
}

body .xly-dialog-browser .icon-browser.icon-browser--qq {
    background-position: -36px 0
}

body .xly-dialog-browser .td-tabs__content {
    padding: 0;
    margin-top: 6px;
    border-radius: 4px 4px 0 0;
    background-color: #f2f2f2
}

body .xly-dialog-browser .browser-operation-wp {
    padding: 18px 20px 12px;
    border-radius: 0 0 4px 4px;
    text-align: center
}

body .xly-dialog-browser .td-tabs__pane img {
    width: 530px;
    vertical-align: top
}

.xly-dialog-browser__button {
    margin-top: 12px;
    text-align: center
}

.xly-dialog-browser__button .td-button {
    margin: 0 auto;
    width: 168px;
    font-size: 14px
}

.xly-dialog-browser__button p {
    margin-top: 6px;
    color: var(--color-secondary)
}

body .xly-dialog-login {
    width: 450px;
    padding: 0 18px 18px
}

body .xly-dialog-login h2 {
    text-align: left
}

.xly-dialog-login__item {
    position: relative;
    display: flex;
    margin-bottom: 12px
}

.xly-dialog-login__item .td-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.xly-dialog-login__item .td-input .td-input__label {
    margin-right: 6px;
    width: 50px
}

.xly-dialog-login__item .td-input .td-input__inner {
    flex: 1;
    width: 100%
}

.xly-dialog-login__item .td-input, .xly-dialog-login__item .td-input__inner {
    width: 100%
}

.xly-dialog-login__tips {
    margin-bottom: 24px
}

body .xly-dialog-support {
    width: 450px;
    padding: 0 18px 18px
}

body .xly-dialog-support h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 12px
}

body .xly-dialog-support .xly-dialog__footer {
    display: block;
    text-align: center
}

body .xly-dialog-support .xly-dialog__footer .td-button {
    display: block;
    margin: 0 auto;
    width: 240px;
    height: 40px;
    border-radius: 20px
}

body .xly-dialog-support .xly-dialog__footer p {
    margin-top: 8px;
    font-size: 11px;
    color: var(--color-auxiliary)
}

body .xly-dialog-support .td-dialog__footer {
    margin-top: 6px
}

.xly-dialog-support__link {
    position: absolute;
    top: 6px;
    right: 40px;
    color: var(--color-secondary);
    transition: color .3s;
    -webkit-app-region: no-drag
}

.xly-dialog-support__link:hover {
    color: var(--color-default)
}

.xly-dialog-support__link:after {
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -4px;
    width: 1px;
    height: 8px;
    background: var(--color-border-form);
    content: ""
}

.xly-dialog-support__help {
    position: absolute;
    top: 7px;
    right: 30px;
    line-height: 16px;
    cursor: pointer
}

.xly-dialog-support__help i {
    color: grey;
    height: 16px;
    cursor: pointer
}

.xly-dialog-support__help i:hover {
    color: var(--color-primary)
}

.xly-dialog-support__help .td-tooltip {
    top: 2px;
    right: calc(100% + 2px)
}

.xly-dialog-support__help .td-poper__arrow {
    display: none
}

.xly-dialog-support__carousel .td-carousel__container {
    height: 190px
}

.xly-dialog-support__carousel .td-carousel__indicators {
    position: relative
}

.xly-dialog-support__carousel .td-carousel__indicator {
    margin: 0 3px;
    height: 18px
}

.xly-dialog-support__carousel .td-carousel__indicator.is-active:after {
    width: 18px;
    background: var(--color-primary)
}

.xly-dialog-support__carousel .td-carousel__indicator:after {
    width: 4px;
    height: 4px;
    background: #ccc;
    border-radius: 2px
}

.xly-dialog-support__list {
    margin-top: 12px
}

.xly-dialog-support__item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.xly-dialog-support__item:last-child {
    margin-bottom: 10px
}

.xly-dialog-support__item .td-button {
    position: absolute;
    right: 0;
    font-size: 12px
}

.xly-dialog-support__item .xly-icon-default {
    margin-left: 6px;
    color: #38b878
}

.xly-dialog-support__name {
    font-size: 13px;
    color: var(--color-title)
}

.xly-dialog-support__text {
    position: relative;
    top: 1px;
    margin-left: 6px;
    color: var(--color-auxiliary);
    font-size: 11px
}

[class^=xly-img-icon-] {
    margin-right: 6px;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,[encoded data, 5424 characters]) no-repeat;
    background-size: 150px auto
}

.xly-img-icon-edge {
    background-position: -5px -5px
}

.xly-img-icon-qq {
    background-position: -35px -5px
}

.xly-img-icon-chrome {
    background-position: -65px -5px
}

.xly-img-icon-360js {
    background-position: -95px -5px
}

.xly-img-icon-360 {
    background-position: -125px -5px
}

.msg-dialog-message {
    position: relative;
    width: 300px;
    height: 100px;
    background: var(--background-module)
}

.msg-dialog-message h2 {
    padding: 10px 10px 0;
    font-size: 12px
}

.msg-dialog-message .td-media {
    margin-top: 5px;
    padding: 0 10px;
    height: 50px;
    cursor: pointer
}

.msg-dialog-message .td-media:hover {
    background: var(--background-main)
}

.msg-dialog-message .td-media__object {
    width: 36px;
    height: 36px
}

.msg-dialog-message .td-media__content {
    width: unset;
    flex: 1;
    overflow: hidden
}

.msg-dialog-message .td-avatar {
    margin-right: 12px
}

.msg-dialog-message__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    color: var(--color-secondary)
}

.msg-dialog-message__close:hover {
    color: #fff;
    background: var(--color-danger)
}

.msg-dialog-message__title {
    font-size: 13px
}

.msg-dialog-message__text, .msg-dialog-message__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.msg-dialog-message__text {
    margin-top: 4px;
    color: var(--color-secondary)
}

.msg-dialog-message__text a {
    color: var(--color-danger)
}

.msg-pop-message {
    padding: 0 0 6px;
    width: 160px;
    background: var(--background-module);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    box-sizing: border-box
}

.msg-pop-message__header {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.msg-pop-message h2 {
    font-size: 12px
}

.msg-pop-message__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 30px;
    cursor: pointer
}

.msg-pop-message__item:hover {
    background: var(--color-list-hover)
}

.msg-pop-message .td-media__object {
    width: 24px;
    height: 24px
}

.msg-pop-message .td-media__object .td-avatar {
    width: 100%;
    height: 100%
}

.msg-pop-message .td-media__content {
    margin-left: 6px;
    width: unset;
    flex: 1;
    overflow: hidden
}

.msg-pop-message__user-name {
    max-width: 7em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.msg-pop-message__number {
    padding: 0 4px;
    line-height: 12px;
    height: 12px;
    font-size: 10px;
    color: #fff;
    background: var(--color-danger);
    border-radius: 6px
}

.msg-pop-message__more {
    padding: 0 10px;
    line-height: 30px
}

.msg-pop-message__more a {
    color: var(--color-primary)
}

.xly-dialog-skin {
    padding: 0 18px 25px;
    width: 450px
}

.xly-dialog-skin h2 {
    padding: 18px 0 25px;
    text-align: left
}

.xly-skin-list ul {
    display: grid;
    gap: 12px 18px;
    grid-template-columns: 1fr 1fr 1fr
}

.xly-skin-list__item {
    margin: 0 2px;
    flex: 1;
    cursor: pointer
}

.xly-skin-list__item p {
    margin-top: 6px;
    text-align: center
}

.xly-skin-list__item:last-child {
    cursor: default
}

.xly-skin-list__item.is-chosen .xly-skin-list__image {
    border: 2px solid var(--color-primary)
}

.xly-skin-list__item.is-chosen .xly-skin-list__image:before {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 20px;
    height: 20px;
    background: var(--color-primary);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    content: ""
}

.xly-skin-list__item.is-chosen .xly-skin-list__image:after {
    position: absolute;
    right: 2px;
    bottom: 3px;
    width: 6px;
    height: 3px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-50deg);
    content: ""
}

.xly-skin-list__image {
    position: relative;
    display: flex;
    height: 70px;
    border: 1px solid var(--color-border-form);
    box-sizing: border-box
}

.xly-skin-list__image i {
    margin: auto;
    color: var(--color-icon);
    opacity: .4
}

.xly-skin-list__image img {
    width: 100%;
    height: 100%
}

.xly-dialog-about {
    padding: 3px 18px 18px
}

.dialog_item[data-v-69ad46c4] {
    position: relative;
    margin-bottom: 20px
}

#boxid {
    position: fixed;
    top: -15px;
    right: 0;
    bottom: 0;
    left: -2px;
    z-index: 1;
    border: 0
}

.xly-dialog-imgdlg {
    padding-left: 0
}

.td-dialog.xlx-dialog-imgdlg .td-dialog__close {
    background: transparent
}

.td-dialog.xlx-dialog-imgdlg .td-dialog__close .td-icon-close:after, .td-dialog.xlx-dialog-imgdlg .td-dialog__close .td-icon-close:before {
    background-color: #fff
}

.xlx-dialog-http-auth__tips[data-v-12995ddd] {
    color: #999
}

.xlx-dialog-http-auth__label[data-v-12995ddd] {
    width: 54px
}

.xly-dialog-help[data-v-e2447990] {
    padding: 0 18px 24px
}

.td-dialog__close[data-v-7d63a43a] {
    position: fixed;
    z-index: 1000
}

.noPullDown .td-select__drop {
    display: none
}