.xly-client {
    height: 100vh;
    display: flex;
    background: linear-gradient(90deg, var(--color-start) 100px, transparent 0)
}

.xly-client__aside {
    width: 100px;
    height: 100%
}

.xly-client__main {
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
    height: 100%;
    background: var(--background-main)
}

.xly-client__header {
    display: flex;
    align-items: center;
    margin-top: 2px;
    padding-bottom: 2px;
    height: 40px;
    background: var(--background-area);
    border-bottom: 1px solid var(--color-border);
    box-sizing: border-box
}

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

.xly-client__page {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.xly-client__page.is-show {
    opacity: 1;
    pointer-events: visible
}

.xly-client__back {
    display: flex;
    align-items: center;
    margin-left: 24px;
    cursor: pointer
}

.xly-client__back i {
    margin-right: 6px
}

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

.xly-client-operate {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 6px;
    user-select: none
}

.xly-client-operate .td-badge {
    display: flex;
    align-items: center;
    height: 30px
}

.xly-client-operate .td-badge.td-badge--dot .td-badge__content {
    top: 7px;
    right: 7px;
    height: 6px;
    width: 6px;
    padding: 0
}

.xly-client-operate .td-badge__content {
    top: 6px;
    right: 13px;
    height: 12px;
    padding: 0 3px;
    line-height: 12px;
    font-size: 10px
}

.xly-client-operate a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.xly-client-operate a i {
    color: var(--color-icon);
    opacity: var(--icon-opacity)
}

.xly-client-operate a .xly-icon-close {
    position: relative
}

.xly-client-operate a .xly-icon-close:after {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 36px;
    height: 36px;
    content: ""
}

.xly-client-operate a:hover i {
    background: var(--background-icon-hover);
    border-radius: 3px
}

.xly-client-operate a:hover i.xly-icon-close {
    color: #fff;
    background: var(--color-danger);
    opacity: 1
}

.xly-client-operate i {
    font-size: 30px
}

.xly-client-side {
    display: flex;
    flex-direction: column;
    width: 380px;
    height: 100%;
    background: var(--background-area)
}

.xly-down {
    display: flex;
    height: calc(100vh - 42px)
}

.xly-down__main {
    height: 100%;
    flex: 1;
    background: var(--background-main);
    overflow-y: scroll
}

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

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

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

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

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

.xly-netdisk {
    display: flex;
    height: 100%
}

.xly-netdisk__main {
    height: 100%;
    flex: 1;
    background: var(--background-main);
    overflow: auto
}

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

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

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

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

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

.xly-preview {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 43.53vh;
    background-color: #000;
    background-image: url(data:image/png;base64,[encoded data, 116008 characters]);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.xly-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.xly-preview .td-button {
    width: 114px
}

.xly-preview__text {
    margin-bottom: 12px;
    color: #fff
}

.xly-preview__play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -20px 0 0 -61px;
    width: 122px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    background: var(--color-primary);
    border-radius: 4px;
    cursor: pointer;
    transition: background .2s;
    overflow: hidden
}

.xly-preview__play.is-animation:before {
    animation: round .5s linear both
}

.xly-preview__play.is-animation .xly-icon-play-detail {
    animation: iconMove .3s .4s both
}

.xly-preview__play.is-animation span.text-1 {
    animation: fadeIn .2s .7s both
}

.xly-preview__play.is-animation span.text-2 {
    animation: fadeIn .2s .75s both
}

.xly-preview__play.is-animation span.text-3 {
    animation: fadeIn .2s .8s both
}

.xly-preview__play.is-animation span.text-4 {
    animation: fadeIn .2s .85s both
}

.xly-preview__play.is-animation .line:after, .xly-preview__play.is-animation .line:before {
    position: absolute;
    height: 2px;
    background: #fff;
    content: ""
}

.xly-preview__play.is-animation .line:before {
    top: 15px;
    left: 43px;
    width: 12px;
    animation: line1 .5s cubic-bezier(.23, 1, .32, 1) .4s both
}

.xly-preview__play.is-animation .line:after {
    top: 25px;
    left: 72px;
    animation: line2 .5s cubic-bezier(.23, 1, .32, 1) .6s both
}

.xly-preview__play:before {
    position: absolute;
    width: 122px;
    height: 122px;
    background: hsla(0, 0%, 100%, .1);
    content: "";
    border-radius: 50%;
    transform: scale(0);
    pointer-events: none
}

.xly-preview__play:hover {
    background: var(--color-hover)
}

.xly-preview__play .xly-icon-play-detail {
    margin-right: 8px;
    color: #fff;
    font-size: 16px
}

.xly-preview__button {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.xly-preview__button .td-button {
    width: 114px
}

.xly-preview__text {
    position: absolute;
    top: 50%;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.xly-preview__text .td-icon-close {
    margin-left: 6px;
    opacity: .7;
    transition: opacity .3s;
    cursor: pointer
}

.xly-preview__text .td-icon-close:hover {
    opacity: 1
}

.xly-preview__img {
    margin-right: 8px;
    width: 70px;
    height: 35px;
    background: url(data:image/png;base64,[encoded data, 29972 characters]) no-repeat;
    background-size: 100% auto
}

.xly-preview .xly-preview__loading, .xly-preview .xly-preview__reading {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff
}

.xly-preview__loading p, .xly-preview__reading p {
    margin-top: 6px
}

.xly-preview.is-vip .xly-preview__loading {
    color: #edd59f
}

.xly-preview.is-vip .img-icon-loading {
    margin-top: 6px;
    background: url(data:image/png;base64,[encoded data, 53296 characters]) no-repeat;
    background-size: 1536px 48px;
    animation: ani 1.5s steps(31) infinite both
}

.xly-preview__progress {
    position: relative;
    display: block;
    margin: 8px auto 0;
    width: 156px;
    height: 1px;
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg, #000 80%, transparent)
}

.xly-preview__progress:after {
    position: absolute;
    width: 156px;
    height: 1px;
    background: linear-gradient(90deg, transparent 0, #edd59f 40%, #edd59f 60%, transparent);
    animation: progress 1.5s linear infinite;
    content: ""
}

.xly-preview.is-picture {
    background: url(data:image/png;base64,[encoded data, 86668 characters]);
    cursor: zoom-in
}

.xly-preview.is-picture-recycle {
    background-image: url(data:image/png;base64,[encoded data, 86668 characters])
}

.xly-preview.is-music {
    background-image: url(../imgs/bg-music--resoure.png)
}

.xly-client-title {
    display: flex;
    align-items: center;
    margin-left: 12px
}

.xly-client-title a {
    padding: 0 4px;
    color: var(--color-secondary)
}

.xly-client-title a:hover {
    color: var(--color-default)
}

.xly-client-title a.is-disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

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"
}

.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-search {
    display: flex;
    align-items: center;
    user-select: none;
    width: auto
}

body .xly-search .td-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 84px;
    height: 30px;
    font-size: 13px;
    border-radius: 15px;
    box-sizing: border-box
}

body .xly-search .td-button--secondary {
    color: var(--color-default);
    background: unset;
    border: 1px solid var(--color-border)
}

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

body .xly-search .td-button--secondary:active {
    background: var(--color-item-active);
    border-color: var(--color-border-active)
}


@keyframes moveUp {
    0% {
        transform: translateY(18px);
        opacity: 0
    }
    40% {
        transform: translateY(0);
        opacity: 1
    }
    70%, to {
        transform: translateY(-22px);
        opacity: 0
    }
}

@keyframes moveDown {
    0% {
        transform: translateY(-22px);
        opacity: 0
    }
    40% {
        transform: translateY(0);
        opacity: 1
    }
    70%, to {
        transform: translateY(18px);
        opacity: 0
    }
}

.xly-aside {
    margin-top: 2px;
    padding: 60px 0 30px;
    width: 100px;
    height: calc(100vh - 2px);
    background-image: var(--background-aside);
    box-sizing: border-box
}

.xly-aside, .xly-aside__button {
    position: relative
}

.xly-aside__button:hover .xly-aside__banner {
    display: block
}

.xly-aside__banner {
    display: none;
    left: 100px;
    top: 81px;
    position: fixed;
    width: 240px;
    height: 135px;
    box-shadow: 0 0 10px var(--color-shadow);
    z-index: 10;
    cursor: pointer
}

.xly-aside__banner img {
    width: 100%
}

.xly-aside__banner:before {
    position: absolute;
    top: 0;
    left: -25px;
    width: 25px;
    height: 100%;
    content: "";
    cursor: default
}

.xly-aside-nav {
    position: relative;
    user-select: none
}

.xly-aside-nav__item {
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 42px;
    color: hsla(0, 0%, 100%, .6);
    font-size: 13px;
    transition: color .2s;
    cursor: pointer
}

.xly-aside-nav__item:hover {
    color: #fff
}

.xly-aside-nav__item i {
    position: relative;
    margin-right: 5px;
    font-size: 24px;
    line-height: 1
}

.xly-aside-nav__item i b {
    position: absolute;
    left: 3px;
    bottom: 6px;
    width: 15px;
    text-align: center;
    color: var(--color-start);
    font-size: 11px;
    font-family: dincond
}

.xly-aside-nav__item .xly-img-more {
    position: absolute;
    left: 58px;
    width: 16px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAGAAAAAA915G0AAABuUlEQVRIDcVWzUrDQBCe2TY3fYHiQejFVxFB8S5Ui2ehZytG6GOU1oN3Uai+ihfBg/gC9RaT9ZtJt21sWhK6iQtJ9md2vpns7MzHtKHZ8HKPfqITsnQEsTYxtdDf2bCFIPMNmS/IvKM/oWbwxOHwc90ezluwYbdFUXyHtQs8jTyZEnMxZMcUNG45HIlhmbZigO13j8kmD0R2NyO59YCnxOaMB6PnZVVmeWBvOldEyaN/cEERh5LHFGOBOv8D6rmAW5sxaiHqqcecEJlT9yfUgPTMk7dqPM8zHMcRmAOJidRbDTjfZ54H7OaAlQY5sV61KPrA0rbR7rQX/cYUBPtG73n94GJkQ7DNLMkUtdqvHBJcExrbG7UO7rPL/fN0XHY+q8WN2kbTqxvW/UVqr/bOF3BIYmAlPxfY50cE2GyvOy/QduhHY2ktrxIDk9LbfG0AtpF6DX1SMutusWCbGVkY140OvLFgp7cAZAFUZlqfEVKMBBN1UV7KVEAWSEulzFTYBEOIyYwdzfOA1me2vUqNUHDbc1xA3JwTEufzv1IytUg4G8gC+kM8Pm6H6BgqAfnDBxVPXutaHbT8F+xWmNAhoJrQAAAAAElFTkSuQmCC);
    background-size: 100%;
    z-index: 1
}

.xly-aside-nav__item span {
    line-height: 24px
}

.xly-aside-nav__item .td-badge {
    display: flex;
    align-items: center
}

.xly-aside-nav__item .td-badge .td-badge__content {
    padding: 0 4px;
    top: 6px;
    left: 57px;
    right: unset;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    transform: unset;
    overflow: hidden
}

.xly-aside-nav__item .td-badge.td-badge--dot .td-badge__content {
    padding: 0;
    top: 2px;
    right: -4px;
    width: 5px;
    height: 5px
}

.xly-aside-nav__item .xly-aside-nav__number {
    display: none
}

.xly-aside-nav__item.is-active {
    color: #fff;
    background: hsla(0, 0%, 100%, .2)
}

.xly-aside-nav__item.is-visited .xly-icon-nav-find:before {
    content: "\E6A5"
}

.xly-aside-nav__item.is-visited b {
    display: block
}

.xly-aside-nav__item.is-visited.is-active .xly-icon-nav-find:before {
    content: "\E74D"
}

.xly-aside-nav__item.is-visited.is-active b {
    display: none
}

.xly-aside-tooltip {
    position: absolute;
    top: 42px;
    left: 108px;
    display: flex;
    align-items: center;
    padding: 0 6px 0 12px;
    height: 40px;
    color: #fff;
    white-space: nowrap;
    background: var(--color-primary);
    border-radius: 4px;
    z-index: 99
}

.xly-aside-tooltip .td-icon-close {
    margin-left: 6px;
    opacity: .8;
    cursor: pointer
}

.xly-aside-tooltip:before {
    position: absolute;
    left: -4px;
    width: 8px;
    height: 8px;
    background: var(--color-primary);
    transform: rotate(-45deg);
    content: ""
}

.xly-aside-tooltip:after {
    position: absolute;
    top: -26px;
    left: 0;
    width: 70px;
    height: 35px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABGCAMAAAApbYzeAAACYVBMVEUAAAAAcP0AfP0AYv0AefwAif0Ad/0AnP4Aov4AcPwAgv0AevwAe/wAevwAgf0Ag/4AevwAev0AUP4Aa/wAdfwAjvoAe/0AjPkA2P0AefsAefsAc/4AavsAiP0AeP4Axf0Aaf0AjvwAe/0AlvoAjPwAmP0Ai/wAffwAbfsAeP0AsP8Ar/gAi/0ArfkAj/kAkvwAc/sAc/8AkfsAbPoAtfsAq/kAkPkAXf4AcvoApvsAofkAt/kAVvwAj/gAlvsSiOoAefoAevv///8AdPoAevoAefwAjfkAAAAAd/oAe/sAjPkAbvoAcPoAavoAePoAgPoAiPoAg/oAhfoAcvoAfvoAc/sAZ/sAZfsAY/oAcf8AdP8AffoAd//+swD5wAAAbPoAhvr8ugAAUPsAbP//zAAAlfoAifgAofkARvsAePsAdfkAm/oAff8Ap/kAS/vk8//Y7P8AXvsAef8Pg/t4uf5HpPz39/cMDA0AdvtVVVTV0c1/f38AevkMefD/wwDK4/4qgtKk0v7///bj4uIbHB7N7v/67d0ZFxKPxf7ToSuv1/6+pD/4tANAhbyCnXkxk/v0+v9drP2cy/232/4GefsOfvsdhfuampopKStdXVw+mvzv7++qqqp0dHSTkZD7///t5t1DNwD//gAAiP8Agv/goh6bnmPGsjTivBkXfuYojvs3kvtpsP0Qjvpmt/43NzdHR0pmZWf/9QC73f0Ag/dRiK2Jk3Wsq1B0m4pflJrFtDW9vb3HvLG65//u2sZ/wv5bTACFcQC/rABUQwCtmgC0ogAAi/kAjfgAjPkAbPrrvxFOGljeAAAAlXRSTlMAKjdVcApiSwOQMKPbxBkU501LdL2Hf/IYrvEjhqdCUk2dzmN4JMK195ox/FrF4UjRrZburNnXwOhD9pbv6FPs/////////////////////////////////////////////////////////////////////////////////////////////////////////////////YVSJNIAAAcQSURBVGje7Zn1d9NQFMeDU9zd3d3lnOTlQVOaZIyUJhXoYAIpNsYGA4a7u7u7u/v6b3HvSx9r4RfOSDt+2GfLfTvLOcu31959mVBLLVmiU8+e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) no-repeat;
    background-size: 100% auto;
    content: ""
}

.xly-aside-personal {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 160px;
    user-select: none
}

.xly-aside-personal .td-avatar {
    width: 48px;
    height: 48px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #fff
}

.xly-aside-personal .td-avatar i {
    margin-top: 5px;
    color: var(--color-primary);
    font-size: 32px
}

.xly-aside-personal .td-button {
    margin-top: 16px;
    width: auto;
    padding: 0 6px;
    min-width: 60px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #916146;
    background: #ffecbf
}

.xly-aside-personal .td-button:hover {
    background: #fdf7e7
}

.xly-aside-personal .td-button.td-button--secondary {
    margin-top: 22px;
    color: var(--color-primary);
    background: var(--color-item-active)
}

.xly-aside-personal .td-button.td-button--secondary:hover {
    background: var(--background-area)
}

.xly-aside-personal .td-button.is-animation {
    animation: buttonAni 1.5s 2 both
}

@keyframes buttonAni {
    0%, 20%, 40%, to {
        transform: scale(1) perspective(1px)
    }
    10%, 30% {
        transform: scale(1.09) perspective(1px)
    }
}

.xly-aside-personal .td-badge__content {
    top: 2px;
    right: 0;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    background: #fc5c3a;
    transform: unset
}

.xly-aside-personal .td-badge__content:after {
    right: 4px;
    bottom: -3px;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    content: "";
    border-color: #fc5c3a transparent transparent #fc5c3a;
    border-style: dashed;
    border-width: 2px 4px
}

.xly-aside-personal__icon {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -8px;
    margin-bottom: 6px;
    z-index: 1
}

.xly-aside-personal__icon i {
    margin: 0 2px
}

.xly-aside-personal__user {
    max-width: 80px;
    margin: 0 0 6px;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-aside-personal__user.is-vip {
    color: #ffecbf
}

.xly-aside-operate {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    user-select: none
}

.xly-aside-operate.is-show {
    height: 250px
}

.xly-aside-operate a {
    margin: 15px 0 0;
    height: 24px;
    line-height: 24px;
    color: hsla(0, 0%, 100%, .6);
    transition: color .2s
}

.xly-aside-operate a i {
    font-size: 24px
}

.xly-aside-operate a:hover {
    color: #fff
}

.xly-aside-operate a img {
    width: 24px
}

.xly-aside-operate__box {
    position: relative
}

.xly-aside-operate__box > a {
    display: block;
    margin: 0
}

.xly-aside-operate__box:hover .xly-aside-operate__ad {
    opacity: 1;
    transform: scale(1);
    cursor: pointer
}

.xly-aside-operate__ad {
    position: absolute;
    bottom: 28px;
    left: 50%;
    margin-left: -36px;
    transform-origin: center bottom;
    width: 72px;
    opacity: 0;
    transform: scale(0);
    transition: .5s
}

.xly-aside-operate__ad:after {
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 20px;
    content: ""
}

.xly-aside-operate__ad img {
    display: block;
    width: 100%
}

.xly-aside-operate__ad.is-show {
    animation: aniShow .4s both
}

@keyframes aniShow {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.xly-aside-operate__ad.is-hide {
    animation: aniHide .4s both;
    pointer-events: none
}

@keyframes aniHide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(0);
        opacity: 0
    }
}

.xly-aside-operate__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .2);
    cursor: pointer
}

.xly-aside-operate__close .td-icon-close {
    font-size: 12px
}

.xly-file-list {
    position: relative;
    margin-top: 12px;
    background: var(--background-area);
    border-radius: 4px
}

.xly-file-list.is-single .td-table__header tr th:first-child .td-table__text {
    padding-left: 4px
}

.xly-file-list.is-single .td-tree-node__expand-icon {
    display: none
}

.xly-file-list.is-single .td-table-tree .td-table__footer .td-checkbox {
    margin-left: 0
}

.xly-file-list.is-compression .td-checkbox__inner {
    display: none
}

.xly-file-list .xly-icon-type.is-secret {
    position: relative
}

.xly-file-list .xly-icon-type.is-secret:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background-main);
    opacity: .5;
    content: ""
}

.xly-file-list .xly-icon-type.is-secret:after {
    position: relative;
    line-height: 35px;
    font-size: 30px;
    vertical-align: top;
    color: var(--color-default);
    content: "\E7E7";
    z-index: 1
}

.xly-file-list .td-table {
    margin: 0 6px 0 12px;
    width: unset
}

.xly-file-list .td-table__header .td-tree-node__expand-icon {
    margin: 0 2px 0 0
}

.xly-file-list .td-table__text {
    padding: 0
}

.xly-file-list .td-tree-node__expand-icon {
    margin-right: -6px;
    color: var(--color-secondary)
}

.xly-file-list .td-tree-node__image-icon {
    margin: 0
}

.xly-file-list .td-table, .xly-file-list .td-table__footer-wrapper {
    background: unset;
    border: unset
}

.xly-file-list .td-table-tree .td-table__footer .td-checkbox {
    margin-left: 10px
}

.xly-file-list .td-table td, .xly-file-list .td-table th {
    height: 30px;
    border: unset
}

.xly-file-list .td-tree-node__label {
    display: inline;
    max-width: unset;
    white-space: unset;
    cursor: default;
    user-select: none
}

.xly-file-list .td-tree-node .td-tree-node__image-icon i.is-active, .xly-file-list .td-tree-node__label .is-active {
    cursor: pointer
}

.xly-file-list .td-tree-node__label .is-active:hover {
    color: var(--color-primary) !important
}

.xly-file-list .td-tree-node__label .is-disabled {
    color: var(--color-secondary)
}

.xly-file-list .img-icon-loading {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.xly-file-list .xly-icon-note {
    margin-left: 2px;
    color: var(--color-danger);
    vertical-align: -2px
}

.xly-file-list .td-tree-node .td-checkbox {
    margin-left: 6px
}

.xly-file-list .td-table__footer .td-checkbox {
    padding: 0 6px
}

.xly-file-list a.td-table__text:hover {
    background: unset
}

.xly-file-list .td-tooltip.is-bottom {
    left: auto;
    right: -10px;
    color: var(--color-default)
}

.xly-file-list .td-tooltip.is-bottom .td-poper__arrow {
    display: none
}

.xly-file-list .td-icon-arrow-drop {
    font-family: xly-icon !important
}

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

.xly-file-list span.is-unread {
    font-weight: 700 !important
}

.xly-file-list span.is-active {
    color: var(--color-default);
    cursor: pointer
}

.xly-file-list__operate {
    position: absolute;
    right: 12px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    color: var(--color-secondary);
    cursor: pointer
}

.xly-file-list__tips {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 12px 0 26px;
    line-height: 36px;
    background: var(--background-area);
    border-radius: 4px
}

.xly-file-list__note, .xly-file-list__tips {
    position: absolute;
    color: var(--color-danger)
}

.xly-file-list__note {
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 18px;
    margin-top: 7px;
    height: 30px;
    background: var(--background-module);
    border-radius: 15px;
    transform: translate(-50%, -50%);
    z-index: 2
}

.xly-file-list__note i {
    margin-right: 3px
}

.xly-file-list .td-button--small {
    width: 96px
}

.xly-file-list .td-button--small.td-button--other {
    float: right;
    margin-right: 5px;
    line-height: 23px
}

.xly-file-list .td-table__panel::-webkit-scrollbar {
    width: 6px;
    background: transparent
}

.xly-file-list .td-table__panel::-webkit-scrollbar:horizontal {
    height: 6px
}

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

.xly-file-list .td-table__panel::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-file-list .td-table__panel::-webkit-scrollbar-corner {
    background: transparent
}

.xly-file-list .td-table__panel::-webkit-scrollbar-thumb {
    border-right: 0
}

.xly-file-list .td-table__body-wrapper {
    max-height: 230px;
    overflow-y: scroll
}

.xly-file-list .td-table__body-wrapper::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.xly-file-list .td-table__body-wrapper::-webkit-scrollbar:horizontal {
    height: 0
}

.xly-file-list .td-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 0;
    background: var(--color-scrollbar)
}

.xly-file-list .td-table__body-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-file-list .td-table__body-wrapper::-webkit-scrollbar-corner {
    background: transparent
}

.xly-file-list .td-table__body-wrapper::-webkit-scrollbar-thumb {
    border-right: 0
}

.xly-file-list .td-table__body-wrapper tr:hover {
    background: var(--color-item-hover)
}

.xly-file-list .td-table__body-wrapper tr:hover .xly-file-list__operate {
    color: var(--color-primary)
}

.xly-file-list__status {
    color: var(--color-secondary)
}

.xly-file-list__status.is-error {
    color: var(--color-danger)
}

.xly-file-list .is-playing, .xly-file-list a.xly-file-list__status {
    color: var(--color-primary)
}

.xly-file-list td .td-table__text {
    position: relative;
    color: var(--color-secondary)
}

.xly-file-list .td-icon-sequence {
    margin-left: 2px;
    font-family: xly-icon !important
}

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

.xly-file-list .td-icon-sequence.is-ascending {
    background-image: linear-gradient(180deg, var(--color-default) 50%, var(--color-secondary) 51%)
}

.xly-file-list .td-icon-sequence.is-descending {
    background-image: linear-gradient(0deg, var(--color-default) 50%, var(--color-secondary) 51%)
}

.xly-gif-playing {
    display: inline-block;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    background: url(data:image/gif;base64,R0lGODlhIAAgAMQZAE2O/73V/2qg/9ro/7zU/5u//+Dr/5i9/1qW//v9/36t/0WJ/+70/3Sm/0GG/1CQ//z9/0eK/7nT/0uN/06P/8LY/0CF/5O6/z+F/////wAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWJkOGRkYi00NDc5LTQxZTQtODExYy1jMTA0YjJhMzYzNWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMkVBN0FBREUyMTFFQUI0QjBFRTcxM0E4NkNDNUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMkVBNzlBREUyMTFFQUI0QjBFRTcxM0E4NkNDNUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDFjNjY1NS01MDQxLTQ5ZmQtYjQwNy0wZjIwMDU0NDkyNTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5k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);
    background-size: 100% 100%
}

.xly-file-list .td-tree-node {
    overflow: hidden;
    display: flex;
    margin-left: 0;
    width: 100%;
    box-sizing: border-box
}

.td-tree-node__content {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.xly-file-list .td-tree-node .td-checkbox {
    margin-right: 6px;
    overflow: hidden
}

.xly-file-list .td-tree-node .td-checkbox__label {
    display: none
}

.td-table__body {
    table-layout: fixed
}

.xly-file-tooltip {
    position: absolute;
    top: -42px;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 6px 0 12px;
    height: 40px;
    color: #fff;
    background: var(--color-primary);
    border-radius: 4px;
    z-index: 2
}

.xly-file-tooltip .td-icon-close {
    margin-left: 6px;
    opacity: .8;
    cursor: pointer
}

.xly-file-tooltip:before {
    position: absolute;
    bottom: -5px;
    left: 30px;
    width: 12px;
    height: 5px;
    background: var(--color-primary);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    content: ""
}

.xly-file-tooltip:after {
    position: absolute;
    top: -26px;
    left: 0;
    width: 70px;
    height: 35px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABGCAMAAAApbYzeAAACYVBMVEUAAAAAcP0AfP0AYv0AefwAif0Ad/0AnP4Aov4AcPwAgv0AevwAe/wAevwAgf0Ag/4AevwAev0AUP4Aa/wAdfwAjvoAe/0AjPkA2P0AefsAefsAc/4AavsAiP0AeP4Axf0Aaf0AjvwAe/0AlvoAjPwAmP0Ai/wAffwAbfsAeP0AsP8Ar/gAi/0ArfkAj/kAkvwAc/sAc/8AkfsAbPoAtfsAq/kAkPkAXf4AcvoApvsAofkAt/kAVvwAj/gAlvsSiOoAefoAevv///8AdPoAevoAefwAjfkAAAAAd/oAe/sAjPkAbvoAcPoAavoAePoAgPoAiPoAg/oAhfoAcvoAfvoAc/sAZ/sAZfsAY/oAcf8AdP8AffoAd//+swD5wAAAbPoAhvr8ugAAUPsAbP//zAAAlfoAifgAofkARvsAePsAdfkAm/oAff8Ap/kAS/vk8//Y7P8AXvsAef8Pg/t4uf5HpPz39/cMDA0AdvtVVVTV0c1/f38AevkMefD/wwDK4/4qgtKk0v7///bj4uIbHB7N7v/67d0ZFxKPxf7ToSuv1/6+pD/4tANAhbyCnXkxk/v0+v9drP2cy/232/4GefsOfvsdhfuampopKStdXVw+mvzv7++qqqp0dHSTkZD7///t5t1DNwD//gAAiP8Agv/goh6bnmPGsjTivBkXfuYojvs3kvtpsP0Qjvpmt/43NzdHR0pmZWf/9QC73f0Ag/dRiK2Jk3Wsq1B0m4pflJrFtDW9vb3HvLG65//u2sZ/wv5bTACFcQC/rABUQwCtmgC0ogAAi/kAjfgAjPkAbPrrvxFOGljeAAAAlXRSTlMAKjdVcApiSwOQMKPbxBkU501LdL2Hf/IYrvEjhqdCUk2dzmN4JMK195ox/FrF4UjRrZburNnXwOhD9pbv6FPs/////////////////////////////////////////////////////////////////////////////////////////////////////////////////YVSJNIAAAcQSURBVGje7Zn1d9NQFMeDU9zd3d3lnOTlQVOaZIyUJhXoYAIpNsYGA4a7u7u7u/v6b3HvSx9r4RfOSDt+2GfLfTvLOcu31959mVBLLVmiU8+e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) no-repeat;
    background-size: 100% auto;
    content: ""
}

.xly-face-emoji ul {
    display: flex;
    flex-wrap: wrap;
    height: 140px;
    overflow-y: auto;
    margin: 0 auto
}

.xly-face-emoji ul::-webkit-scrollbar {
    width: 4px
}

.xly-face-emoji ul::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px
}

.xly-face-emoji ul li {
    cursor: pointer;
    width: 24px;
    height: 24px;
    padding: 2px
}

.xly-face-emoji ul li:hover {
    background-color: var(--color-list-hover)
}

.face-icon-emoji {
    vertical-align: -6px
}

.face-icon-emoji, .ico-face {
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,[encoded data, 14612 characters]) -999em no-repeat;
    display: inline-block;
    background-image: -webkit-image-set(url(data:image/png;base64,[encoded data, 14612 characters]) 1x, url(data:image/png;base64,[encoded data, 36528 characters]) 2x)
}

.emoji-1F604 {
    background-position: -72px -72px
}

.emoji-1F60A {
    background-position: -120px -72px
}

.emoji-1F603 {
    background-position: -168px -72px
}

.emoji-263A {
    background-position: -216px -72px
}

.emoji-1F609 {
    background-position: -264px -72px
}

.emoji-1F60D {
    background-position: -312px -72px
}

.emoji-1F618 {
    background-position: -360px -72px
}

.emoji-1F61A {
    background-position: -408px -72px
}

.emoji-1F633 {
    background-position: -456px -72px
}

.emoji-1F60C {
    background-position: -504px -72px
}

.emoji-1F601 {
    background-position: -72px -120px
}

.emoji-1F61C {
    background-position: -120px -120px
}

.emoji-1F61D {
    background-position: -168px -120px
}

.emoji-1F612 {
    background-position: -216px -120px
}

.emoji-1F60F {
    background-position: -264px -120px
}

.emoji-1F613 {
    background-position: -312px -120px
}

.emoji-1F614 {
    background-position: -360px -120px
}

.emoji-1F61E {
    background-position: -408px -120px
}

.emoji-1F616 {
    background-position: -456px -120px
}

.emoji-1F622 {
    background-position: -504px -120px
}

.emoji-1F630 {
    background-position: -72px -168px
}

.emoji-1F628 {
    background-position: -120px -168px
}

.emoji-1F623 {
    background-position: -168px -168px
}

.emoji-1F625 {
    background-position: -216px -168px
}

.emoji-1F62D {
    background-position: -264px -168px
}

.emoji-1F602 {
    background-position: -312px -168px
}

.emoji-1F632 {
    background-position: -360px -168px
}

.emoji-1F631 {
    background-position: -408px -168px
}

.emoji-1F620 {
    background-position: -456px -168px
}

.emoji-1F621 {
    background-position: -504px -168px
}

.emoji-1F62A {
    background-position: -72px -216px
}

.emoji-1F637 {
    background-position: -120px -216px
}

.emoji-ue11a {
    background-position: -168px -216px
}

.emoji-ue541 {
    background-position: -72px -264px
}

.emoji-ue738 {
    background-position: -120px -264px
}

.emoji-ue332 {
    background-position: -168px -264px
}

.emoji-ue333 {
    background-position: -216px -264px
}

.emoji-ue30f {
    background-position: -264px -264px
}

.emoji-jinggao {
    background-position: -312px -264px
}

.emoji-ue252 {
    background-position: -360px -264px
}

.emoji-hongdeng {
    background-position: -408px -264px
}

.emoji-landeng {
    background-position: -456px -264px
}

.emoji-ue432 {
    background-position: -504px -264px
}

.emoji-jgz {
    background-position: -72px -312px
}

.emoji-ppx {
    background-position: -120px -312px
}

.emoji-lsj {
    background-position: -168px -312px
}

.emoji-yyz {
    background-position: -216px -312px
}

.emoji-666 {
    background-position: -264px -312px
}

.emoji-ok {
    background-position: -312px -312px
}

.emoji-muzhi {
    background-position: -360px -312px
}

.emoji-meitui {
    background-position: -408px -312px
}

.emoji-huanggua {
    background-position: -456px -312px
}

.emoji-gouyin {
    background-position: -504px -312px
}

[class^=vip-icon-] {
    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)
}

[class^=vip-icon-].is-small {
    font-family: xly-icon-vip !important
}

.vip-icon-pvip8:after, .vip-icon-pvip9:after, .vip-icon-pvip10:after, .vip-icon-svip8:after, .vip-icon-svip9:after, .vip-icon-svip10:after {
    background-image: url(data:image/png;base64,[encoded data, 10044 characters])
}

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
}

.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-find {
    display: flex;
    flex-direction: column;
    padding-top: 32px;
    background: #fff;
    overflow: auto
}

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

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

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

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

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

.xly-browser-tab {
    position: fixed;
    top: 42px;
    padding-top: 4px;
    width: calc(100% - 100px);
    background: var(--background-main);
    border-bottom: 1px solid var(--color-border);
    height: 31px;
    z-index: 99;
    user-select: none
}

.xly-browser-tab .td-browser-tab {
    height: 32px;
    padding-left: 8px
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item {
    margin: 0;
    clip-path: unset
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item:before {
    display: none
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item:after {
    position: absolute;
    right: -1px;
    width: 1px;
    height: 17px;
    background: var(--color-border);
    z-index: 1
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item:hover .td-browser-tab__text {
    background: #fbfbfb;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid var(--color-border)
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item:hover:after {
    opacity: 0
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item.is-current:hover {
    border-color: var(--background-main)
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item.is-current:hover .td-browser-tab__text {
    background: #fff !important
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item.is-current .td-browser-tab__text {
    color: #4d4d4d;
    background: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #fff
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item.is-current .td-browser-tab__close:hover {
    background: #e6e6e6
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item.is-current:after {
    display: none
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item.td-browser-tab__item--more {
    margin-top: 7px;
    font-size: 11px;
    color: var(--color-auxiliary);
    background: #e6e6e6
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item.td-browser-tab__item--more:active {
    background: #eee
}

.xly-browser-tab .td-browser-tab .td-browser-tab__text {
    width: 100%;
    color: var(--color-default);
    background: unset;
    border-bottom: 1px solid var(--background-main);
    border: 1px solid var(--background-main);
    border-bottom-color: var(--color-border);
    border-radius: 4px 4px 0 0
}

.xly-browser-tab .td-browser-tab .td-browser-tab__text span {
    margin: 0 16px 0 10px;
    display: block
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item--normal {
    flex-basis: 180px
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item--new {
    margin: 2px 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background: unset;
    border-radius: 2px;
    color: var(--color-default);
    -webkit-mask-image: unset;
    opacity: unset
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item--new:before {
    display: block;
    font-family: xly-icon;
    font-size: 16px;
    content: "\E75C"
}

.xly-browser-tab .td-browser-tab .td-browser-tab__item--new:hover {
    background-color: var(--color-line);
    border-radius: 2px
}

.xly-browser-tab .td-browser-tab .td-browser-tab__close {
    margin-top: -8px;
    right: 6px;
    color: var(--color-secondary);
    border-radius: 2px
}

.xly-browser-tab .td-browser-tab .td-browser-tab__close:hover {
    background: var(--color-border)
}

.xly-browser-tab .td-browser-tab .td-browser-tab__close:hover .td-icon-close {
    color: var(--color-auxiliary) !important
}

.xly-browser-tab--game .td-browser-tab .td-browser-tab__item--new {
    display: none
}

.xlx-side-update {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: hsla(0, 0%, 100%, .8)
}

.xlx-side-update__progress {
    width: 50px;
    height: 50px;
    padding: 2px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: var(--color-primary);
    border-radius: 50%;
    background: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#c49cff, #5246ff);
    background-clip: content-box, padding-box
}

.xlx-side-update p {
    display: flex;
    margin-left: 8px;
    font-size: 16px
}

.xlx-side-update span {
    display: inline-block;
    width: 16px
}

.xlx-side-update span i {
    width: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    animation: point 1s linear infinite both
}

@keyframes point {
    0% {
        width: 0
    }
    50% {
        width: 10px
    }
    to {
        width: 16px
    }
}

body {
    font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53, sans-serif
}

.error-page {
    width: 100vw;
    height: 100vh;
    color: #86c8ff;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff
}

.error-page h1 {
    font-size: 17px;
    color: #69f;
    line-height: 50px;
    font-weight: 400
}

.error-page .pic-error {
    width: 280px;
    height: 160px;
    margin: 0 auto;
    background: url(data:image/png;base64,[encoded data, 4276 characters]) no-repeat;
    line-height: 500;
    overflow: hidden
}

.error-main {
    font-size: 15px;
    text-align: center;
    color: #666
}

.error-main p {
    font-size: 14px
}

.error-button {
    text-align: center;
    margin-top: 20px
}

.error-button a {
    margin: 0 10px
}

.xly-browser-search {
    position: relative;
    margin-left: 12px;
    flex: 1;
    box-sizing: border-box
}

.xly-browser-search .td-input {
    overflow: hidden
}

.xly-browser-search.is-planB .xly-browser-search__keyword {
    height: 22px;
    color: var(--color-auxiliary);
    line-height: 22px
}

.xly-browser-search.is-planB .xly-browser-search__keyword ul {
    left: -6px
}

.xly-browser-search.is-planB .xly-browser-search__keyword ul:nth-of-type(2) {
    left: 48px
}

.xly-browser-search.is-planB .xly-browser-search__keyword li {
    height: 22px
}

.xly-browser-search.is-planB .xly-browser-search__keyword li span {
    background: var(--color-item-hover)
}

.xly-browser-search.is-planB .xly-browser-search__keyword .xly-browser-search__tag {
    padding: 0 6px;
    margin-left: 6px
}

.xly-browser-search.is-planB .xly-browser-search__keyword .xly-browser-search__name {
    padding-left: 0
}

.xly-browser-search.is-planB .xly-browser-search__keyword .is-moving {
    margin-top: -22px
}

.xly-browser-search.is-planB .xly-browser-search__select {
    left: 9px
}

.xly-browser-search__keyword {
    position: absolute;
    left: 3px;
    color: var(--color-secondary);
    width: 184px;
    height: 30px;
    pointer-events: none;
    overflow: hidden
}

.xly-browser-search__keyword ul {
    left: 12px
}

.xly-browser-search__keyword ul:nth-of-type(2) {
    left: 46px
}

.xly-browser-search__keyword ul {
    position: absolute;
    top: 0
}

.xly-browser-search__keyword li {
    height: 30px;
    white-space: nowrap
}

.xly-browser-search__keyword .is-moving {
    transition: .5s;
    margin-top: -30px
}

.xly-browser-search__text {
    display: flex;
    align-items: center;
    height: 100%;
    display: inline-flex;
    pointer-events: visible
}

.xly-browser-search__select {
    position: absolute;
    top: 6px;
    left: 15px;
    color: var(--color-auxiliary)
}

.xly-browser-search__select .xly-browser-search__tag {
    position: relative
}

.xly-browser-search__select .xly-browser-search__tag:after {
    right: -4px;
    bottom: 0;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left: 3px dashed transparent;
    border-top: 3px dashed transparent;
    border-right: 3px dashed var(--color-secondary);
    content: "";
    border-bottom: 3px dashed var(--color-secondary)
}

.xly-browser-search__select .td-dropdown-menu {
    left: -7px;
    top: 25px;
    padding: 6px 0;
    width: 88px;
    border: 0
}

.xly-browser-search__select .td-dropdown-menu li {
    text-align: center;
    padding-left: 0
}

.xly-browser-search__tag {
    width: 42px;
    text-align: center;
    border-radius: 15px 0 0 15px
}

.xly-browser-search__name, .xly-browser-search__tag {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer
}

.xly-browser-search__name {
    padding-left: 12px;
    padding-right: 9px;
    max-width: 8em;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-browser-search .xly-icon-fav, .xly-browser-search .xly-icon-fav-file, .xly-browser-search .xly-icon-search {
    font-size: 24px
}

.xly-browser-search .td-input-group {
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid var(--color-border);
    border-radius: 15px
}

.xly-browser-search .td-input__button {
    padding: 0 3px
}

.xly-browser-search .td-input__button:hover {
    color: var(--color-primary)
}

.xly-browser-search .td-input-group .td-input__button.is-disabled {
    opacity: .5;
    pointer-events: none
}

.xly-browser-search .td-input-group__prepend .td-input__button {
    padding: 0 4px;
    color: var(--color-secondary)
}

.xly-browser-search .td-input-group__prepend .td-input__button:hover {
    color: var(--color-default)
}

.xly-browser-search .td-input-group__append {
    display: flex;
    align-items: center
}

.xly-browser-search .td-input-group__append .td-input__button {
    color: var(--color-icon);
    opacity: var(--icon-opacity)
}

.xly-browser-search .td-input-group__append .td-input__button:hover {
    opacity: 1;
    color: var(--color-primary)
}

.xly-browser-search .td-icon-security {
    cursor: default;
    color: var(--color-secondary)
}

.xly-browser-search .td-icon-security:hover {
    color: var(--color-secondary)
}

.xly-browser-search .td-icon-security:before {
    font-family: xly-icon !important;
    content: "\E7D0"
}

.xly-browser-search .xly-icon-fav {
    position: relative
}

.xly-browser-search .xly-icon-fav.is-active, .xly-browser-search .xly-icon-fav:hover {
    color: var(--color-primary)
}

.xly-browser-search .xly-icon-fav.is-active:before {
    content: "\E7AC"
}

.xly-browser-search .xly-icon-fav.is-active:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "\E7AC";
    pointer-events: none
}

.xly-browser-search.is-normal {
    flex: 1
}

.xly-browser-search.is-normal .xly-browser-search__keyword {
    display: block
}

.xly-browser-search.is-normal .td-input__inner {
    padding-left: 52px
}

.xly-browser-search.is-normal .td-input-group__prepend, .xly-browser-search.is-normal .xly-icon-fav {
    display: none
}

.xly-browser-search .is-animation .xly-icon-fav:after {
    animation: fav .5s .5s both, fadeOut .3s 1.3s both
}

@keyframes fav {
    0% {
        transform: translateZ(0) scale(1)
    }
    to {
        transform: translate3d(32px, 3px, 0) scale(.55)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.xlx-bar {
    position: fixed;
    bottom: 42px;
    left: 7px;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 347px;
    height: 30px;
    padding-left: 20px;
    color: #fff;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden
}

.xlx-bar__image {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px
}

.xlx-bar__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.xlx-bar__option {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center
}

.xlx-bar__option a {
    height: 100%;
    color: #fff;
    text-align: center;
    transition: background .2s
}

.xlx-bar__close {
    width: 28px
}

.xlx-bar__button {
    width: 50px;
    margin-right: 2px
}

.xlx-bar--send {
    background: rgba(0, 179, 106, .8)
}

.xlx-bar--send .td-progress {
    width: 120px;
    margin: 0 5px
}

.xlx-bar--send .td-progress .td-progress-bar__outer {
    background: #00b36a
}

.xlx-bar--send .td-progress .td-progress-bar__inner {
    background: #fff
}

.xlx-bar--send .xlx-bar__option a {
    background: #00b36a
}

.xlx-bar--send .xlx-bar__option a:hover {
    background: rgba(0, 179, 106, .5)
}

.xlx-bar--finish {
    background: rgba(255, 156, 26, .8)
}

.xlx-bar--finish .xlx-bar__option a {
    background: #ff9c1a
}

.xlx-bar--finish .xlx-bar__option a:hover {
    background: rgba(255, 156, 26, .5)
}

.xlx-bar--fail {
    background: rgba(255, 77, 77, .8)
}

.xlx-bar--fail .td-icon-warning {
    margin-right: 8px
}

.xlx-bar--fail .xlx-bar__option a {
    background: #ff4d4d
}

.xlx-bar--fail .xlx-bar__option a:hover {
    background: rgba(255, 77, 77, .5)
}

.xlx-bar--ad {
    position: relative;
    top: 0;
    padding-left: 10px;
    background: #fff2d2
}

.xlx-bar--ad p {
    max-width: 19em;
    color: #dd8f2f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xlx-bar--ad p a {
    color: currentColor
}

.xlx-bar--ad p a:hover {
    opacity: .8
}

.xlx-bar--ad .xlx-bar__option a {
    color: #8b5b25;
    background: #ffe3a0
}

.xlx-bar--ad .xlx-bar__option a:hover {
    background: #e9cd8b
}

.xlx-bar--ad .xlx-bar__option a.xlx-bar__button {
    width: 60px
}

.xlx-bar--coin {
    background: #69f;
    opacity: .8
}

.xlx-bar--coin .xlx-bar__option a {
    color: #fff;
    background: #4b87ff
}

.xlx-bar--coin .xlx-bar__option a:hover {
    background: #4b87ff;
    opacity: .8
}

.xlx-bar--coin .xlx-bar__option img {
    width: 16px;
    height: 16px
}

.xlx-bar--coin .xlx-bar__option .xlx-bar__p {
    color: #fff;
    font-weight: 700;
    padding-right: 5px
}

.xlx-bar.is-up {
    bottom: 105px
}

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

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

.xly-dialog-report__form {
    display: flex;
    flex-wrap: wrap
}

.xly-dialog-report__form li {
    display: flex;
    width: 25%;
    margin-bottom: 12px
}

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

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

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

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

.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
}

.xly-side {
    position: relative;
    width: 380px;
    flex: 1;
    overflow: hidden;
    user-select: none
}

.xly-side:hover .td-collapse-item__title {
    color: var(--color-default);
    background: linear-gradient(270deg, #fff, var(--color-item-active) 97%)
}

.xly-side .td-tabs {
    height: 100%
}

.xly-side .td-tabs__title {
    border-color: var(--color-border)
}

.xly-side .td-tabs__extra {
    right: 16px;
    line-height: 40px
}

.xly-side .td-tabs__extra a {
    color: var(--color-icon)
}

.xly-side .td-tabs__extra a:hover {
    color: var(--color-primary)
}

.xly-side .td-tabs__item {
    padding-left: 12px;
    width: 102px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: var(--color-secondary);
    font-size: 13px;
    box-sizing: border-box
}

.xly-side .td-tabs__item div {
    position: relative;
    display: inline-flex
}

.xly-side .td-tabs__item:hover {
    color: var(--color-primary)
}

.xly-side .td-tabs__item.is-active {
    border-bottom: unset;
    color: var(--color-primary)
}

.xly-side .td-tabs__item.is-active div:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 2px;
    background: var(--color-primary);
    content: ""
}

.xly-side .td-tabs__content {
    padding-top: 0;
    height: calc(100% - 41px)
}

.xly-side .td-tabs__pane {
    height: 100%;
    display: flex;
    flex-direction: column
}

.xly-side .td-draglist {
    flex: 1;
    overflow-y: scroll
}

.xly-side .td-draglist::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

.xly-side .td-draglist::-webkit-scrollbar:horizontal {
    height: 8px
}

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

.xly-side .td-draglist::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover)
}

.xly-side .td-draglist::-webkit-scrollbar-corner {
    background: transparent
}

.xly-side .td-draglist::-webkit-scrollbar-thumb {
    border: 0
}

.xly-side .td-drag-area {
    left: -9em
}

.xly-side p {
    cursor: default
}

.xly-side .td-draglist-item {
    position: relative;
    padding: 0;
    flex-wrap: wrap
}

.xly-side .td-draglist-item:hover {
    background-color: transparent
}

.xly-side .td-draglist-item:hover .xly-side-wrapper {
    background-color: var(--color-item-hover)
}

.xly-side .td-draglist-item:hover .xly-side-operate .xly-side-operate__button--mob {
    display: block
}

.xly-side .td-draglist-item.is-active {
    background-color: transparent
}

.xly-side .td-draglist-item.is-active .xly-side-wrapper {
    background-color: var(--color-item-active)
}

.xly-side .td-draglist-item.is-active .xly-side-operate .xly-side-operate__button--mob {
    display: block
}

.xly-side .td-draglist-item.is-chosen {
    background-color: transparent
}

.xly-side .td-draglist-item.is-chosen .xly-side-wrapper {
    background-color: var(--color-item-active)
}

.xly-side .td-draglist-item.is-deleted .xly-file-info, .xly-side .td-draglist-item.is-deleted .xly-file-name {
    opacity: .5
}

.xly-side .td-draglist-item.is-deleted .td-media__object {
    position: relative;
    opacity: .6
}

.xly-side .td-draglist-item.is-drag:after {
    background: transparent
}

.xly-side .td-draglist-item.is-drag-more {
    background: var(--color-item-active)
}

.xly-side .td-draglist-item.is-drag-more .xly-side-wrapper {
    background-color: var(--color-item-active)
}

.xly-side .td-draglist-item.is-drag-more .td-draglist-item__number {
    top: 1px;
    left: 1px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background: rgba(255, 255, 255, calc(1 - var(--icon-opacity)))
}

.xly-side .td-draglist-item.is-drag-more .td-draglist-item__number span {
    padding: 0 2px;
    height: 24px;
    font-size: 16px;
    line-height: 24px
}

.xly-side .td-draglist-item.is-drag-more:before {
    background: linear-gradient(hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), linear-gradient(var(--color-item-active), var(--color-item-active));
    border: 1px solid var(--color-primary);
    clip-path: polygon(calc(100% - 6px) 91%, calc(100% - 6px) 0, 100% 0, 100% 100%, calc(100% - 6px) 100%, 0 100%, 0 calc(100% - 6px))
}

.xly-side .td-draglist-item.is-drag-more:after {
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.xly-side .td-draglist-item__icon {
    position: relative;
    background: transparent
}

.xly-side .td-media {
    position: relative;
    width: 328px
}

.xly-side .td-media__object, .xly-side .xly-icon-type {
    position: relative
}

.xly-side .td-media__content {
    margin-left: 10px;
    width: calc(100% - 48px)
}

.xly-side__number {
    margin-left: 6px;
    font-family: dincond;
    font-size: 14px
}

.xly-side__empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 50px;
    height: 100%
}

.xly-side__empty p {
    margin-top: 20px;
    color: var(--color-secondary)
}

.xly-side.is-secret {
    position: relative
}

.xly-side.is-secret:after {
    position: absolute;
    bottom: 30px;
    right: 12px;
    width: 120px;
    height: 90px;
    background-image: url(data:image/png;base64,[encoded data, 5472 characters]);
    background-size: 100% 100%;
    opacity: .24;
    content: ""
}

.xly-side.is-secret .td-collapse-item.is-active {
    height: calc(100% - 32px)
}

.xly-side.is-secret .td-collapse-item.is-active .td-collapse-item__title {
    color: var(--color-auxiliary);
    background-image: linear-gradient(270deg, #fff, #fff6e0 95%)
}

.xly-side.is-secret .td-collapse-item.is-active .td-collapse-item__title:hover {
    color: #d69a57
}

.xly-side.is-secret .xly-img-empty-netdisk {
    width: 120px;
    height: 90px;
    margin-bottom: 16px;
    background-image: url(data:image/png;base64,[encoded data, 5472 characters])
}

.xly-side.is-secret .xly-side__empty {
    position: relative;
    background: var(--background-area);
    box-sizing: border-box;
    z-index: 1
}

.xly-side.is-secret .xly-side__empty .title {
    margin-bottom: 6px;
    font-size: 13px;
    color: var(--color-title)
}

.xly-side.is-secret .xly-side__empty p {
    margin: 0
}

.xly-side.is-secret .xly-side__empty .td-button {
    margin-top: 18px;
    width: 110px;
    font-size: 13px
}

.xly-file-name {
    position: relative;
    max-height: 36px;
    font-size: 13px;
    color: var(--side-text-color)
}

.xly-side-operate {
    position: absolute;
    top: -5px;
    right: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 29px
}

.xly-side-operate a {
    color: var(--color-icon)
}

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

.xly-file-info {
    position: relative;
    display: flex;
    margin: 6px 0 3px;
    font-size: 11px;
    line-height: 15px;
    color: var(--color-secondary);
    z-index: 2
}

.xly-file-info .xly-file-status {
    position: absolute;
    top: 0;
    right: 0
}

.xly-file-info .xly-file-percent {
    position: absolute;
    left: 88px
}

.xly-file-info .xly-file-time {
    position: absolute;
    left: 74px
}

.xly-file-info .xly-file-speed {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center
}

.xly-file-info .xly-file-speed .xly-file-speed__vip {
    color: #e9b23e;
    margin-left: 2px
}

.xly-file-info .xly-file-speed .xly-file-speed__vip.is-super {
    padding: 0 2px;
    color: #b77020;
    background: #f3d283;
    border-radius: 2px
}

.xly-file-info .xly-file-speed .xly-file-speed__note {
    position: relative;
    margin-left: 3px
}

.xly-file-info .xly-file-speed .xly-file-speed__note:hover .xly-file-speed__tips {
    display: block
}

.xly-file-info .xly-file-speed .xly-file-speed__tips {
    display: none;
    position: absolute;
    top: 16px;
    right: 0;
    padding: 0 10px;
    line-height: 30px;
    color: var(--color-default);
    background-color: var(--background-module);
    box-shadow: 0 0 10px 0 rgba(26, 26, 26, .2);
    border-radius: 4px;
    white-space: nowrap
}

.xly-file-info .xly-file-speed .xly-file-speed__tips a {
    margin-left: 10px;
    color: var(--color-primary)
}

.xly-file-info .xly-file-speed__vip-link {
    margin-left: 4px;
    color: #e9b23e
}

.xly-file-info .xly-file-error {
    color: #e66056
}

.xly-file-info a.xly-file-error:hover {
    color: var(--color-danger-3)
}

.xly-file-info .xly-icon-note {
    color: #e66056;
    vertical-align: -3px
}

.xly-file-info .xly-file-together {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px 0 0 3px;
    line-height: 12px;
    text-align: center;
    background: #e7bc77;
    border-radius: 2px;
    vertical-align: top
}

.xly-file-info .xly-file-together:before {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4QUU3RjUwMTY1RDExRUFCNTI3QUU2NjJGRjA2RjYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4QUU3RjUxMTY1RDExRUFCNTI3QUU2NjJGRjA2RjYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzhBRTdGNEUxNjVEMTFFQUI1MjdBRTY2MkZGMDZGNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzhBRTdGNEYxNjVEMTFFQUI1MjdBRTY2MkZGMDZGNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7H0+f2AAAAzElEQVR42mL8//8/Ay0BEwONwdC3gAWHOLkRw0isBVgVEwD/qR1E/0dTET80GHBhBjQ2yRZ8hEY0OtYE4ktICQF/YgAVFVjwfxzi/EB8FYi9sajBqoeUOOAF4u1AvAeIt1I7kmWgBt8A4iLSEjPhIAoA4qdAXAjEjHiCBGsQsRCwfzUQiwCxNxBfIC874veBLJo4O5SWAeKf1Ijkx2j8Xmi6fwTEs4kq/XDUaP9xpG8OIOYE4u9A/IMYPSyUFmbk1geMw6KwGxoWAAQYAP2PBoATwrrhAAAAAElFTkSuQmCC);
    -webkit-mask-size: 12px auto;
    content: ""
}

.xly-accelerate {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 5px 0
}

.xly-accelerate__gif {
    position: absolute
}

.xly-accelerate__link {
    color: var(--color-primary)
}

.xly-accelerate__link:hover {
    color: var(--color-hover)
}

.xly-side-ad {
    display: flex;
    align-items: center;
    margin-bottom: -12px
}

.xly-side-ad__image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 32px;
    height: 40px
}

.xly-side-ad__image i {
    font-size: 24px;
    background-image: linear-gradient(#ecc17c, #e0a866);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.xly-side-ad__image img {
    height: 24px
}

.xly-side-ad__together {
    cursor: pointer
}

.xly-side-ad__together:hover {
    background-color: var(--background-area);
    border-radius: 2px
}

.xly-side-wrapper {
    position: relative;
    padding: 12px 0 12px 12px
}

.xly-side-item .td-progress-bar {
    height: 4px
}

.xly-side-item .td-progress-bar__inner {
    position: relative;
    background: var(--color-primary);
    overflow: hidden;
    transition: width .2s
}

.xly-side-item .td-progress-bar__inner:before {
    position: absolute;
    right: 0;
    width: 28px;
    height: 100%;
    background-image: linear-gradient(90deg, var(--color-primary) 0, var(--color-light));
    content: ""
}

.xly-side-item:before {
    display: block;
    width: 100%;
    height: 1px;
    background: transparent;
    content: ""
}

.xly-side-item__code {
    position: absolute;
    top: 0;
    left: 0
}

.xly-side-item__code:hover .xly-side-item__tips {
    display: flex
}

.xly-side-item__code.is-stop .xly-side-item__card, .xly-side-item__code:hover .xly-side-item__card {
    animation: unset
}

.xly-side-item__card {
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,[encoded data, 4752 characters]) no-repeat;
    background-size: 100%;
    animation: card 6s infinite both
}

@keyframes card {
    0% {
        background-position: 50px 0
    }
    10%, 40% {
        background-position: 0 0
    }
    50%, to {
        background-position: -50px 0
    }
}

.xly-side-item .xly-side-item__rocket {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: #ff9700;
    border-radius: 2px
}

.xly-side-item .xly-side-item__rocket:after, .xly-side-item .xly-side-item__rocket:before {
    position: absolute;
    width: 1px;
    height: 14px;
    background: #fff;
    overflow: hidden;
    content: "";
    transform-origin: center bottom
}

.xly-side-item .xly-side-item__rocket:before {
    bottom: 20px;
    right: 6px;
    animation: linemove1 1.2s infinite both
}

.xly-side-item .xly-side-item__rocket:after {
    bottom: 8px;
    left: 4px;
    animation: linemove2 1.2s .5s infinite both
}

@keyframes linemove1 {
    0% {
        transform: scale(1);
        bottom: 20px;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        transform: scale(0);
        bottom: 10px;
        opacity: 0
    }
}

@keyframes linemove2 {
    0% {
        transform: scale(1);
        bottom: 10px;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        transform: scale(0);
        bottom: 0;
        opacity: 0
    }
}

.xly-side-item .xly-side-item__rocket i {
    width: 15px;
    height: 29px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA6CAYAAACnDemCAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAOgAAAAD+AL7BAAAENUlEQVRYCe2XT2hcVRTGZ2w1adEWN4K7FsVqS6H+i3HTRRd1EXAXF80qCF1oMVAqWLPQjS2ShX+I3Yi2lIIUxIVgikJpFqULBUMhFot/NoVGKRVqk0CT1unve75z58yd+2Ymb2a66oUv95xzz/m+e2/uu+9NpXK/dbADtVptF5gD74BqByXdpyC0FywCa6cxHuieuQUDAs8DL2riH7co624IhU3gT1NK9G90p1BQjdBXCTEfuo3zSkF5uTCE+7xCC3uBsUfKqURVEG0AV1qIxUNTEUU5F9bDMXMbf4XxbeXU8ioIdKBuFAgtE18tGJvpVvhAgvg4se1gHRgAw+AciNuu0uIwzUds40ZGXKID8umr4Cjw7XPLXVMPg65F377ORTYSPAH0vxRkK7Ye/AqsLWFsWJNoLqB72LfhPP6JD+Z2dnNhvx6NjZQRnnUkWpltq57VuC3kkxqKBj4rEm51uT/rimrYd5xfZC5GAy9GfnCTwsz6MTI2haxK5SHsp3P/tIubabHnLJD3z8DV+WuT5JejLZObbRt98nBJiLGzSoza49Fkil0K90TFcv8Du60KOzxOiuHvB6n2pNW07alOCYtUt9VB8KCRYD8KpoEmlmo7LbdtT/VIisHFbmFfBJdBkaClv9lWUAlkPwEuWVUP+jtwvAeSBzmbFIPa4uugH+0HSJvf1QRHQdHbplcT+RGi7CKylW4loLv1XrRJidq+H8DemM2i/3/GJGHCQ/3XCwrZc23C60O4/8aSJEz4t/7rBYVLXvh8CPffmPPC5/qvFxTqwtVqVVt9NQyVN5YpvdmmvC6cJ/7VouAjxp4C37bI+Z4xvRCEnwvy9DEx3zDGzfFN4vbQPatnPDT87WASfAlOgveB/1rRfT8IjoO4Ne8qGUeAf9PoJns1KJYwqNc72l/DZ5toSJgAZ4BWqQ+6FywJezN4DWyxmO+J66NgDMyCL6KxD4ldAHpJvG1j4XuIoP2+VazGgTtmSYxNY9t79RdsPYt/g4fBVvASGARq+jAcpH4lc+q8civG62+s1Wzk/8IwoTzm83YQE4qaajeDa3lCktcTWoLyNWvfbninA1tfqLGwygKvF862poD034J4UVgrtpbktbtaSVqxhxWq98K/+wFnf4p9O/fDyvA9Z9jVToX1GFwGHwBdEH8A32Y4NBMEdMhGsefcYFLYb3WYjSvKTIh0iu2XhC6It/C/c3lTssnTjSX4luTtdMWeSAIzBOz6/Al/tiGh0Sm/4kae4I1jHQKnQiRtJFfst1qnL35+01RKrFb/oXu3MKE+kOT1wpqZhP2JrJeXt5K8sbDoey1uW93A64X1DPZ6tVpIktcLJ28YVXbZkrxe2LakS52m8iTvfWHtkw5Yx89z08Y2B2yrG3iLtrqXp9uENaXA64WTp695AWuOJHm9sM2s4UFfs0xzQZL3Lgb1WVKQGnrQAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% auto;
    animation: rocketMove .6s linear infinite alternate both
}

@keyframes rocketMove {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(0, 5px, 0)
    }
}

.xly-side-item__tips {
    position: absolute;
    left: 42px;
    top: -15px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 10px 0;
    line-height: 16px;
    background: var(--background-module);
    box-shadow: 0 0 10px 0 var(--color-shadow);
    border-radius: 4px;
    z-index: 3
}

.xly-side-item__tips p {
    width: 76px;
    margin: 6px 0;
    text-align: center
}

.xly-side-item__tips span {
    color: var(--color-primary)
}

.xly-side-item__tips canvas, .xly-side-item__tips img {
    border: 3px solid #fff
}

.xly-side-item__tips:before {
    position: absolute;
    top: 0;
    left: -10px;
    width: 10px;
    height: 100%;
    content: ""
}

.xly-side-item__tips:after {
    top: 25px;
    left: -10px;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border-right-color: transparent;
    border-left: 5px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-top: 4px dashed transparent;
    border-right: 5px dashed var(--background-module);
    content: ""
}

.xly-side-item__tips .td-icon-close {
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 14px;
    color: var(--color-secondary);
    opacity: .8;
    cursor: pointer;
    display: none
}

.xly-side-item__tips .td-icon-close:hover {
    color: var(--color-primary)
}

.xly-side-item__tips.is-show {
    display: flex
}

.xly-side-item__tips.is-show .td-icon-close {
    display: block
}

.xly-side-item.is-vip .td-progress-bar__inner {
    background-color: #e7bc77
}

.xly-side-item.is-vip .td-progress-bar__inner:before {
    background-image: linear-gradient(90deg, #e7bc77 1%, #ffe3a6 60%, #e7bc77)
}

.xly-side-item.is-vip.is-downing .td-progress-bar__inner:before {
    animation: progressAni 2s infinite both
}

@keyframes progressAni {
    0% {
        left: 0
    }
    50%, to {
        left: 280px
    }
}

.xly-side-completed, .xly-side-deleted {
    position: relative
}

.xly-side-completed .xly-file-time, .xly-side-deleted .xly-file-time {
    left: 70px
}

.xly-side-completed .xly-file-status, .xly-side-deleted .xly-file-status {
    left: 200px
}

.xly-side-completed.is-active .xly-collapse-item__tags {
    display: flex
}

.xly-side-completed .td-draglist-item.is-finish .xly-file-name {
    font-weight: 700
}

.xly-collapse-item__title-text {
    position: relative;
    z-index: 2
}

.xly-collapse-item__operate {
    position: absolute;
    left: 347px;
    display: none
}

.xly-collapse-item__operate a:hover, .xly-collapse-item__tags {
    color: var(--color-primary)
}

.xly-collapse-item__tags {
    position: absolute;
    right: 56px;
    top: 50%;
    margin-top: -10px;
    display: none;
    align-items: center;
    padding: 0 8px;
    height: 20px;
    background: var(--color-item-active);
    border-radius: 2px
}

.xly-collapse-item__tags i.xly-icon-close-small {
    margin-left: 2px;
    cursor: pointer
}

.xly-collapse-item__tags span {
    max-width: 11em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-side-downloading .td-media__object {
    position: relative
}

.xly-side-downloading .td-media__object .td-tooltip {
    display: none;
    background: var(--color-primary)
}

.xly-side-downloading .td-media__object .td-tooltip.is-right {
    top: -7px;
    left: calc(100% + 13px)
}

.xly-side-downloading .td-media__object .td-tooltip__inner {
    color: #fff
}

.xly-side-downloading .td-media__object .td-poper__arrow {
    top: 20px;
    background: var(--color-primary)
}

.xly-side-downloading .td-draglist-item.is-check .td-media__object:before {
    position: absolute;
    top: -2px;
    left: -4px;
    right: -4px;
    height: 2px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 50%, hsla(0, 0%, 100%, 0));
    content: "";
    animation: checkLight 2s linear infinite both
}

.xly-side-downloading .td-draglist-item.is-check .td-media__object:hover .td-tooltip {
    display: block
}

@keyframes checkLight {
    0% {
        transform: translateY(0)
    }
    30% {
        transform: translateY(34px)
    }
    60% {
        opacity: 1;
        transform: translateY(0)
    }
    61% {
        opacity: 0
    }
    to {
        opacity: 0;
        transform: translateY(0)
    }
}

.xly-side-netdisk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    margin: 0 38px 0 42px;
    color: var(--color-auxiliary);
    border-bottom: 1px solid var(--color-border)
}

.xly-side-netdisk__text {
    max-width: 196px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-side-netdisk__progress, .xly-side-netdisk__text.is-disabled {
    color: var(--color-secondary)
}

.xly-side-netdisk__progress {
    font-size: 11px
}

.xly-side-netdisk__link {
    cursor: pointer
}

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

.xly-side-netdisk .td-button.td-button--other {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.xly-side-netdisk .td-button.td-button--other:hover {
    background: rgba(63, 133, 255, .1);
    border-color: var(--color-primary)
}

.xly-img-icon-retrieve {
    position: absolute;
    right: -1px;
    bottom: -3px;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAFAElEQVRYCb1Xa0xcVRD+loXdZR+8pUCq1qpga9SIjS801dQQiY9GsEGSRhL/qNGmhsbGNJqoidrYaGiKTYhJY9oaH1A0aIKlptq0WCkVq7ZFG7BIGhEECiyPZZdl/Wb33uUu9+5dROIkk3PumTkz3z0zd85cCxZJoVDIRtUScim5kLyCnEcW+os8QL5AbiW3WSwWP8eEZEmkQce51Kkhl5PdifQV+QTHJvK7BDJoticuADq2c+NW8tPkVDMjJrJpyurJuwlkxkjPEIDy1vu4odho0xLWOrnnKaPT0AGg87VUPkDOX4Ijsy39FG4miC6tUgwA5c1bqLDczlWfAqJMexJRAErMD1Eh4bGPT8Py4Xdw/3IJtp5BpKSlYu6aHATWr4HvoVsgcTcjCUeFmhNaANspeMFsp8i+OQ9H7WGkj00jyUi3KB/+V8sxmp+OoJFcWaslgLdlHgagHP1JPptm+5k+pGz7CNnBICwFmZjddDsm1hQgMOFDUmcvbI2n4fYHYFl1BQJ7qzHstCEkTgxITukuCYUKYCcXnjRQjC4FaWrTHuSOTMB6x7Xwvf44LtutUXF40jcM6/P7kcMQJT1ajMmaBzEeqxHztJ8AXkri20uFkyJjSqd6YBPnEu8dj2B0oXPZfFU2gs89gDGZH+tCqoA2oXLxLXGU8mpa4f72IumTUxGdm67ETLoz7tHiPiZishUhyREmqssfPxPEZ4kAkNoel+q+hqdqL3LP9MIuSiuzTJML9mReEmkRnX3HkFZZh9yT3ZBTNqJSASAXiyG90Yz0Rr75LJOukNm9uQTe9UXwGSprFqvvhffhWzGZ5Ubw8iSsLx9C1vHfIi+gUZNpoYVxOMHJ6gUCdFyE7UVmvKxvKcVYxTpMLdRJ9Dw1A8trnyOjvQeOHA+CB5/FoIMnpKHf5QTUK1WzDnz6PVyysOFGTMVz3s6j3d0Kj7BvNmZ7+MFpR+iVjRjNcCE45IX16DndZ54nAAzp4hBSRHA/k8pQgYtn/4TtM377wvL9G+m5HQgVX43wTfhrf8SmRi8kAKSZ0JFPMejhZ6cT/ssF2gh/kP5ZHcgBASCdjI5WsbbL4k99cTNYtyfewjneGSJbnRuxqdELA5A2Skd3Xx85toZ2uKXC6RQWudB0Gs7uAaSkJCN0T2HEpmbrBTkB6eF0VHknJlnZAl7W+S0sr1JUVKUfWPcvjehBtZ6FY9o/f8w7v0T6niNIk33lt2GyIENXQ1oFQBtZergYsjKldlVh5LoVCEhVe//biKHOP2Db0YCsrQeRTXDRxGvogPPNZmRu/xiZM8oX8dXPcIZCsMi98MwGeGMcRHy2JfNC8LMWSAOpu4xY0ebeq8ZQcyecR1nbxYAUlBkmKNl6mA5UowdORAB2sz/oHUJyUR5mGcbpjcWY4uVl1CE3iW/1NpTON+F1rDp7pwVpX/w4HxJ13WXH3FuVGLl5pS7ZVBV1jF7HEgLIvcyhXpUmGreVYfyxdbFhczkwt+uJRTkX8/WKz/kYMgxy2SyqJVMB1h2Bp7EDbo84r8LwDfkwqIeqdnQ0bslETBASihbyopvSD47DJZ9sIWMuNhJQP+XGTam6kSDWcv6/teXhHFCdy8jYnOdQRpajWi4SW/LmXQsN6gCIgpIgFZzWkiVjl0qyV2xIGy6JrqNoIdFJlAUlL2r4KH2jaeumsfHff041xsJTApELZdl/z/8BZtqkN0hcD4IAAAAASUVORK5CYII=) no-repeat;
    background-size: 100%
}

.xly-img-icon-retrieve.is-vip {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAFWklEQVRYCa0XW2gcVXTuPPe92Wy6SdM2pCFEW7QfBRUNPkAoFN8JpVK1H6Io1FAtEiwoSD+kFJQIVQi+sKYgts2HP2JB2o+GUgqlsdbWxMZSUzebNI/d2dnHPD1nMrOZ2Z2dLWkOHO6de8/rnnPuuWcIdZdgGAYPpL2AOwB7AFsB2wARZgAzgBOApwHHCCEyjA2BNKIAxSmgOQDYBxhpRG/t52EcBfwMDJn146lrACgWgHE/4FuAQT8hPntF2BsG/BwMKXvReRpgnfpbYNjuxbSKtUvA87qXN2oMAOVbgfgHwPWrUOTHkobNV8GIa04ilwHWyX8BgrVWbutEI3Y6PVExwIr5KSDwdbuh5YicPh5R81d4rTjFESamM8HNCpd4osS1PIMxbwQYjn47J5wGDMLGu37c6uKZQPHWUFxXcrQXHRvukUNdHy8RYb3mte9YGwIDjuC3aYDl+vPwXTfbNfEyJ02+nzR0jTBCuyq07cozofsVQ8vTqniJL2dORQxdJkywU4ls+XKeooOGQ2H1FD31KIbCNuAwLOytplr51ilxfFdKVxYYLv5IKdR9aJEiWJdWQC/dYqTrAy26mqOF1PNSoOO93Mqu5+wYGPABDadHSVhk6oKavcCjcpqN6cGug0vVypGRDnRogY59WZwri2fBkzpO/aAPdWMssbzWrXCGMkfLmZ/MfSb6QJkw8bqu5RJPlgjNGpgj5fRImDJ8qzHK7EUDsLZ7Qmn6i6h4ZU9KyV0WkIARNvknFxEomms1aUq3v4uJ47tTava8O1ZuTTvQgB732vJX8Z9P4uWZk5BYKsHsDrS/IrJw1bxocc1QZkGWQQkb9orCumclmmvWdHWJKdz4qFldOmcewIO3h0AczsFGl3NTy13k8xODSVwLdgxk+VRfwblfPZdnRsKl/76PRrZ+NUcHOpe9pBdI4cahJiV7IUBzSS364MgsJEo16xR6wH5SK5vlzIkwfvDJpwt+yvHU0l/7m4vT38TY2EPlinJkpkNGqOvDJZpt0nRlnlEWz3hd8TY0oAa0whSHi1ziqbouh6Ik5K++sU4VfxcIzRmBTftqrx0TMdj4dvMV1KTrpswqZQYLC9hMuEJgGGWzPhA2WnuX9BKF1VC+82vIFiakXpRoYYNnghImat4aLFI2vWPMoAcyjgVzygQ6FZyo4rgrg/XSTQZP7VSOdHzbHglHL1DzV00ZTLDLlFlFYxqAbZQLuKbHTLfJmZMRrHD2pgFVztCkmpMUJgcTWv6PGhfLs6MhrfA3hyHimnpNmbYsa5xAD2AP5wK+bbfEBDoUXRUhyQZa5JnjZlIykW1KdNvInNDan8eCYzOp0iQPdEl59kQlLMWbh+Olf4/GkEZIvSQRod0rRKfRgDFA7OEcQFPh+44sMKFuBatacfprU5BJQIch4d4ReRDqYKBoYZPKxh6unBLDBFecCKnnJGHj26KT1pqjzjEWHgQZCEfhw/UYEa5Vj2w5ekee+zmkLFRdIb1IlPnfKteKTzxeDG4+mHW+gBDGIp96oQBG1avHo6jbfg2x8/V9ji2rzaF8ezhSSv8YJYQ2AhvfzPGtL/sWKievNa88xxgCCt9lGIatTd/BKKcZfPtpLqGFez6dX4VylD9s6VxuSHAFwoD1umFLVk4fC6vZi0KoGzofNllbJ1CYP3i3ZMgDRmAoGjSlmPw1NxHZ7wbSQORqSs0Q2JyWW16DbySsA/ekHNtyDHcFXAbgKhD8CcNOQHTVWgHKwpNfqxZYYwASWFb2w3QIEDN2tYC8KAPbcNfJbYEN/WnlxQFgwL6xbutmC7TGe/85rRKICYqPypr/nv8PA7ASO4tuKTQAAAAASUVORK5CYII=)
}

.xly-status {
    position: relative;
    display: flex;
    align-items: center;
    width: 380px;
    height: 40px;
    padding-left: 12px;
    box-sizing: border-box;
    user-select: none;
    z-index: 3
}

.xly-status .xly-line {
    margin: 0 6px;
    height: 12px
}

.xly-plan {
    position: relative;
    display: flex;
    align-items: center
}

.xly-plan__text {
    color: var(--color-auxiliary);
    cursor: pointer
}

.xly-plan__text.is-limit {
    color: var(--color-danger)
}

.xly-status-speed {
    position: relative;
    color: var(--color-primary-gray-1);
    cursor: default
}

.xly-status-speed .xly-status-speed__text {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.xly-status-speed .xly-status-speed__text em {
    color: var(--color-primary)
}

.xly-status-speed em {
    font-style: normal
}

.xly-status-speed:hover .xly-speed-pop {
    display: block
}

.xly-speed-pop {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 1;
    width: 180px;
    padding: 12px 12px 18px;
    background: var(--background-module);
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    user-select: none;
    z-index: 99
}

.xly-speed-pop:before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: ""
}

.xly-speed-pop__item {
    display: flex;
    margin-bottom: 12px;
    color: var(--color-default)
}

.xly-speed-pop__item i {
    margin-right: 12px
}

.xly-speed-pop__item .xly-icon-download {
    color: var(--color-primary)
}

.xly-speed-pop__item .xly-icon-upload {
    color: #38b878
}

.xly-speed-pop__item p {
    display: inline-block;
    font-size: 12px
}

.xly-speed-pop__item p em {
    font-style: normal
}

.xly-speed-pop .td-button {
    display: block;
    width: 100%
}

.xly-plan-speed-list {
    padding-bottom: 11px;
    margin-left: 32px
}

.xly-plan-speed-list:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.xly-plan-menu {
    position: absolute;
    left: -12px;
    bottom: 24px;
    width: 222px;
    font-size: 13px;
    background: var(--background-module);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    user-select: none;
    z-index: 99
}

.xly-plan-menu__main {
    padding: 6px 0;
    border-bottom: 1px solid var(--color-border)
}

.xly-plan-menu__item {
    position: relative;
    display: flex;
    padding: 6px 0 6px 24px;
    font-size: 12px;
    cursor: default
}

.xly-plan-menu__item:hover {
    background: var(--color-list-hover)
}

.xly-plan-menu__item--option:hover {
    background: unset
}

.xly-plan-menu__item.is-limit {
    color: var(--color-danger)
}

.xly-plan-menu__item.is-chosen:before {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 9px;
    width: 6px;
    height: 3px;
    border-left: 2px solid var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
    transform: rotate(-45deg) scale(1);
    content: ""
}

.xly-plan-menu__number {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 12px;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    line-height: 17px;
    background: var(--color-primary);
    border-radius: 8px
}

.xly-plan-menu__tag {
    display: flex;
    margin-top: 10px
}

.xly-plan-menu__tag li {
    position: relative;
    width: 54px;
    margin-right: 6px;
    text-align: center;
    line-height: 20px;
    border: 1px solid var(--color-border-form);
    border-radius: 2px;
    cursor: pointer
}

.xly-plan-menu__tag li.is-chosen, .xly-plan-menu__tag li:hover {
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.xly-plan-menu__tag li.is-chosen:before {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 17px;
    height: 17px;
    line-height: 15px;
    text-align: right;
    color: #fff;
    font-size: 8px;
    font-family: thunder-icon !important;
    background: var(--color-primary);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    content: ""
}

.xly-plan-menu__tag li.is-chosen:after {
    position: absolute;
    bottom: 3px;
    right: 1px;
    width: 5px;
    height: 2px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-50deg) scale(1);
    content: ""
}

.xly-icon-disk {
    color: var(--color-danger)
}

.xly-status-disk {
    position: relative;
    display: flex;
    align-items: center
}

.xly-status-disk:hover .xly-status-disk__pop {
    display: block
}

.xly-status-disk__pop {
    display: none;
    position: absolute;
    left: -125px;
    bottom: 20px;
    width: 248px;
    padding: 12px 18px 18px;
    background: var(--background-module);
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    z-index: 99
}

.xly-status-disk__pop:before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: ""
}

.xly-status-disk__title {
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--color-danger)
}

.xly-status-disk__title i {
    margin-right: 6px
}

.xly-status-disk__progress {
    width: 100%
}

.xly-status-disk__progress li {
    position: relative;
    margin-bottom: 10px
}

.xly-status-disk .td-progress-bar {
    height: 8px;
    overflow: hidden
}

.xly-status-disk .td-progress-bar .td-progress-bar__inner {
    background: var(--color-danger)
}

.xly-status-disk__progress-text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px
}

.xly-status-disk__detail {
    margin-top: 12px;
    padding: 6px 0 6px 10px;
    color: #828282;
    background: var(--background-main);
    border-radius: 4px
}

.xly-status-disk__detail li, .xly-status-disk__detail p {
    margin-bottom: 5px
}

.xly-status-disk .td-button {
    width: 100%;
    margin-top: 12px
}

.xly-status-secret.is-open .xly-icon-secret {
    color: var(--color-primary)
}

.xly-status-secret.is-open .xly-icon-secret:after {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 6px;
    height: 6px;
    background: #38b878;
    border: 1px solid #fff;
    border-radius: 50%;
    content: ""
}

.xly-status-secret__tips {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 25px;
    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%)
}

.xly-status-kn {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-auxiliary);
    cursor: pointer
}

.xly-status-kn .xly-icon-bird {
    margin-right: 2px;
    color: var(--color-secondary);
    vertical-align: -2px
}

.xly-status-kn__tooltips {
    position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 5px));
    bottom: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 170px;
    height: 30px;
    padding: 0 12px;
    font-size: 11px;
    white-space: nowrap;
    color: #fff;
    background: var(--color-primary);
    border-radius: 4px;
    box-sizing: border-box
}

.xly-status-kn__tooltips .xly-icon-thunder {
    margin-right: 4px;
    font-size: 20px
}

.xly-status-kn__tooltips:before {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 8px;
    content: ""
}

.xly-status-kn__tooltips:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 5px;
    background: var(--color-primary);
    clip-path: polygon(0 0, 0 100%, 100% 0);
    content: ""
}

.xly-status-operate {
    position: absolute;
    right: 0;
    display: flex;
    color: var(--color-icon);
    line-height: 1
}

.xly-status-operate__item {
    position: relative;
    margin-right: 12px;
    height: 16px;
    cursor: pointer
}

.xly-status-operate__item .xly-icon-browser:hover + .xly-tips, .xly-status-operate__item .xly-icon-secret:hover + .xly-tips {
    display: block;
    bottom: 28px;
    z-index: 3
}

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

.xly-status-operate__tooltips {
    position: absolute;
    right: -28px;
    bottom: 28px;
    display: inline-grid;
    grid-template-columns: auto 72px;
    grid-template-rows: repeat(2, 1fr);
    padding: 8px 28px 8px 12px;
    white-space: nowrap;
    color: #fff;
    background: var(--color-primary);
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 2;
    cursor: default
}

.xly-status-operate__tooltips .xly-icon-thunder {
    margin-right: 4px;
    font-size: 20px
}

.xly-status-operate__tooltips .td-button {
    width: 72px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: var(--color-primary);
    background: #f0f7fe
}

.xly-status-operate__tooltips .td-button:hover {
    color: var(--color-hover)
}

.xly-status-operate__tooltips:before {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 8px;
    content: ""
}

.xly-status-operate__tooltips:after {
    position: absolute;
    bottom: -5px;
    right: 27px;
    width: 12px;
    height: 5px;
    background: var(--color-primary);
    clip-path: polygon(0 0, 0 100%, 100% 0);
    content: ""
}

.xly-status-operate__tooltips .td-icon-close {
    color: hsla(0, 0%, 100%, .8)
}

.xly-status-operate__tooltips .td-icon-close:hover {
    color: #fff
}

.xly-status-operate__tooltips a {
    position: absolute;
    top: 6px;
    right: 6px
}

.xly-status-operate__tooltips .title {
    grid-column: 2 span;
    line-height: 18px
}

.xly-status-operate__tooltips .text {
    display: flex;
    font-size: 11px;
    color: hsla(0, 0%, 100%, .7);
    align-items: center
}

.xly-status-operate__tooltips .bird {
    position: absolute;
    left: 0;
    top: -26px;
    width: 70px;
    height: 35px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABGCAMAAAApbYzeAAACYVBMVEUAAAAAcP0AfP0AYv0AefwAif0Ad/0AnP4Aov4AcPwAgv0AevwAe/wAevwAgf0Ag/4AevwAev0AUP4Aa/wAdfwAjvoAe/0AjPkA2P0AefsAefsAc/4AavsAiP0AeP4Axf0Aaf0AjvwAe/0AlvoAjPwAmP0Ai/wAffwAbfsAeP0AsP8Ar/gAi/0ArfkAj/kAkvwAc/sAc/8AkfsAbPoAtfsAq/kAkPkAXf4AcvoApvsAofkAt/kAVvwAj/gAlvsSiOoAefoAevv///8AdPoAevoAefwAjfkAAAAAd/oAe/sAjPkAbvoAcPoAavoAePoAgPoAiPoAg/oAhfoAcvoAfvoAc/sAZ/sAZfsAY/oAcf8AdP8AffoAd//+swD5wAAAbPoAhvr8ugAAUPsAbP//zAAAlfoAifgAofkARvsAePsAdfkAm/oAff8Ap/kAS/vk8//Y7P8AXvsAef8Pg/t4uf5HpPz39/cMDA0AdvtVVVTV0c1/f38AevkMefD/wwDK4/4qgtKk0v7///bj4uIbHB7N7v/67d0ZFxKPxf7ToSuv1/6+pD/4tANAhbyCnXkxk/v0+v9drP2cy/232/4GefsOfvsdhfuampopKStdXVw+mvzv7++qqqp0dHSTkZD7///t5t1DNwD//gAAiP8Agv/goh6bnmPGsjTivBkXfuYojvs3kvtpsP0Qjvpmt/43NzdHR0pmZWf/9QC73f0Ag/dRiK2Jk3Wsq1B0m4pflJrFtDW9vb3HvLG65//u2sZ/wv5bTACFcQC/rABUQwCtmgC0ogAAi/kAjfgAjPkAbPrrvxFOGljeAAAAlXRSTlMAKjdVcApiSwOQMKPbxBkU501LdL2Hf/IYrvEjhqdCUk2dzmN4JMK195ox/FrF4UjRrZburNnXwOhD9pbv6FPs/////////////////////////////////////////////////////////////////////////////////////////////////////////////////YVSJNIAAAcQSURBVGje7Zn1d9NQFMeDU9zd3d3lnOTlQVOaZIyUJhXoYAIpNsYGA4a7u7u7u/v6b3HvSx9r4RfOSDt+2GfLfTvLOcu31959mVBLLVmiU8+e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) no-repeat;
    background-size: 100% auto
}

.xly-down-bar {
    position: absolute;
    left: 6px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    width: 368px;
    height: 30px;
    color: #fff;
    background: rgba(56, 184, 120, .9);
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 9;
    overflow: hidden;
    user-select: none
}

.xly-down-bar.is-animation .xly-down-bar__arrow i {
    position: absolute;
    top: 0;
    left: -60px;
    width: 60px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, rgba(243, 224, 190, .5));
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 30% 51%, 0 0);
    content: ""
}

@keyframes move {
    0% {
        transform: translateZ(0)
    }
    66.66%, to {
        transform: translate3d(550px, 0, 0)
    }
}

.xly-down-bar.is-animation .xly-down-bar__arrow i:first-child {
    animation: move 3s infinite both
}

.xly-down-bar.is-animation .xly-down-bar__arrow i:nth-child(2) {
    animation: move 3s .07s infinite both
}

.xly-down-bar.is-animation .xly-down-bar__arrow i:nth-child(3) {
    animation: move 3s .14s infinite both
}

.xly-down-bar__text {
    position: relative;
    margin-right: 12px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    cursor: pointer;
    z-index: 1
}

.xly-down-bar__add {
    display: flex;
    align-items: center;
    margin-right: 12px;
    font-size: 16px;
    font-family: dincond
}

.xly-down-bar__add img {
    margin-right: 3px;
    width: 16px;
    height: 16px
}

.xly-down-bar__option {
    height: 100%;
    display: flex;
    align-items: center
}

.xly-down-bar__option .xly-down-bar__close {
    color: hsla(0, 0%, 100%, .8)
}

.xly-down-bar__option .xly-down-bar__close:hover {
    color: #fff
}

.xly-down-bar__button {
    width: 60px;
    margin-right: 13px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background: rgba(239, 246, 254, .2);
    border-radius: 4px
}

.xly-down-bar__button:hover {
    color: #fff;
    background: rgba(239, 246, 254, .3)
}

.xly-down-bar__progress {
    position: absolute;
    top: 8px;
    left: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.xly-down-bar__progress img {
    width: 24px;
    height: 24px
}

.xly-down-bar--normal {
    position: relative;
    left: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 10px 0 54px;
    width: 100%;
    height: 40px;
    color: #6b4d2c;
    background: var(--background-bar)
}

.xly-down-bar--normal.is-large {
    height: 48px
}

.xly-down-bar--normal .xly-down-bar__option {
    right: 16px;
    position: absolute;
    top: 0
}

.xly-down-bar--normal .xly-down-bar__text {
    max-width: 210px;
    flex: unset
}

.xly-down-bar--normal .xly-down-bar__media {
    position: absolute;
    left: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px
}

.xly-down-bar--normal .xly-down-bar__media img {
    max-width: 24px
}

.xly-down-bar--normal .xly-down-bar__media .td-progress {
    position: absolute;
    top: 0;
    left: 0
}

.xly-down-bar--normal .xly-down-bar__button {
    width: 72px;
    color: #462609;
    background-image: linear-gradient(90deg, #ffe5ae 2%, #ffeaa0)
}

.xly-down-bar--normal .xly-down-bar__button:hover {
    color: #462609;
    background-image: linear-gradient(90deg, #ffecc4 2%, #fff1be)
}

.xly-down-bar--normal .xly-down-bar__close {
    color: var(--color-secondary);
    opacity: .5
}

.xly-down-bar--normal .xly-down-bar__close:hover {
    color: #6b4d2c
}

.xly-down-bar--normal .xly-down-bar__time {
    font-size: 11px;
    color: var(--color-secondary)
}

.xly-down-bar--normal .xly-down-bar__time span {
    margin: 0 3px;
    color: var(--color-danger);
    font-size: 14px;
    font-family: dincond
}

.xly-down-bar--normal .xly-down-bar__scroll {
    position: relative;
    display: flex;
    margin-top: 5px;
    height: 15px;
    overflow: hidden
}

.xly-down-bar--normal .xly-down-bar__scroll li {
    display: flex;
    height: 15px
}

.xly-down-bar--normal .xly-down-bar__scroll .is-moving {
    margin-top: -15px;
    transition: .5s
}

.xly-down-bar--normal .xly-down-bar__scroll .xly-down-bar__detail {
    margin-top: 0
}

.xly-down-bar--normal .xly-down-bar__detail {
    position: relative;
    display: flex;
    margin-top: 5px;
    height: 15px;
    font-size: 11px;
    color: var(--color-secondary);
    white-space: nowrap;
    overflow: hidden
}

.xly-down-bar--normal .xly-down-bar__detail p {
    margin-right: 6px
}

.xly-down-bar--normal .xly-down-bar__detail span {
    color: var(--color-danger)
}

.xly-down-bar--normal.is-super {
    background: #32302f
}

.xly-down-bar--normal.is-super .xly-down-bar__text {
    color: #fff
}

.xly-down-bar--normal.is-super .td-progress-circle__track {
    stroke: #f1c37b
}

.xly-down-bar--normal.is-super .xly-down-bar__close {
    opacity: .8
}

.xly-down-bar--normal.is-super .xly-down-bar__close:hover {
    color: #fff
}

.xly-down-bar--normal.is-super.is-animation .xly-down-bar__arrow i {
    background-image: linear-gradient(90deg, transparent, rgba(243, 224, 190, .1))
}

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

.xly-plugin-vip {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 280px;
    height: 40px;
    line-height: 40px
}

.xly-plugin-vip .td-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px
}

.xly-plugin-vip .td-button.is-vip {
    color: #462609;
    background-image: linear-gradient(90deg, #ffe5ae 2%, #ffeaa0)
}

.xly-plugin-vip .td-button.is-vip:hover {
    background-image: linear-gradient(90deg, #ffecc4 2%, #fff1be)
}

.xly-plugin-vip .td-button.is-super {
    color: #f3d096;
    background-image: linear-gradient(135deg, #685a53, #312725)
}

.xly-plugin-vip .td-button.is-super:hover {
    background-image: linear-gradient(135deg, #857a74, #5e5553)
}

.xly-plugin-vip .td-button img {
    width: 24px;
    height: 24px
}

.xly-plugin-vip__text {
    color: #d69a57
}

.xly-plugin-vip__text span {
    color: #c27a13
}

.xly-plugin-vip__text.is-error {
    color: var(--color-danger) !important
}

.xly-plugin-vip__link {
    color: var(--color-primary);
    white-space: nowrap
}

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

.xly-plugin-vip__link.is-error {
    color: var(--color-danger-2) !important
}

.xly-plugin-vip__link.is-default {
    color: var(--side-text-color-1) !important
}

.xly-plugin-vip a.xly-plugin-vip__text.is-error:hover {
    color: var(--color-danger-3) !important
}

.xly-plugin-vip__button {
    display: flex;
    height: 20px;
    line-height: 20px;
    margin: 4px;
    border-radius: 3px;
    overflow: hidden;
    transition: .2s
}

.xly-plugin-vip__button-speed {
    width: 60px;
    height: 20px;
    margin: 4px 0;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background: var(--color-primary);
    border-radius: 2px;
    transition: background .2s
}

.xly-plugin-vip__button-speed:hover {
    background: var(--color-primary-hover)
}

.xly-plugin-vip__logo-vip {
    padding: 0 3px;
    background: #adadad
}

.xly-plugin-vip__status {
    display: flex;
    align-items: center;
    color: var(--color-icon);
    font-size: 11px;
    white-space: nowrap
}

.xly-plugin-vip__status.is-super {
    color: #d69a57
}

.xly-plugin-vip__status.is-error {
    color: var(--color-danger-2)
}

.xly-plugin-vip__status .xly-icon-accelerate, .xly-plugin-vip__status .xly-icon-connect {
    margin-right: 3px;
    background-image: linear-gradient(#eec680 20%, #d69a57 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.xly-plugin-vip__scroll {
    position: relative;
    width: 96px;
    height: 40px;
    overflow: hidden
}

.xly-plugin-vip__scroll li {
    line-height: 40px
}

.xly-plugin-vip__scroll .is-moving {
    margin-top: -40px;
    transition: 1s
}

.xly-plugin-vip.is-plan-b {
    padding: 0 3px
}

.xly-plugin-vip.is-plan-b .td-progress {
    position: absolute;
    left: 0;
    width: 100%
}

.xly-plugin-vip.is-plan-b .td-progress.is-super .td-progress-bar__outer {
    background-image: linear-gradient(135deg, #685a53, #312725)
}

.xly-plugin-vip.is-plan-b .td-progress .td-progress-bar {
    height: 28px;
    border-radius: 4px;
    overflow: hidden
}

.xly-plugin-vip.is-plan-b .td-progress .td-progress-bar__outer {
    background-image: linear-gradient(270deg, #ffc868 0, #eba963 99%)
}

.xly-plugin-vip.is-plan-b .td-progress .td-progress-bar__inner {
    background-image: linear-gradient(90deg, #ff920a, #ff7d27)
}

.xly-plugin-vip.is-plan-b .td-button {
    justify-content: flex-start;
    width: 78px
}

.xly-plugin-vip.is-plan-b .td-button.is-super {
    color: #462609;
    background-image: linear-gradient(90deg, #ffe5ae 2%, #ffeaa0)
}

.xly-plugin-vip.is-plan-b .td-button.is-super:hover {
    background-image: linear-gradient(90deg, #ffecc4 2%, #fff1be)
}

.xly-plugin-vip.is-plan-b .td-button, .xly-plugin-vip.is-plan-b .xly-plugin-vip__link, .xly-plugin-vip.is-plan-b .xly-plugin-vip__text {
    position: relative;
    z-index: 1
}

.xly-plugin-vip.is-plan-b .xly-plugin-vip__text {
    color: #fff5dd
}

.xly-plugin-vip.is-plan-b .xly-plugin-vip__text span {
    color: currentColor
}

.xly-chart-curve {
    position: relative;
    padding-top: 1px;
    height: 100%;
    border-radius: 4px
}

.xly-chart-curve:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--background-main);
    opacity: .5;
    content: ""
}

.xly-chart-curve i.xly-icon-play:before {
    content: "\E775"
}

.xly-chart-curve .xly-line {
    margin: 0 9px
}

.xly-chart-curve__canvas {
    position: relative;
    margin-top: 44px;
    height: calc(100% - 84px);
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1
}

.xly-chart-curve__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    line-height: 40px;
    z-index: 1
}

.xly-chart-curve__data, .xly-chart-curve__detail, .xly-chart-curve__fast {
    display: flex;
    align-items: center;
    color: var(--color-secondary)
}

.xly-chart-curve__detail p {
    display: flex;
    align-items: center
}

.xly-chart-curve__detail .tag-speed {
    width: 10px;
    height: 10px;
    margin-right: 4px
}

.xly-chart-curve__detail .tag-speed--all {
    background: var(--color-primary)
}

.xly-chart-curve__detail .tag-speed--vip {
    background: #ff9376
}

.xly-chart-curve__detail .tag-speed--super {
    background: #fecb56
}

.xly-chart-curve__operate {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 2
}

.xly-chart-curve__operate .td-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
    width: 122px;
    height: 40px
}

.xly-chart-curve__operate .td-button--other {
    background: var(--background-area)
}

.xly-chart-curve__operate .td-button i {
    margin-right: 6px
}

.xly-chart-curve__button {
    display: flex;
    align-items: center;
    margin: 0 6px;
    width: 165px;
    background: var(--color-primary);
    border-radius: 4px
}

.xly-chart-curve__button .xly-line {
    margin: 0;
    height: 14px;
    opacity: .4;
    background: #fff
}

.xly-chart-curve__button .td-button {
    margin: 0;
    border-radius: 4px 0 0 4px
}

.xly-chart-curve__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 100%;
    text-align: center;
    color: #fff;
    border-radius: 0 4px 4px 0;
    cursor: pointer
}

.xly-chart-curve__icon:hover {
    background: var(--color-hover)
}

.xly-chart-curve__icon:hover .xly-chart-curve__code {
    display: flex
}

.xly-chart-curve__wrapper {
    position: relative
}

.xly-chart-curve__wrapper:hover .xly-chart-curve__code {
    display: flex
}

.xly-chart-curve__code {
    display: none;
    flex-direction: column;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%);
    width: 80px;
    background: #fff;
    border: 8px solid #fff;
    border-radius: 4px;
    filter: drop-shadow(0 0 10px var(--color-shadow))
}

.xly-chart-curve__code p {
    margin-top: 6px;
    color: #4d4d4d;
    white-space: nowrap
}

.xly-chart-curve__code:after {
    left: 50%;
    margin-left: -4px;
    bottom: -20px;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border-color: #fff transparent transparent;
    border-style: dashed;
    border-width: 6px 5px;
    content: ""
}

.xly-chart-curve__code img {
    display: block;
    width: 100%;
    height: 100%
}

.xly-chart-curve__tips {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    margin-top: -7px;
    height: 30px;
    color: var(--color-danger);
    background: var(--background-module);
    border-radius: 15px;
    transform: translate(-50%, -50%);
    z-index: 2
}

.xly-chart-curve__tips i {
    margin-right: 6px
}

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

.xly-chart-curve__point {
    position: absolute;
    width: 8px;
    height: 8px;
    background: hsla(0, 0%, 100%, .7);
    border: 4px solid rgba(63, 133, 255, .5);
    border-radius: 50%
}

.xly-chart-curve__point.is-vip {
    border-color: rgba(235, 121, 113, .5)
}

.xly-chart-curve__point.is-super {
    border-color: rgba(235, 176, 73, .5)
}

.xly-chart-curve__line {
    position: absolute;
    width: 100%;
    height: 1px;
    margin: 6px 0 0 16px;
    border-bottom: 1px dashed var(--color-primary)
}

.xly-chart-curve__line.is-vip {
    border-color: #e97870
}

.xly-chart-curve__line.is-super {
    border-color: #ebb049
}

.xly-chart-curve__number {
    position: absolute;
    right: 0;
    margin-top: -18px;
    text-align: right
}

.xly-data-ani {
    position: absolute;
    margin: -34px 0 0 -34px;
    z-index: 5;
    width: 60px;
    height: 60px;
    transform: scale(.7)
}

@media only screen and (min-width: 1201px) {
    .xly-chart-curve__operate .td-button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 145px;
        height: 46px;
        font-size: 16px
    }

    .xly-chart-curve__operate .td-button i {
        margin-right: 6px;
        font-size: 20px
    }

    .xly-chart-curve__operate .td-button.td-button--other {
        font-size: 16px
    }

    .xly-icon-mobile-bold {
        font-size: 20px
    }
}

@media only screen and (min-width: 1601px) {
    .xly-chart-curve__operate .td-button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 165px;
        height: 50px;
        font-size: 18px
    }

    .xly-chart-curve__operate .td-button.td-button--other {
        font-size: 18px
    }

    .xly-chart-curve__operate .td-button i {
        margin-right: 12px;
        font-size: 24px
    }

    .xly-icon-mobile-bold {
        font-size: 24px
    }

    .xly-chart-curve__button {
        width: 190px
    }
}

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

.xly-attribute__chart {
    position: relative;
    width: 28.5vh;
    height: 28.5vh
}

.xly-attribute__chart-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.xly-attribute__chart-text .title {
    color: #bbbbbc
}

.xly-attribute__chart-text .number {
    font-size: 24px;
    font-family: dincond
}

.xly-attribute__detail {
    margin-left: 36px;
    width: 200px;
    display: flex;
    align-items: center
}

.xly-attribute__item {
    display: flex;
    align-items: center;
    margin: 12px 0;
    white-space: nowrap
}

.xly-attribute__text {
    width: 49px
}

.xly-attribute__tag {
    width: 12px;
    height: 12px;
    margin-right: 6px
}

.xly-attribute__tag--natural {
    background: #7ee09e
}

.xly-attribute__tag--mirror {
    background: #23d9d6
}

.xly-attribute__tag--p2p {
    background: #3980fa
}

.xly-attribute__tag--vip {
    background: #fecb56
}

.xly-attribute__tag--normal {
    background: #e6eeff
}

.xly-attribute__size {
    display: flex;
    align-items: center;
    margin-left: 6px;
    color: var(--color-secondary)
}

.xly-attribute-pei {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.xly-transport {
    padding: 0;
    width: 434px;
    height: 604px;
    user-select: none
}

.xly-transport .td-dialog__header {
    min-height: 20px;
    margin: 0 30px;
    user-select: none;
    -webkit-app-region: drag
}

.xly-transport .td-dialog__close {
    z-index: 1
}

.xly-transport .td-tabs__title {
    justify-content: center;
    margin: 0 30px;
    user-select: none;
    border-bottom: 0;
    -webkit-app-region: drag
}

.xly-transport .td-media {
    position: relative;
    padding-right: 66px
}

.xly-transport .td-media__content {
    margin-left: 12px
}

.xly-transport .td-tabs__item {
    position: relative;
    padding-bottom: 12px;
    width: 72px;
    height: 30px;
    margin: 0 5px;
    font-size: 14px;
    -webkit-app-region: no-drag
}

.xly-transport .td-tabs__item > div {
    position: relative;
    display: inline-block
}

.xly-transport .td-tabs__item.is-active {
    position: relative;
    border-bottom: unset
}

.xly-transport .td-tabs__item.is-active:after {
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -9px;
    width: 18px;
    height: 2px;
    background: var(--color-primary);
    content: ""
}

.xly-transport .td-tabs__content {
    padding-top: 0;
    border-top: 1px solid var(--color-border)
}

.xly-transport .td-tooltip.is-top {
    bottom: calc(100% + 4px)
}

.xly-transport .td-tooltip.is-bottom, .xly-transport .td-tooltip.is-top {
    left: 50%;
    white-space: pre-wrap;
    color: var(--color-default);
    transform: translate(-50%)
}

.xly-transport .td-tooltip.is-bottom {
    top: calc(100% + 4px)
}

.xly-transport .td-tooltip .td-poper__arrow {
    display: none
}

.xly-transport .xly-file-name {
    position: relative;
    max-height: 36px;
    line-height: 18px;
    font-size: 13px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.xly-transport .td-progress {
    margin-top: 3px;
    overflow: hidden
}

.xly-transport .td-progress-bar {
    height: 4px
}

.xly-transport .td-progress-bar__inner {
    position: relative;
    background: var(--color-primary)
}

.xly-transport .td-progress-bar__inner:before {
    position: absolute;
    right: 0;
    width: 28px;
    height: 100%;
    background-image: linear-gradient(90deg, #3f85ff 0, var(--color-light));
    content: ""
}

.xly-transport i.xly-icon-note {
    color: var(--color-danger);
    vertical-align: -1px
}

.xly-transport i.xly-icon-help {
    color: var(--color-note);
    vertical-align: -1px
}

.xly-transport .td-tooltip {
    padding: 5px 12px
}

.xly-transport__item {
    padding: 14px 20px 10px 12px;
    cursor: default;
    margin-bottom: 1px
}

.xly-transport__item:hover {
    background: var(--color-item-hover)
}

.xly-transport__item.is-chosen {
    background: var(--color-item-active)
}

.xly-transport__item.is-disabled .xly-icon-type {
    opacity: .5
}

.xly-transport__item.is-disabled .xly-file-name {
    color: var(--color-secondary)
}

.xly-transport__content {
    position: relative;
    margin: 0 1px;
    height: 540px;
    overflow-y: auto
}

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

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

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

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

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

.xly-transport__content .xly-netdisk-note {
    z-index: 2
}

.xly-transport__title {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 12px;
    line-height: 30px;
    color: var(--color-auxiliary);
    background: var(--background-main)
}

.xly-transport__title-tips {
    display: flex;
    align-items: center;
    margin-left: 16px;
    color: #e8bb71
}

.xly-transport__title-tips img {
    margin-right: 3px;
    width: 16px
}

.xly-transport__operate {
    position: absolute;
    top: 0;
    right: 21px
}

.xly-transport__empty {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.xly-transport__empty p {
    margin-top: 20px;
    color: var(--color-secondary)
}

.xly-transport__back {
    display: flex;
    align-items: center;
    padding: 0 12px 12px;
    height: 30px;
    font-size: 14px;
    border-bottom: 1px solid var(--color-border);
    user-select: none;
    -webkit-app-region: drag;
    cursor: pointer
}

.xly-transport__back i {
    position: relative;
    top: 1px;
    margin-right: 14px;
    color: var(--color-secondary);
    -webkit-app-region: no-drag
}

.xly-transport__back .title {
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-app-region: no-drag
}

.xly-transport__back:hover .title, .xly-transport__back:hover i {
    color: var(--color-primary)
}

.xly-transport .xly-file-info {
    position: relative;
    display: flex;
    margin: 5px 0 0;
    font-size: 11px;
    line-height: 15px;
    color: var(--color-secondary);
    z-index: 2
}

.xly-transport .xly-file-info .xly-file-status {
    position: absolute;
    top: 0;
    right: 0
}

.xly-transport .xly-file-info .xly-file-percent {
    position: absolute;
    left: 128px
}

.xly-transport .xly-file-info .xly-file-time {
    position: absolute;
    left: 85px;
    width: 102px;
    text-align: center
}

.xly-transport .xly-file-info .xly-file-speed {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center
}

.xly-transport .xly-file-info .xly-file-speed .xly-file-speed__vip {
    color: #e9b23e;
    margin-left: 2px
}

.xly-transport .xly-file-info .xly-file-speed .xly-file-speed__vip.is-super {
    padding: 0 2px;
    color: #b77020;
    background: #f3d283;
    border-radius: 2px
}

.xly-transport .xly-file-info .xly-file-speed .xly-file-speed__note {
    position: relative;
    margin-left: 3px
}

.xly-transport .xly-file-info .xly-file-speed .xly-file-speed__note:hover .xly-file-speed__tips {
    display: block
}

.xly-transport .xly-file-info .xly-file-speed .xly-file-speed__tips {
    display: none;
    position: absolute;
    top: 16px;
    right: 0;
    padding: 0 10px;
    line-height: 30px;
    color: var(--color-default);
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(26, 26, 26, .2);
    border-radius: 4px;
    white-space: nowrap
}

.xly-transport .xly-file-info .xly-file-speed .xly-file-speed__tips a {
    margin-left: 10px;
    color: var(--color-primary)
}

.xly-transport .xly-file-info .xly-file-error {
    color: var(--color-danger)
}

.xly-transport .xly-file-info .xly-file-text {
    margin-left: 18px;
    white-space: nowrap
}

.xly-transport .xly-file-info .xly-file-text.is-error {
    color: var(--color-danger)
}

.xly-transport .xly-file-info .xly-file-text--right {
    position: absolute;
    right: 0
}

.xly-transport .xly-file-info .xly-file-text--vip {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    color: #f1c37b
}

.xly-transport .xly-file-info .xly-file-text--vip img {
    margin-right: 3px;
    width: 16px
}

.xly-transport .xly-file-info .xly-file-normal {
    position: absolute;
    right: 0
}

.xly-transport.is-vip .td-progress-bar__inner {
    background-color: #e7bc77
}

.xly-transport.is-vip .td-progress-bar__inner:before {
    background-image: linear-gradient(90deg, #e7bc77 1%, #ffe3a6 60%, #e7bc77)
}

.xly-transport-operate {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center
}

.xly-transport-operate__button {
    display: block;
    margin-left: 20px;
    color: var(--color-icon)
}

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

.xly-transport-operate i {
    display: block;
    line-height: 1;
    transform-origin: center 8px
}

.xly-transport-operate .xly-icon-retry {
    transform-origin: 7px 8px
}

.xly-tab-point {
    position: absolute;
    top: 4px;
    right: -8px;
    width: 7px;
    height: 7px;
    background: var(--color-danger);
    border-radius: 50%
}

.is-rotate {
    animation: ani-rotate .7s both
}

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

.xly-transport-plugin {
    position: relative;
    margin: 12px 0;
    height: 24px;
    display: flex
}

.xly-transport-plugin__image {
    width: 25px;
    margin: 0 15px 0 4px
}

.xly-transport-plugin__image img {
    width: 100%
}

.xly-transport-plugin__bar {
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 6px;
    width: 280px;
    display: flex;
    color: #1a1a1a;
    background: #fff8e4;
    border-radius: 4px;
    box-sizing: border-box
}

.xly-transport-plugin__bar .td-button {
    width: 64px;
    color: #916146;
    background: #fcd68f;
    border-radius: 3px
}

.xly-transport-plugin__bar .td-button.is-super {
    color: #fcd68f;
    background-color: #3d3838
}

.xly-transport-plugin .td-icon-close {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    color: var(--color-secondary);
    cursor: pointer
}

.xly-transport-plugin .td-icon-close:hover {
    color: var(--color-primary)
}

.xly-netdisk-menu {
    position: absolute;
    padding: 6px 0;
    width: 160px;
    background: var(--background-module);
    box-shadow: 0 0 10px 0 var(--color-shadow);
    border-radius: 4px;
    user-select: none
}

.xly-netdisk-menu__item {
    padding: 0 14px;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 13px;
    cursor: pointer
}

.xly-netdisk-menu__item:hover {
    background: var(--color-list-hover)
}

.xly-netdisk-menu__item.is-disabled {
    color: var(--color-secondary);
    pointer-events: none
}

.xly-netdisk-menu__item.is-disabled .xly-netdisk-menu__icon {
    opacity: .5
}

.xly-netdisk-menu__icon {
    margin-right: 12px;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,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);
    background-size: 76px auto
}

.xly-netdisk-menu__icon--link {
    background-position: -4px -4px
}

.xly-netdisk-menu__icon--bt {
    background-position: -42px -4px
}

.xly-netdisk-menu__icon--upload {
    background-position: -4px -42px
}

.xly-netdisk-menu__icon--file {
    background-position: -42px -42px
}

.xly-netdisk-menu__icon--folder {
    background-position: -4px -80px
}

.xly-setting {
    padding: 12px 24px 60px;
    height: calc(100vh - 42px);
    background: var(--background-main);
    box-sizing: border-box;
    overflow-y: auto;
    user-select: none
}

.xly-setting .xly-setting-content__inline {
    display: flex;
    align-items: center
}

.xly-setting .xly-setting-content__inline > span {
    white-space: nowrap
}

.xly-setting .td-dropdown-menu {
    max-height: 180px;
    overflow-y: auto
}

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

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

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

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

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

.xly-setting .td-dropdown-menu .td-dropdown-menu__item {
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 8px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-setting .td-table__header-wrapper {
    margin-right: 0
}

.xly-setting .td-table__panel {
    overflow-y: auto
}

.xly-setting .td-table__body {
    position: static
}

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

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

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

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

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

.xly-setting__header {
    padding-left: 24px;
    line-height: 45px
}

.xly-setting__header-link {
    display: flex;
    align-items: center
}

.xly-setting .td-select {
    display: inline-block
}

.xly-setting .td-select.xly-select-setting {
    display: block;
    width: 380px;
    margin: 0 6px
}

.xly-setting .td-select.xly-select-setting.is-checked .td-select-group {
    border-color: var(--color-primary)
}

.xly-setting .td-select.xly-select-setting.is-checked .xly-select__file {
    color: var(--color-primary)
}

.xly-setting .td-select.xly-select-setting .td-select {
    width: 100%
}

.xly-setting .td-select.xly-select-setting .td-select-group {
    flex: 1;
    border-color: var(--color-border-form);
    overflow: hidden
}

.xly-setting .td-select.xly-select-setting .td-select-group__label {
    cursor: default
}

.xly-setting .td-select.xly-select-setting .td-checkbox {
    margin-left: 12px
}

.xly-setting .td-select.xly-select-setting .td-checkbox__label {
    margin: 0 12px;
    color: var(--color-primary)
}

.xly-setting .td-select.xly-select-setting .td-select__drop {
    margin-right: 34px
}

.xly-setting .td-select.xly-select-setting.xly-select-setting--normal .td-select__drop {
    display: none
}

.xly-setting .td-select.xly-select-setting.xly-select-setting--normal .td-input__inner {
    margin-right: 25px
}

.xly-setting .td-select.xly-select-setting .td-tooltip-wrapper {
    width: 100%
}

.xly-setting .xly-select__file {
    position: absolute;
    right: 8px;
    color: var(--color-primary)
}

.xly-setting .td-button {
    padding: 0 10px;
    min-width: 72px;
    width: auto;
    line-height: 23px;
    box-sizing: border-box
}

.xly-setting .xly-icon-help {
    margin-left: 6px;
    color: var(--color-secondary)
}

.xly-setting-nav {
    position: fixed;
    width: 150px;
    border-radius: 10px;
    box-sizing: border-box
}

.xly-setting-nav__item {
    cursor: default
}

.xly-setting-nav__item a {
    display: block;
    padding-left: 18px;
    line-height: 40px;
    border-radius: 4px
}

.xly-setting-nav__item a.is-active {
    color: var(--color-primary);
    background: var(--background-module)
}

.xly-setting-wrapper {
    margin-left: 176px
}

.xly-setting-wrapper .xly-setting-advanced__config .td-tooltip-wrapper {
    width: auto
}

.xly-setting-content {
    padding: 18px 12px;
    margin-bottom: 12px;
    background: var(--background-module);
    border-radius: 4px
}

.xly-setting-content__list {
    display: flex;
    align-items: center;
    margin-top: 15px
}

.xly-setting-content__item {
    margin-bottom: 12px
}

.xly-setting-content h3 {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700
}

.xly-setting-content__vertical > li {
    margin: 0 0 0 12px;
    line-height: 40px
}

.xly-setting-content__horizontal {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 30px
}

.xly-setting-content__horizontal > li {
    margin-right: 42px
}

.xly-setting-content__indentation {
    padding-left: 30px;
    margin-top: -6px
}

.xly-setting-content__indentation > li {
    height: 28px;
    display: flex;
    align-items: center
}

.xly-setting-content__indentation.xly-setting-content__break > li {
    display: block;
    height: auto;
    line-height: 18px;
    margin: 12px 0
}

.xly-setting-content__indentation.xly-setting-content__break > li .xly-setting-content__description {
    margin: 3px 0 0 20px
}

.xly-setting-content__tips {
    color: #999
}

.xly-setting-content__link {
    color: var(--color-primary);
    margin-left: 50px
}

.xly-setting-content__description {
    margin-left: 6px;
    color: var(--color-secondary)
}

.xly-setting-content__button {
    margin-top: 12px;
    width: 506px;
    display: flex;
    justify-content: space-between
}

.xly-setting-content__button .button-wrap {
    display: flex
}

.xly-setting-content__button .td-button--other {
    margin-left: 6px;
    line-height: 23px
}

.xly-setting-content__select {
    margin: 15px 0 0 20px
}

.xly-setting-content__select .td-select {
    display: inline-flex
}

.xly-setting-content__select li {
    display: inline-block;
    margin: 0 45px 5px 0
}

.xly-setting-content .td-select--default {
    border: 1px solid var(--color-primary-gray-2);
    height: 30px;
    border-radius: 4px
}

.xly-setting-content .td-select--default:focus {
    outline: 0
}

.xly-input-size-1 {
    margin-left: 4px;
    margin-right: 4px
}

.xly-input-size-1 .td-input__inner {
    width: 120px
}

.xly-input-size-2 {
    margin: 0 6px
}

.xly-input-size-2 .td-input__inner {
    width: 60px
}

.xly-select-size-1 {
    width: 90px;
    margin: 0 6px
}

.xly-select-size-1 .td-input__inner {
    width: 90px
}

.xly-select-size-2 {
    width: 96px;
    margin: 0 6px
}

.xly-select-size-2 .td-tooltip-wrapper {
    width: 100%
}

.xly-select-size-2 .td-input__inner {
    width: 96px
}

.xly-setting-cloud .xly-setting-content__vertical > li {
    position: relative;
    padding: 5px 0 5px 90px;
    min-height: 40px;
    line-height: unset;
    box-sizing: border-box
}

.xly-setting-cloud .xly-setting-content__title {
    position: absolute;
    left: 0;
    line-height: 30px
}

.xly-setting-cloud .td-checkbox {
    margin: 10px 0 0 6px
}

.xly-setting-down .xly-setting-content__align {
    position: relative;
    padding: 5px 0 5px 60px;
    min-height: 40px;
    line-height: unset;
    box-sizing: border-box
}

.xly-setting-down .xly-setting-content__align .td-checkbox {
    margin: 10px 0 0 6px
}

.xly-setting-down .xly-setting-content__align .xly-setting-content__title {
    position: absolute;
    left: 0;
    line-height: 30px
}

.xly-setting-task li {
    display: flex;
    align-items: center
}

.xly-setting-remind .xly-select-setting {
    margin-left: 25px
}

.xly-setting-advanced .xly-setting-advanced__connect {
    display: block;
    height: auto;
    line-height: 24px
}

.xly-setting-advanced__config {
    margin: 12px 0 0 20px;
    display: flex;
    flex-wrap: wrap
}

.xly-setting-advanced__config > li {
    display: flex;
    align-items: center;
    margin-right: 24px
}

.xly-setting-advanced__config > li:nth-child(2) .xly-setting-content__title {
    width: 58px
}

.xly-setting-advanced__config > li:nth-child(3) {
    margin-top: 12px;
    width: 100%
}

.xly-setting-advanced__config .xly-setting-content__title {
    width: 84px
}

.xly-setting-advanced .td-table {
    width: 506px;
    background: unset
}

.xly-setting-advanced .td-table td, .xly-setting-advanced .td-table th {
    height: 30px;
    line-height: 30px
}

.xly-setting-advanced .td-table th {
    color: var(--color-secondary);
    border-bottom: 1px solid var(--color-border)
}

.xly-setting-advanced .td-table td {
    border-bottom: 1px solid var(--color-border-form)
}

.xly-setting-advanced .td-table .is-chosen {
    background: var(--color-item-hover)
}

.xly-comment {
    margin-top: 12px;
    padding: 12px;
    background: var(--background-area);
    border-radius: 4px
}

.xly-comment .td-avatar {
    width: 30px;
    height: 30px;
    margin-right: 12px
}

.xly-comment .td-avatar img {
    width: 100%;
    border-radius: 50%
}

.xly-comment .td-textarea__inner {
    color: var(--color-secondary)
}

.xly-comment .td-textarea__inner::placeholder {
    color: var(--color-secondary)
}

.xly-comment .td-textarea__inner:focus {
    border-color: var(--color-border-form)
}

.xly-comment .td-pagination .td-button {
    width: 72px;
    height: 24px;
    font-size: 12px;
    line-height: 24px
}

.xly-comment .td-pagination .td-button:hover {
    color: var(--color-primary)
}

.xly-comment .td-pagination .td-button.is-disabled, .xly-comment .td-pagination .td-button.is-disabled:hover {
    color: var(--color-disabled)
}

.xly-comment__bird-link {
    color: var(--color-primary)
}

.xly-comment__write {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    background: transparent;
    border-radius: 4px;
    border: 1px solid var(--color-border-form);
    box-sizing: border-box
}

.xly-comment__write .td-button {
    margin-left: 9px;
    margin-right: 3px;
    width: 64px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    border-radius: 4px
}

.xly-comment__write .td-textarea {
    flex: 1
}

.xly-comment__write .td-textarea .td-textarea__inner {
    width: 100%;
    height: 34px;
    padding-top: 9px;
    overflow: hidden;
    background: transparent;
    transition: .2s
}

.xly-comment__write.is-disabled {
    background: var(--background-main);
    pointer-events: none
}

.xly-comment__write.is-disabled .td-textarea__inner, .xly-comment__write.is-disabled [class^=xly-icon-] {
    color: var(--color-disabled)
}

.xly-comment__write.is-disabled .td-button {
    opacity: .4;
    background: var(--button-disable-color)
}

.xly-comment__oprate {
    height: 34px;
    display: inline-flex;
    align-items: center
}

.xly-comment__oprate .xly-line {
    margin: 0 10px
}

.xly-comment__oprate .xly-comment__inster-img, .xly-comment__oprate .xly-comment__inster-link {
    color: var(--color-secondary)
}

.xly-comment__oprate .xly-comment__inster-img:hover, .xly-comment__oprate .xly-comment__inster-link:hover {
    color: var(--color-primary)
}

.xly-comment__oprate .xly-comment__inster-img {
    position: relative;
    cursor: pointer
}

.xly-comment__oprate .upload-panel {
    position: relative
}

.xly-comment__oprate .upload-panel .td-tooltip.is-bottom {
    left: 8px;
    transform: translate(-50%)
}

.xly-comment__oprate .upload-panel .td-tooltip.is-bottom .td-poper__arrow {
    left: 50%;
    margin-left: -3px
}

.xly-comment__oprate .upload-panel .td-tooltip__inner > a {
    color: var(--color-title)
}

.xly-comment__oprate .xly-comment__line {
    width: 1px;
    height: 11px;
    margin: 0 12px;
    background: var(--color-border)
}

.xly-comment__write.is-focus {
    display: block;
    text-align: right
}

.xly-comment__write.is-focus .td-textarea {
    width: 100%;
    display: block
}

.xly-comment__write.is-focus .td-textarea__inner {
    width: 100%;
    height: 40px;
    overflow: auto;
    color: var(--comment-default);
    padding: var(--input-padding)
}

.xly-comment__write.is-focus .xly-face:hover .xly-face-emoji {
    display: block
}

.xly-comment__write .td-textarea__inner {
    border: 0
}

.xly-comment .xly-comment__note {
    position: absolute;
    line-height: 30px;
    left: 8px;
    bottom: 0;
    color: var(--color-danger-1)
}

.xly-comment-main {
    display: flex;
    margin-bottom: 35px
}

.xly-comment-list__item {
    display: flex;
    margin-bottom: 20px
}

.xly-comment-list__speed {
    margin-left: 4px;
    color: var(--color-secondary)
}

.xly-comment-list__speed.is-fast {
    color: #e9b23e
}

.xly-comment-list__content {
    padding-bottom: 20px;
    flex: 1;
    width: calc(100% - 64px)
}

.xly-comment-list__content:hover .xly-comment-list__delete {
    display: inline-block
}

.xly-comment-list__content:hover .xly-comment-list__note {
    display: block
}

.xly-comment-list__header {
    position: relative;
    display: flex;
    align-items: center;
    height: 18px;
    margin-bottom: 4px
}

.xly-comment-list__hot {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff7b5f;
    line-height: 1
}

.xly-comment-list__user-name {
    margin-right: 5px;
    color: var(--color-icon)
}

.xly-comment-list__user-name.is-vip {
    color: var(--color-danger-1)
}

.xly-comment-list__body {
    margin-bottom: 14px;
    line-height: 16px
}

.xly-comment-list__body .xly-comment-list__text {
    word-wrap: break-word;
    white-space: pre-wrap
}

.xly-comment-list__body .xly-comment-list__text .bird-link {
    color: #0050ff;
    text-decoration: none
}

.xly-comment-list__quote {
    position: relative;
    padding: 12px 12px 12px 28px;
    margin-top: 14px;
    color: var(--color-secondary);
    background: var(--background-main);
    border-radius: 4px;
    box-sizing: border-box
}

.xly-comment-list__quote .xly-icon-quote {
    position: absolute;
    top: 8px;
    left: 8px
}

.xly-comment-list__quote .xly-comment-picture__operate {
    background: var(--background-module)
}

.xly-comment-list__quote .xly-comment-picture.is-large .xly-comment-picture__wrapper {
    max-width: 350px
}

.xly-comment-list__quote-inner {
    padding-left: 16px;
    text-indent: -16px
}

.xly-comment-list__quote-text {
    color: var(--color-secondary);
    word-wrap: break-word;
    white-space: pre-wrap
}

.xly-comment-list__information {
    color: var(--color-secondary)
}

.xly-comment-list__wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 14px
}

.xly-comment-list__footer .xly-comment__write {
    margin-top: 14px
}

.xly-comment-list__operate {
    display: flex
}

.xly-comment-list__operate a {
    margin-left: 12px;
    color: var(--color-secondary)
}

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

.xly-comment-list__operate .xly-comment-list__delete {
    display: none
}

.xly-comment-list__operate .xly-comment-list__praise {
    display: flex;
    align-items: center;
    line-height: 18px
}

.xly-comment-list__operate .xly-comment-list__praise i {
    margin-right: 4px
}

.xly-comment-list__operate .xly-comment-list__praise.is-animation {
    position: relative
}

.xly-comment-list__operate .xly-comment-list__praise.is-animation:before {
    position: absolute;
    top: -13px;
    right: 0;
    font-size: 11px;
    content: "+1";
    animation: praise-add .8s both
}

@keyframes praise-add {
    0% {
        transform: translateZ(0);
        opacity: 0
    }
    40%, 60% {
        transform: translate3d(0, -5px, 0);
        opacity: 1
    }
    to {
        transform: translate3d(0, -10px, 0);
        opacity: 0
    }
}

.xly-comment-list__operate .xly-comment-list__note {
    display: none
}

.xly-comment-list .xly-comment-list__operate .is-active {
    color: var(--color-primary)
}

.xly-comment-list .xly-comment-list__operate .is-active .xly-icon-praise:before {
    content: "\E75B"
}

.xly-comment-list .xly-comment-list__operate .is-active .xly-icon-comment:before {
    content: "\E77A"
}

.xly-comment-picture {
    margin: 12px 0;
    overflow: hidden
}

.xly-comment-picture.is-long .xly-comment-picture__image {
    width: 70px;
    max-height: 140px
}

.xly-comment-picture.is-large .xly-comment-picture__operate {
    display: flex
}

.xly-comment-picture.is-large .xly-comment-picture__wrapper {
    max-width: 390px;
    height: auto;
    background: var(--background-main);
    cursor: zoom-out
}

.xly-comment-picture.is-large .xly-comment-picture__wrapper > img {
    min-width: 200px
}

.xly-comment-picture.is-long .xly-comment-picture__wrapper {
    width: 112px;
    max-height: 200px
}

.xly-comment-picture.is-long .xly-comment-picture__wrapper .xly-comment-picture__tag {
    display: block
}

.xly-comment-picture.is-long.is-large .xly-comment-picture__wrapper {
    width: auto;
    max-width: 390px;
    max-height: none
}

.xly-comment-picture.is-long.is-large .xly-comment-picture__wrapper > img {
    min-width: 200px
}

.xly-comment-picture__wrapper {
    position: relative;
    display: flex;
    float: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 228px;
    background: var(--background-main);
    overflow: hidden;
    cursor: zoom-in
}

.xly-comment-picture__wrapper > img {
    vertical-align: top;
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.xly-comment-picture__image {
    max-width: 140px;
    background: #d8d8d8
}

.xly-comment-picture__operate {
    display: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 12px;
    background: var(--background-main);
    box-sizing: border-box;
    cursor: default
}

.xly-comment-picture__operate a {
    display: flex;
    align-items: center;
    margin-right: 25px;
    color: var(--color-icon)
}

.xly-comment-picture__operate a i {
    margin-right: 3px;
    color: var(--color-secondary)
}

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

.xly-comment-picture__operate a:hover i {
    color: currentColor
}

.xly-comment-picture__tag {
    display: none;
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 30px;
    height: 18px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    background: rgba(77, 77, 77, .8);
    border-radius: 2px
}

.xly-comment-fast {
    padding-left: 42px
}

.xly-comment-fast .xly-comment-fast__title-text {
    display: flex;
    align-items: center
}

.xly-comment-fast .xly-comment-fast__refresh {
    color: var(--color-primary)
}

.xly-comment-fast .xly-comment-fast__content {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0 -10px
}

.xly-comment-fast .xly-comment-fast__item {
    display: inline-block;
    margin: 0 0 10px 10px;
    padding: 0 10px;
    line-height: 30px;
    color: var(--comment-fast);
    border: 1px solid var(--color-border);
    border-radius: 15px;
    transition: .2s
}

.xly-comment-fast .xly-comment-fast__item:hover {
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.td-pagination {
    margin-left: 42px
}

.xly-face {
    position: relative
}

.xly-face .xly-face__icon {
    color: var(--color-secondary)
}

.xly-face:hover .xly-face-emoji {
    display: block
}

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

.xly-face-emoji {
    display: none;
    position: absolute;
    right: -52px;
    top: 25px;
    z-index: 10;
    width: 200px;
    padding: 10px 6px;
    background: var(--background-module);
    box-shadow: 0 0 20px var(--color-shadow)
}

.xly-face-emoji:after {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: ""
}

.xly-face-emoji.is-top {
    top: auto;
    bottom: 20px
}

.xly-comment-tips {
    padding: 27px 0 50px;
    text-align: center
}

.xly-comment-tips h2 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #7b7b7b
}

.xly-comment-tips p {
    margin-bottom: 10px;
    color: #bfbfbf
}

.xly-comment-review {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    z-index: 1;
    width: 100px;
    height: 100px;
    padding: 5px;
    margin-left: -55px;
    background: var(--background-module);
    border-radius: 3px;
    filter: drop-shadow(0 0 10px var(--color-shadow))
}

.xly-comment-review__img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--background-main);
    border-radius: 2px;
    overflow: hidden
}

.xly-comment-review__img > img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 2px
}

.xly-comment-review__img .td-progress {
    position: absolute;
    top: 49px;
    left: 10px;
    width: 80px
}

.xly-comment-review__img .td-progress-bar {
    height: 4px
}

.xly-comment-review__img .td-progress-bar__outer {
    background: #e6e6e6
}

.xly-comment-review__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 0 2px 0 1px
}

.xly-comment-review__close .td-icon-close {
    font-size: 12px;
    color: #eee
}

.xly-comment-review__arrow {
    position: absolute;
    top: -5px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: var(--background-module);
    content: "";
    transform: rotate(-45deg)
}

.xly-comment-blank {
    padding: 36px 0 26px;
    text-align: center;
    color: var(--color-secondary)
}

.xly-img-comment {
    display: block;
    margin: 0 auto 12px;
    width: 87px;
    height: 72px;
    background: url(data:image/png;base64,[encoded data, 11472 characters]) no-repeat;
    background-size: 100%
}

.xly-down-detail {
    margin: 10px;
    padding: 10px;
    height: calc(100% - 20px);
    background: var(--background-area);
    box-sizing: border-box;
    border-radius: 4px;
    user-select: none
}

.xly-down-detail__text {
    margin: 48px 0 38px;
    font-size: 13px;
    text-align: center
}

.xly-down-detail__button {
    position: relative;
    display: flex;
    justify-content: center
}

.xly-down-detail__button .td-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    margin: 0 6px;
    width: auto;
    line-height: 23px
}

.xly-down-detail__button .td-button i {
    margin-right: 6px
}

.xly-down-detail__button .td-button.td-button--other i {
    color: var(--color-icon)
}

.xly-down-detail__button .td-button.td-button--other:hover i {
    color: var(--color-primary)
}

.xly-down-detail__button .td-button:hover i {
    color: #fff
}

.xly-down-detail__more {
    position: relative;
    margin: 0 6px
}

.xly-down-detail__more .td-button {
    margin: 0
}

.xly-down-detail__more .xly-more-drop {
    display: none
}

.xly-down-detail__more:hover .xly-more-drop {
    display: block
}

.xly-down-detail .xly-file-info {
    display: flex;
    margin-top: 6px;
    color: var(--color-secondary)
}

.xly-down-detail .xly-file-info p {
    margin-right: 18px
}

.xly-download-preview .xly-preview {
    margin-bottom: 24px
}

.xly-download-preview__title {
    line-height: 36px
}

.xly-download-preview__title p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-download-preview__content {
    height: 38.28vh;
    background: url(data:image/png;base64,[encoded data, 116008 characters]) no-repeat;
    background-size: cover
}

.xly-download-file {
    position: relative;
    margin: 114px 38px 0;
    height: 90px
}

.xly-download-file .td-media {
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 90px;
    padding: 16px 12px;
    background: var(--background-module);
    box-shadow: 0 0 10px 0 var(--color-shadow);
    box-sizing: border-box;
    transform-origin: center top;
    transition: .5s
}

.xly-download-file .td-media.is-first {
    width: calc(100% - 20px);
    margin: 0 10px;
    transform: translate3d(0, -8px, 0)
}

.xly-download-file .td-media.is-secondary {
    width: calc(100% - 40px);
    margin: 0 20px;
    transform: translate3d(0, -16px, 0)
}

.xly-download-file .td-media.is-show {
    animation: ani-show-file .5s both
}

@keyframes ani-show-file {
    0% {
        transform: translate3d(-100px, 30px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.xly-file-name {
    line-height: 18px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.xly-down-info {
    padding: 12px 4px 12px 12px
}

.xly-down-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    height: 42px;
    border-radius: 4px 4px 0 0;
    background: var(--background-area)
}

.xly-down-header__title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-down-header__operate {
    display: flex
}

.xly-down-header__operate a {
    margin: 0 5px
}

.xly-file-detail {
    position: relative;
    border-radius: 0 0 4px 4px;
    background: var(--background-area);
    user-select: none
}

.xly-file-detail .td-tabs {
    margin: 0 12px;
    padding-bottom: 12px
}

.xly-file-detail .td-tabs__title {
    justify-content: flex-start;
    border: unset;
    z-index: 1
}

.xly-file-detail .td-tabs__item {
    margin: 0 35px 0 0;
    width: unset;
    border-radius: 4px
}

.xly-file-detail .td-tabs__item:hover {
    color: var(--color-primary)
}

.xly-file-detail .td-tabs__item.is-active {
    position: relative;
    color: var(--color-primary);
    border: unset
}

.xly-file-detail .td-tabs__item.is-active:after {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -2px;
    width: 24px;
    height: 2px;
    background: var(--color-primary);
    content: ""
}

.xly-file-detail .td-tabs__content {
    padding-top: 12px;
    height: calc(43.53vh + 12px);
    box-sizing: border-box;
    overflow: visible
}

.xly-file-detail .td-tabs__content .td-tabs__pane, .xly-file-detail .td-tabs__content .td-tabs__pane .xly-file-list, .xly-file-detail .td-tabs__content .td-tabs__pane > div {
    height: 100%
}

.xly-file-detail .xly-file-list {
    margin-top: 0
}

.xly-file-detail .xly-file-list .td-table {
    margin: 0
}

.xly-file-detail .xly-file-list .td-table__header-wrapper {
    margin-right: 0;
    background: var(--background-main)
}

.xly-file-detail .xly-file-list .td-table__header {
    margin-right: 6px;
    width: calc(100% - 6px)
}

.xly-file-source {
    position: relative;
    margin-top: 12px;
    padding: 12px 12px 8px;
    border-radius: 4px;
    background: var(--background-area);
    user-select: none
}

.xly-file-source.is-show .xly-file-source__items {
    height: auto;
    overflow: visible
}

.xly-file-source.is-show .xly-icon-arrow-down {
    transform: rotate(-180deg)
}

.xly-file-source__items {
    height: 80px;
    overflow: hidden
}

.xly-file-source__item {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 106px;
    height: 40px
}

.xly-file-source__item .xly-icon-copy {
    color: var(--color-primary);
    cursor: pointer
}

.xly-file-source__item .td-input, .xly-file-source__item .td-input__inner {
    width: 100%
}

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

.xly-file-source__item .td-progress-bar__outer {
    background: var(--background-main)
}

.xly-file-source__item .title {
    width: 60px
}

.xly-file-source__item .detail {
    width: calc(100% - 60px);
    color: var(--color-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.xly-file-source__item .warn {
    position: absolute;
    right: 0;
    color: var(--color-danger)
}

.xly-file-source__item .warn .xly-icon-refresh {
    color: var(--color-secondary);
    vertical-align: -1px;
    cursor: pointer
}

.xly-file-source__item .success, .xly-file-source__item .warn .xly-icon-refresh:hover {
    color: var(--color-primary)
}

.xly-file-source__item .address {
    color: var(--color-secondary)
}

.xly-file-source__item .address:hover {
    color: var(--color-primary)
}

.xly-file-source__item .td-button {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 70px
}

.xly-file-source__item .td-button--secondary {
    color: var(--color-auxiliary)
}

.xly-file-source__item .td-button span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--color-auxiliary);
    white-space: nowrap
}

.xly-file-source__item .td-progress, .xly-file-source__item .td-progress-bar {
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.xly-file-source__item .td-progress-bar__inner {
    background-color: rgba(63, 133, 255, .3)
}

.xly-file-source__more {
    display: flex;
    justify-content: center
}

.xly-file-source__more .xly-icon-arrow-down {
    display: inline-block;
    color: var(--color-secondary);
    cursor: pointer
}

.xly-file-source__more .xly-icon-arrow-down:hover {
    color: var(--color-primary)
}

.xly-file-source .td-message {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    background: #38b878;
    transform: translate3d(-50%, -50%, 0)
}

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

.xly-detail-code {
    position: relative;
    margin-top: 12px;
    padding: 0 12px;
    color: var(--color-auxiliary);
    background: var(--background-module);
    border-radius: 4px;
    z-index: 1;
    user-select: none
}

.xly-detail-code i.xly-icon-help {
    color: var(--color-secondary);
    cursor: pointer
}

.xly-detail-code i.xly-icon-help:hover {
    color: var(--color-primary)
}

.xly-detail-code .td-tooltip.is-left {
    top: -4px
}

.xly-detail-code .td-poper__arrow {
    display: none
}

.xly-detail-code .is-note {
    color: #ff9700
}

.xly-detail-code.is-show .xly-detail-code__more i {
    transform: rotate(180deg)
}

.xly-detail-code--type-1 {
    background-image: url(data:image/png;base64,[encoded data, 15780 characters]);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto 96px
}

.xly-detail-code__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px
}

.xly-detail-code__main {
    display: flex
}

.xly-detail-code__main b, .xly-detail-code__main span {
    margin-left: 12px
}

.xly-detail-code__main.is-warn {
    color: var(--color-danger)
}

.xly-detail-code__side {
    display: flex;
    align-items: center
}

.xly-detail-code__side .is-note {
    color: #ff9700
}

.xly-detail-code__image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 86px;
    height: 23px;
    color: #ff9700;
    background: #fff3e0;
    border-radius: 2px;
    cursor: pointer
}

.xly-detail-code__image i.xly-icon-code {
    margin-left: 2px
}

.xly-detail-code__image i.xly-icon-arrow-right {
    position: relative;
    top: 1px;
    font-size: 14px
}

.xly-detail-code__image:hover .xly-detail-code__drop {
    display: block
}

.xly-detail-code__drop {
    display: none;
    position: absolute;
    left: 96px;
    top: -15px;
    padding: 10px 10px 0;
    text-align: center;
    color: #ff9e12;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 var(--color-shadow);
    border-radius: 4px;
    line-height: 26px
}

.xly-detail-code__drop img {
    display: block
}

.xly-detail-code__drop p {
    margin-top: -10px
}

.xly-detail-code__drop canvas {
    border: 3px solid #fff
}

.xly-detail-code__drop:after {
    top: 20px;
    left: -10px;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    border-color: transparent #fff transparent transparent;
    border-style: dashed;
    border-width: 4px 5px;
    content: ""
}

.xly-detail-code__tag {
    display: flex;
    margin: 0 6px;
    width: 52px;
    height: 20px;
    cursor: pointer
}

.xly-detail-code__icon {
    display: flex;
    width: 20px;
    background: #ff9700;
    border-radius: 2px 0 0 2px
}

.xly-detail-code__icon i {
    margin: auto;
    width: 11px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAoCAYAAAD6xArmAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAKAAAAAACMDW9AAAC1ElEQVRIDd2Vu2tUQRSHd01EBTFCCjU+iCIIKqKVYBFRLKzUTrTzDVYWgg9QiIr4D2ghBGJhK4gPxEYiNmJhERRktZOEWPgO8Zn1+y1zhrNz7132ZlN54MuZc+bM756dmXtTqfyXVq/X58J5WDlrPxCxeXAPZB9g3ayIIzQkRWdvGfd2JI7ATifohyMEc2YkzsL5UPNqyfjITIWvJkJpOEGip5Q4CxbB96A0ideN2Ab7QNtgdras8Mmwcho/AL1wGvZDFeyWjJYVfsRi2X2Q0KiCYGfwmy3Ab8oTz5wshV0UDoRidbQENoZYbhe8cvFeN47DjDAzq2BBqFiLn4DXIZZ7AqtdrPqMdWcylcoKl1M36nYHHIb3cBuGwGyZDVp6tkKH5W2M4AD0wRa4Bd5ethS0SVZc8KvaGOvmHLL1Gc9kN1xvQ6io5CYTOvhmI3mjaEWJ/KCpVjVgob5WOv3sE1XQvo1Xq9U+ldt1W8i4U1HpSadhJvyVqB5ynbiaLW4I0/4nEv5tsvmyPl4961gCL3JU9MZN5uTVxNOcfHxD/Zv3MSkcJj4OS+Eo9MNfeAB3QAd/Gc6FMa4ypj9Nxs04CFPhal1smkwCavphudL4Y/AN9IZusFLf8WeSV6CLPb+kAgpHcPp2PIc3oA/OetgKj2F38PbB/0HcMC/8m8w4yJvpfq8JWM68tkg2DVOgrdG4YV74F5mfIG/2xQY5vifkJKZ1Mp1Bw7ywOtVP8R3XiCXwDvaA7BncBdtPCdsWFHacCp9gkWwxbAc95BpnoJthpi5NuGXHf2wFAvYT9a/+FHl1/dDmg/cd5wprb/XkKOwFeMgwsUjNC+duhfZWHcanpgoFscTsl8W1eYcXJwuE0rTqbY9zO7atiJOpQkGsehOOTeV1XPbz6YVjU15YHTe9PQUdpml1qT1WQ4Ud64kSL2NaY690obCu2ky2wjqOW1Gms1K1/wCM6rJEC9gZcgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% auto
}

.xly-detail-code__number {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: var(--color-default);
    font-family: dincond;
    font-size: 16px;
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-radius: 0 2px 2px 0
}

.xly-detail-code__more {
    display: flex;
    justify-content: center;
    height: 24px
}

.xly-detail-code__more i {
    height: 16px;
    color: var(--color-secondary);
    cursor: pointer
}

.xly-detail-code__show {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
    height: 70px;
    background: hsla(0, 0%, 97.3%, .6);
    border-radius: 4px
}

.xly-detail-code__show img {
    width: 58px;
    height: 58px
}

.xly-detail-code__show p {
    margin-left: 6px;
    font-size: 13px
}

.xly-detail-code__show .xly-img-code {
    width: 42px;
    height: 47px;
    background: url(data:image/png;base64,[encoded data, 6944 characters]) no-repeat;
    background-size: 100% auto
}

.xly-detail-code__info {
    display: flex;
    margin-bottom: 6px
}

.xly-detail-code__info .xly-icon-speed-1 {
    font-size: 20px
}

.xly-detail-code__info li {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 15px 6px;
    height: 70px;
    background: hsla(0, 0%, 97.3%, .6);
    box-sizing: border-box
}

.xly-detail-code__info li:nth-child(2) {
    margin-left: 12px
}

.xly-detail-code__info li .td-media__object {
    display: flex;
    width: 40px;
    height: 40px;
    background: #fbf0e1;
    border-radius: 4px
}

.xly-detail-code__info li .td-media__object i {
    margin: auto;
    color: #ff9700
}

.xly-detail-code__info li .td-media__content {
    display: flex;
    align-items: center;
    width: unset;
    flex: 1;
    color: var(--color-default)
}

.xly-detail-code__info .td-progress {
    margin-right: 12px
}

.xly-detail-code__info .td-progress-bar {
    width: 52px;
    height: 12px
}

.xly-detail-code__info .td-progress-bar__outer {
    background: #e6e6e6
}

.xly-detail-code__info .td-progress-bar__inner {
    background: #ff9700
}

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

.xly-detail-code__times {
    position: absolute;
    top: 0;
    right: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 11px;
    color: var(--color-secondary)
}

.xly-detail-code__times .number {
    font-family: dincond;
    font-size: 40px;
    color: var(--color-primary)
}

.xly-detail-code__media {
    position: relative
}

.xly-detail-code__media .td-icon-success {
    color: #38b878
}

.xly-detail-code__media .td-media__object {
    margin: 0;
    width: unset;
    height: unset
}

.xly-detail-code__media .td-media__content {
    margin-left: 0
}

.xly-detail-code__media .xly-detail-code__resource {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    width: 98px;
    height: 98px
}

.xly-detail-code__media .xly-detail-code__resource img {
    width: 80px;
    height: 80px
}

.xly-detail-code__media .xly-detail-code__resource canvas {
    margin: 10px 12px;
    border: 3px solid #fff
}

.xly-detail-code__media h4 {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--color-title)
}

.xly-detail-code__media h4 .number {
    margin-left: 6px;
    font-family: dincond;
    color: var(--color-default)
}

.xly-detail-code__media h4 .number.is-light {
    margin-left: 12px;
    color: #e9b23e
}

.xly-detail-code__media h4 .tips {
    padding: 0 6px;
    margin-left: 8px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    color: #fff;
    background: #ff9700;
    border-radius: 5px 0 5px 0
}

.xly-detail-code__media p {
    color: var(--color-secondary)
}

.xly-detail-code__media p span {
    color: var(--color-primary)
}

.xly-detail-code__media .xly-icon-help {
    position: absolute;
    right: 0;
    top: 12px
}

.xly-recommend {
    padding: 0 0 12px;
    margin-top: 12px;
    background: var(--background-module);
    border-radius: 4px;
    user-select: none
}

.xly-recommend__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    height: 35px
}

.xly-recommend__title h3 {
    font-size: 12px
}

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

.xly-recommend__more {
    position: relative
}

.xly-recommend__more:hover .xly-icon-more {
    color: var(--color-primary)
}

.xly-recommend__more .xly-icon-more {
    cursor: pointer
}

.xly-recommend__more .xly-more-drop {
    left: auto;
    right: 0;
    width: 100px
}

.xly-recommend__list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 12px;
    margin-left: -9px;
    height: 132px;
    overflow: hidden
}

.xly-recommend__item {
    margin: 0 0 12px 11px;
    width: 79px;
    text-align: center;
    cursor: pointer
}

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

.xly-recommend__image {
    width: 100%;
    height: 110px
}

.xly-recommend__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px
}

.xly-recommend__text {
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

@font-face {
    font-family: xlx-icon-vip;
    src: url(data:font/ttf;base64,[encoded data, 6696 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,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) 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: xlx-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,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);
    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-loading[data-v-6d2ca8de] {
    background-color: #fff
}

.bird[data-v-6d2ca8de] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -11px;
    width: 22px;
    height: 22px;
    fill: #69f
}

.load[data-v-6d2ca8de] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px
}

.circle[data-v-6d2ca8de] {
    stroke: #69f;
    stroke-width: 1.5;
    fill: none;
    stroke-linecap: round;
    transform-origin: 20px 20px
}

.circle1[data-v-6d2ca8de] {
    opacity: .1
}

.circle2[data-v-6d2ca8de] {
    opacity: .3;
    stroke-dasharray: 54, 107;
    animation: rotate1-data-v-6d2ca8de 2s linear infinite
}

.circle3[data-v-6d2ca8de] {
    fill: none;
    transform: rotate(-90deg) scaleY(-1);
    animation: rotate3-data-v-6d2ca8de 2s linear infinite
}

.circle4[data-v-6d2ca8de] {
    stroke-width: 2;
    opacity: .1;
    transform-origin: 24px 24px
}

.circle5[data-v-6d2ca8de] {
    stroke-width: 1.5;
    stroke-dasharray: 63, 126;
    opacity: .3;
    animation: rotate-data-v-6d2ca8de 2s linear infinite;
    transform-origin: 24px 24px
}

@keyframes rotate-data-v-6d2ca8de {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

@keyframes rotate1-data-v-6d2ca8de {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate3-data-v-6d2ca8de {
    0% {
        stroke-dasharray: 1, 107;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 40, 107;
        stroke-dashoffset: 0
    }
    60% {
        stroke-dasharray: 100, 107;
        stroke-dashoffset: 0
    }
    70% {
        stroke-dasharray: 100, 107;
        stroke-dashoffset: -80
    }
    80% {
        stroke-dasharray: 100, 107;
        stroke-dashoffset: -98
    }
    to {
        stroke-dasharray: 0, 107;
        stroke-dashoffset: -107
    }
}

.dialog_item[data-v-69ad46c4] {
    position: relative;
    margin-bottom: 20px
}

#pan-18BE0BEB-6C82-4D16-83C8-5566BE72D176 {
    height: 100%
}

body, button, input, textarea {
    font-family: microsoft yahei, -apple-system, PingFang SC, simsun, Arial, sans-serif;
    font-size: 12px;
    -webkit-font-smoothing: antialiased
}

body, dd, dl, form, h1, h2, h3, h4, h5, h6, p {
    margin: 0
}

a:focus, div:focus, p:focus, span:focus {
    outline: none
}

button, input, ol, ul {
    margin: 0;
    padding: 0
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none
}

.xmpc-loading {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.xmpc-loading__back {
    color: #fff;
    text-align: center
}

.xmpc-loading__back .xmpc-button {
    margin-top: 12px
}

.xmpc-loading__icon {
    position: relative;
    margin-bottom: 12px;
    width: 26px;
    height: 26px;
    background-image: conic-gradient(transparent, transparent 25%, #68cbf8 45%, #68cbf8 50%, transparent 50%, transparent 75%, #68cbf8 95%);
    -webkit-mask: radial-gradient(transparent, transparent 9px, #000 10px);
    border-radius: 50%;
    animation: rotate 1.5s linear infinite
}

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

.xmpc-loading__icon:before {
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: 0;
    width: 4px;
    height: 4px;
    background: #68cbf8;
    border-radius: 50%;
    box-shadow: 0 22px 0 #68cbf8;
    content: ""
}

.xmpc-loading__text {
    margin-bottom: 3px;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.xmpc-loading__text span {
    display: inline-block;
    width: 60px;
    white-space: nowrap
}

.xmpc-loading__vip {
    display: flex;
    align-items: center;
    margin-top: 12px;
    padding: 0 12px;
    height: 40px;
    color: #6b4d2c;
    background: #fff8e4;
    border-radius: 4px
}

.xmpc-loading__vip .td-button {
    margin-left: 12px;
    width: 72px;
    color: #462609;
    background-image: linear-gradient(90deg, #f1c86a, #fbd88a)
}

.xmpc-loading__vip .td-button:hover {
    background-image: linear-gradient(90deg, #f5d896 1%, #fce3ad)
}

.xmpc-loading__progress {
    position: relative;
    display: block;
    margin: 12px auto 0;
    width: 156px;
    height: 2px;
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg, #000 80%, transparent)
}

.xmpc-loading__progress:after {
    position: absolute;
    left: 0;
    width: 156px;
    height: 2px;
    background: linear-gradient(90deg, transparent 0, #edd59f 40%, #edd59f 60%, transparent);
    animation: progress 1.1s linear infinite;
    content: ""
}

@keyframes progress {
    0% {
        transform: scaleX(0);
        transform-origin: left center
    }
    50% {
        transform: scaleX(1)
    }
    to {
        transform: translateX(100%) scaleX(1)
    }
}

.xmpc-loading__fail {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 65px
}

.xmpc-loading__fail .td-button {
    margin-top: 12px;
    width: 120px;
    background: #727272
}

.xmpc-loading__fail-title {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    font-size: 13px;
    color: #fff
}

.xmpc-loading__fail-title i {
    margin-right: 3px
}

.xmpc-loading__fail-detail {
    font-size: 11px;
    color: #727272
}

.xmpc-loading.is-super .xmpc-loading__icon {
    width: 48px;
    height: 48px;
    margin-top: 6px;
    background: url(data:image/png;base64,[encoded data, 53296 characters]) no-repeat;
    background-size: 1536px 48px;
    animation: ani 1.5s steps(31) infinite both;
    -webkit-mask: unset
}

.xmpc-loading.is-super .xmpc-loading__icon:before {
    display: none
}

@keyframes ani {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -1488px 0
    }
}

.xmpc-loading.is-super .xmpc-loading__text {
    color: #edd59f;
    text-shadow: unset
}

.xmpc-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 122px;
    height: 40px;
    font-size: 13px;
    color: #fff;
    background: #3f85ff;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    transition: background .2s
}

.xmpc-button:focus {
    outline: none
}

.xmpc-button:hover {
    background: #2670ea
}

.xmpc-button--fail {
    margin-top: 12px;
    width: 120px;
    height: 32px;
    background: #727272
}

.xmpc-button--fail:hover {
    background: #828282
}

.xmpc-button--small {
    margin-left: 12px;
    width: 72px;
    height: 24px;
    color: #462609;
    background-image: linear-gradient(90deg, #f1c86a, #fbd88a)
}

.xmpc-button--small:hover {
    background-image: linear-gradient(90deg, #f5d896 1%, #fce3ad)
}

.xmpc-button--player {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -20px 0 0 -61px;
    width: 122px;
    height: 40px;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s;
    overflow: hidden
}

.xmpc-button--player.is-animation:before {
    animation: round .5s linear both
}

.xmpc-button--player.is-animation .xmpc-icon-play-detail {
    animation: iconMove .3s .4s both
}

.xmpc-button--player.is-animation span.text-1 {
    animation: fadeIn .2s .7s both
}

.xmpc-button--player.is-animation span.text-2 {
    animation: fadeIn .2s .75s both
}

.xmpc-button--player.is-animation span.text-3 {
    animation: fadeIn .2s .8s both
}

.xmpc-button--player.is-animation span.text-4 {
    animation: fadeIn .2s .85s both
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.xmpc-button--player.is-animation .line:after, .xmpc-button--player.is-animation .line:before {
    position: absolute;
    height: 2px;
    background: #fff;
    content: ""
}

.xmpc-button--player.is-animation .line:before {
    top: 15px;
    left: 43px;
    width: 12px;
    animation: line1 .5s cubic-bezier(.23, 1, .32, 1) .4s both
}

@keyframes line1 {
    0% {
        width: 0;
        transform: translate3d(56px, 0, 0);
        opacity: 1
    }
    60% {
        width: 9px;
        opacity: .7
    }
    to {
        width: 12px;
        opacity: 0;
        transform: translateZ(0)
    }
}

.xmpc-button--player.is-animation .line:after {
    top: 25px;
    left: 72px;
    animation: line2 .5s cubic-bezier(.23, 1, .32, 1) .6s both
}

@keyframes line2 {
    0% {
        width: 0;
        transform: translate3d(45px, 0, 0);
        opacity: 1
    }
    60% {
        width: 7px;
        opacity: .3
    }
    to {
        width: 10px;
        opacity: 0;
        transform: translateZ(0)
    }
}

.xmpc-button--player:before {
    position: absolute;
    width: 122px;
    height: 122px;
    background: hsla(0, 0%, 100%, .1);
    content: "";
    border-radius: 50%;
    transform: scale(0);
    pointer-events: none
}

@keyframes round {
    0% {
        transform: scale(0)
    }
    80% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(2);
        opacity: 0
    }
}

.xmpc-loading-down {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #727272
}

.xmpc-loading-progress {
    display: flex;
    align-items: center;
    margin: 12px 0 6px
}

.xmpc-loading-progress__outer {
    overflow: hidden;
    width: 200px;
    height: 5px;
    background: #4d4d4d
}

.xmpc-loading-progress__inner {
    position: relative;
    height: 100%;
    background: #3f85ff
}

.xmpc-loading-progress__inner:before {
    position: absolute;
    right: 0;
    width: 28px;
    height: 100%;
    background-image: linear-gradient(90deg, #3f85ff 0, #0cf);
    content: ""
}

.xmpc-loading-progress__text {
    margin-left: 3px;
    text-align: right;
    width: 35px
}

.xmpc-icon-note-bold {
    background: url(data:image/png;base64,[encoded data, 5404 characters]);
    background-size: 100%
}

.xmpc-icon-note-bold, .xmpc-icon-play-detail {
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.xmpc-icon-play-detail {
    background: url(data:image/png;base64,[encoded data, 5264 characters]);
    background-size: 100%
}

@keyframes iconMove {
    0% {
        transform: translate3d(35px, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.xmpc-icon-arrow {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,[encoded data, 5336 characters]);
    background-size: 100%
}

.noPullDown .td-select__drop {
    display: none
}

.iframe-home[data-v-0302fe79] {
    width: 100%;
    height: 100%
}

.td-drag-area {
    pointer-events: none
}

.xly-error[data-v-34c4af56] {
    width: 100vw;
    height: 100vh
}

.xlx-client__header {
    background-color: #a2c0ff
}

.dragable {
    -webkit-app-region: drag
}

.none-dragable {
    -webkit-app-region: no-drag
}

.iframe-home[data-v-02fe07d9] {
    width: 100%;
    height: 100%
}

.xly-error[data-v-6f847208] {
    width: 100vw;
    height: 100vh
}

div.xlx-client-index[data-v-109c4717] {
    overflow: auto
}

.newline {
    display: block
}

.inline {
    display: inline-block
}

.flexLay {
    display: flex
}

.textCenter {
    align-items: center;
    justify-content: center
}

.tip-text {
    margin-top: -11px;
    margin-left: 20px
}

.xly-more-drop[data-v-3b3b3296] {
    display: block
}

.xly-chart-curve__canvas[data-v-68373646] {
    position: static
}

.canvas-data[data-v-68373646] {
    transform-origin: top left;
    position: absolute !important
}

.canvas-box .canvas-data[data-v-68373646] {
    z-index: 2
}

.xly-chart-curve__data .novip[data-v-68373646] {
    background: #3f85ff
}

.xly-chart-curve__data .novip[data-v-68373646], .xly-chart-curve__data .vip[data-v-68373646] {
    position: relative;
    top: 50%;
    display: inline-block;
    margin-right: .6rem;
    top: .1rem;
    width: 1.2rem;
    height: .8rem
}

.xly-chart-curve__data .vip[data-v-68373646] {
    background: #eb7971
}

.xly-chart-curve__data .svip[data-v-68373646] {
    position: relative;
    top: 50%;
    display: inline-block;
    margin-right: .6rem;
    top: .1rem;
    width: 1.2rem;
    height: .8rem;
    background: #ebb049
}