.t-space {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.t-space .t-space-item {
    width: inherit
}

.t-space-align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.t-space-align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.t-space-align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.t-space-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-space-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-space-vertical .t-space-item-separator {
    width: 100%
}

.t-space.t-space--break-line {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.t-space.t-space--polyfill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-space.t-space--polyfill.t-space-horizontal,.t-space.t-space--polyfill.t-space--break-line {
    margin-left: calc(-1 * var(--td-space-column-gap, 0))
}

.t-space.t-space--polyfill.t-space-vertical,.t-space.t-space--polyfill.t-space--break-line {
    margin-top: calc(-1 * var(--td-space-row-gap, 0))
}

.t-space.t-space--polyfill.t-space-horizontal>*,.t-space.t-space--polyfill.t-space--break-line>* {
    margin-left: var(--td-space-column-gap)
}

.t-space.t-space--polyfill.t-space-vertical>*,.t-space.t-space--polyfill.t-space--break-line>* {
    margin-top: var(--td-space-row-gap)
}

.t-image__wrapper {
    position: relative;
    background: var(--td-bg-color-secondarycontainer);
    z-index: 1
}

.t-image__wrapper--shape-square {
    border-radius: 0
}

.t-image__wrapper--shape-round {
    border-radius: var(--td-radius-medium)
}

.t-image__wrapper--shape-circle {
    border-radius: 50%
}

.t-image__wrapper--gallery {
    border-radius: var(--td-radius-medium)
}

.t-image__wrapper--gallery .t-image {
    position: relative;
    z-index: 5
}

.t-image__wrapper--need-hover {
    cursor: pointer
}

.t-image {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: relative;
    z-index: inherit
}

.t-image--fit-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.t-image--fit-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.t-image--fit-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.t-image--fit-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.t-image--fit-none {
    -o-object-fit: none;
    object-fit: none
}

.t-image--position-center {
    -o-object-position: center;
    object-position: center
}

.t-image--position-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.t-image--position-top {
    -o-object-position: top;
    object-position: top
}

.t-image--position-left {
    -o-object-position: left;
    object-position: left
}

.t-image--position-right {
    -o-object-position: right;
    object-position: right
}

.t-image__gallery-shadow {
    position: absolute;
    left: 0;
    right: -24px;
    top: 24px;
    bottom: 24px;
    background: #eeeeee42;
    border-radius: var(--td-radius-medium);
    z-index: 3
}

.t-image__gallery-shadow:before,.t-image__gallery-shadow:after {
    content: "";
    position: absolute;
    left: 0;
    border-radius: var(--td-radius-medium)
}

.t-image__gallery-shadow:after {
    top: -16px;
    right: 16px;
    bottom: -16px;
    background: #eeec;
    z-index: 4
}

.t-image__gallery-shadow:before {
    top: -8px;
    right: 8px;
    bottom: -8px;
    background: #eeeeee80;
    z-index: 2
}

.t-image__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0
}

.t-image__overlay-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s,opacity .2s linear;
    transition: visibility 0s,opacity .2s linear
}

.t-image__overlay-content--hidden {
    visibility: hidden;
    opacity: 0
}

.t-image__loading,.t-image__error {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.t-image__loading {
    color: var(--td-text-color-secondary)
}

.t-image__error {
    color: var(--td-text-color-disabled)
}

.t-swiper {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.t-swiper__wrap {
    display: block;
    position: relative;
    height: 100%
}

.t-swiper__content {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.t-swiper__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    z-index: 1;
    max-width: 100%;
    overflow: hidden;
}

/* 全局响应式约束 */
.ViewPanel, .ViewPanel-body, .ViewPanel-content, 
.ViewPanel-content-wrap, .CustomView-panel {
    max-width: 100%;
    overflow-x: hidden;
}

/* 图片响应式处理 */
.t-image__wrapper img {
    max-width: 100%;
    height: auto;
}

/* 移动端特定样式 */
@media (max-width: 414px) {
    .ViewPanel-body {
        padding: 0 5px;
    }
    .CustomView-content-image img {
        width: 100% !important;
        height: auto !important;
    }
    .LocationStyle-style_style1 {
        width: 100%;
        overflow: hidden;
    }
}

.t-swiper__container__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    display: inline-block
}

.t-swiper__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-swiper__arrow svg.t-icon {
    width: 20px;
    height: 20px
}

.t-swiper__arrow svg.t-icon:before {
    font-size: 24px
}

.t-swiper__arrow--default .t-swiper__arrow-left {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-white-2);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    left: 16px
}

.t-swiper__arrow--default .t-swiper__arrow-left:hover {
    color: var(--td-bg-color-container);
    background-color: var(--td-font-white-4);
    border-radius: var(--td-radius-default);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-swiper__arrow--default .t-swiper__arrow-left:active {
    background-color: var(--td-font-white-3);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-swiper__arrow--default .t-swiper__arrow-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-white-2);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    right: 16px
}

.t-swiper__arrow--default .t-swiper__arrow-right:hover {
    color: var(--td-bg-color-container);
    background-color: var(--td-font-white-4);
    border-radius: var(--td-radius-default);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-swiper__arrow--default .t-swiper__arrow-right:active {
    background-color: var(--td-font-white-3);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-swiper-card .t-swiper__container {
    display: block
}

.t-swiper-card .t-swiper__container .t-is-active {
    z-index: 2
}

.t-swiper-card .t-swiper__card {
    position: absolute;
    top: 0;
    left: 0;
    width: 41.5%;
    height: 100%;
    z-index: 0
}

.t-swiper-fade .t-swiper__container {
    display: block
}

.t-swiper-fade .t-swiper__fade {
    position: absolute;
    top: 0;
    left: 0
}

.t-swiper__navigation {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    bottom: 0;
    margin: 0;
    padding: 0;
    z-index: 2
}

.t-swiper__navigation>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-swiper__navigation .t-swiper__arrow svg.t-icon {
    width: 16px;
    height: 16px
}

.t-swiper__navigation-bars .t-swiper__navigation-item {
    cursor: pointer;
    margin: 0 0 0 6px;
    padding: 18px 0;
    width: 14px;
    height: auto
}

.t-swiper__navigation-bars .t-swiper__navigation-item span {
    width: 100%;
    height: 3px
}

.t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
    margin-left: 0
}

.t-swiper__navigation-bars .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper__navigation-bars .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
    width: 24px
}

.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item {
    cursor: pointer;
    margin: 0 0 0 6px;
    padding: 18px 0;
    width: 14px;
    height: auto
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
    border-radius: 1.5px
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
    width: 100%;
    height: 3px
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
    margin-left: 0
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
    width: 24px
}

.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper__navigation-dots .t-swiper__navigation-item {
    cursor: pointer;
    margin: 0 0 0 6px;
    padding: 18px 0;
    width: var(--td-size-2);
    height: auto
}

.t-swiper__navigation-dots .t-swiper__navigation-item span {
    border-radius: 50%
}

.t-swiper__navigation-dots .t-swiper__navigation-item span {
    width: 100%;
    height: var(--td-size-2)
}

.t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
    margin-left: 0
}

.t-swiper__navigation-dots .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper__navigation-dots .t-swiper__navigation-item span:active,.t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper__navigation--fraction {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    top: auto;
    right: auto;
    bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
    height: var(--td-line-height-body-medium);
    line-height: var(--td-line-height-body-medium)
}

.t-swiper__navigation--fraction .t-swiper__arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
    color: var(--td-brand-color)
}

.t-swiper__navigation--fraction .t-swiper__arrow-left:active {
    color: var(--td-brand-color-active)
}

.t-swiper__navigation--fraction .t-swiper__arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
    color: var(--td-brand-color)
}

.t-swiper__navigation--fraction .t-swiper__arrow-right:active {
    color: var(--td-brand-color-active)
}

.t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
    display: inline-block;
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-secondary);
    margin: 0
}

.t-swiper--vertical .t-swiper__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-swiper--vertical .t-swiper__navigation {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: 0;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
    cursor: pointer;
    margin: 6px 0 0;
    padding: 0 18px;
    width: auto;
    height: 14px
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
    width: 3px;
    height: 100%
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
    margin-top: 0
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
    height: 24px
}

.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item {
    cursor: pointer;
    margin: 6px 0 0;
    padding: 0 18px;
    width: auto;
    height: 14px
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
    border-radius: 1.5px
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
    width: 3px;
    height: 100%
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
    margin-top: 0
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
    height: 24px
}

.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item {
    cursor: pointer;
    margin: 6px 0 0;
    padding: 0 18px;
    width: auto;
    max-height: var(--td-size-2)
}

.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
    border-radius: 50%
}

.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
    width: var(--td-size-2);
    height: 100%
}

.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
    margin-top: 0
}

.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:active,.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper--outside .t-swiper__navigation {
    bottom: -36px
}

.t-swiper--outside .t-swiper__navigation--fraction {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    top: auto;
    right: auto;
    bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
    height: var(--td-line-height-body-medium);
    line-height: var(--td-line-height-body-medium)
}

.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
    color: var(--td-brand-color)
}

.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
    color: var(--td-brand-color-active)
}

.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
    color: var(--td-brand-color)
}

.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
    color: var(--td-brand-color-active)
}

.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
    display: inline-block;
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-secondary);
    margin: 0
}

.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background-color: var(--td-font-gray-4)
}

.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-brand-color)
}

.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
    background-color: var(--td-brand-color-active)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation {
    bottom: auto;
    right: -36px
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    top: auto;
    right: auto;
    bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
    height: var(--td-line-height-body-medium);
    line-height: var(--td-line-height-body-medium)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
    color: var(--td-brand-color)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
    color: var(--td-brand-color-active)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
    color: var(--td-brand-color)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
    color: var(--td-brand-color-active)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
    display: inline-block;
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-secondary);
    margin: 0
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background-color: var(--td-font-gray-4)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-brand-color)
}

.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-is-active span {
    background-color: var(--td-brand-color-active)
}

.t-swiper--inside .t-swiper__navigation {
    bottom: 0
}

.t-swiper--inside .t-swiper__navigation--fraction {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    top: auto;
    right: auto;
    bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
    height: var(--td-line-height-body-medium);
    line-height: var(--td-line-height-body-medium)
}

.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
    color: var(--td-brand-color)
}

.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
    color: var(--td-brand-color-active)
}

.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-medium);
    height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
    color: var(--td-brand-color)
}

.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
    color: var(--td-brand-color-active)
}

.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
    display: inline-block;
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-secondary);
    margin: 0
}

.t-swiper--large .t-swiper__arrow i.t-icon:before {
    font-size: 32px
}

.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-left {
    width: 32px;
    height: 32px;
    left: 24px
}

.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-right {
    width: 32px;
    height: 32px;
    right: 24px
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item {
    cursor: pointer;
    margin: 0 0 0 8px;
    padding: 24px 0;
    width: 21px;
    height: auto
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
    width: 100%;
    height: 4px
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
    margin-left: 0
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
    width: 36px
}

.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper--large .t-swiper__navigation--fraction {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    top: auto;
    right: auto;
    bottom: calc(0px - calc(var(--td-line-height-body-large) + 12px));
    height: var(--td-line-height-body-large);
    line-height: var(--td-line-height-body-large)
}

.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-large);
    height: var(--td-line-height-body-large);
    cursor: pointer
}

.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
    color: var(--td-brand-color)
}

.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
    color: var(--td-brand-color-active)
}

.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-large);
    height: var(--td-line-height-body-large);
    cursor: pointer
}

.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
    color: var(--td-brand-color)
}

.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
    color: var(--td-brand-color-active)
}

.t-swiper--large .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
    display: inline-block;
    font-size: var(--td-font-size-body-large);
    color: var(--td-text-color-secondary);
    margin: 0
}

.t-swiper--large.t-swiper--outside .t-swiper__navigation {
    bottom: -48px
}

.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background-color: var(--td-font-gray-4)
}

.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-brand-color)
}

.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
    background-color: var(--td-brand-color-active)
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
    cursor: pointer;
    margin: 8px 0 0;
    padding: 0 24px;
    width: auto;
    height: 21px
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
    width: 4px;
    height: 100%
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
    margin-top: 0
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
    height: 36px
}

.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
    right: -48px
}

.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background-color: var(--td-font-gray-4)
}

.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-brand-color)
}

.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
    background-color: var(--td-brand-color-active)
}

.t-swiper--small .t-swiper__arrow i.t-icon:before {
    font-size: 16px
}

.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-left {
    width: 16px;
    height: 16px;
    left: 8px
}

.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-right {
    width: 16px;
    height: 16px;
    right: 8px
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item {
    cursor: pointer;
    margin: 0 0 0 4px;
    padding: 12px 0;
    width: 9px;
    height: auto
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
    width: 100%;
    height: 2px
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
    margin-left: 0
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
    width: 15px
}

.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper--small .t-swiper__navigation--fraction {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    top: auto;
    right: auto;
    bottom: calc(0px - calc(var(--td-line-height-body-small) + 12px));
    height: var(--td-line-height-body-small);
    line-height: var(--td-line-height-body-small)
}

.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-small);
    height: var(--td-line-height-body-small);
    cursor: pointer
}

.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
    color: var(--td-brand-color)
}

.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
    color: var(--td-brand-color-active)
}

.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    color: var(--td-font-gray-4);
    width: var(--td-line-height-body-small);
    height: var(--td-line-height-body-small);
    cursor: pointer
}

.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
    color: var(--td-brand-color)
}

.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
    color: var(--td-brand-color-active)
}

.t-swiper--small .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
    display: inline-block;
    font-size: var(--td-font-size-body-small);
    color: var(--td-text-color-secondary);
    margin: 0
}

.t-swiper--small.t-swiper--outside .t-swiper__navigation {
    bottom: -24px
}

.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background-color: var(--td-font-gray-4)
}

.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-brand-color)
}

.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
    background-color: var(--td-brand-color-active)
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
    cursor: pointer;
    margin: 4px 0 0;
    padding: 0 12px;
    width: auto;
    height: 9px
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
    width: 2px;
    height: 100%
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
    margin-top: 0
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background: var(--td-font-white-4)
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-font-white-2)
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
    background-color: var(--td-bg-color-container)
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
    height: 15px
}

.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
    background-color: var(--td-bg-color-container)
}

.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
    right: -24px
}

.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
    background-color: var(--td-font-gray-4)
}

.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
    background-color: var(--td-brand-color)
}

.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
    background-color: var(--td-brand-color-active)
}

.PageLayout-wrapper {
    height: 100%;
    min-height: 600px;
    font-size: 14px;
    font-family: PingFang SC,system-ui,-apple-system,Helvetica Neue,sans-serif;
    position: relative
}

.PageLayout-wrapper.sticky .PageLayout-header {
    background-color: var(--layout-nav-bg-color, #fff);
    background-image: var(--layout-nav-bg-image, url(https://webcdn.m.qq.com/youma/mp/header-bg.png))
}

.PageLayout-wrapper.PageLayout-no-topbar .PageLayout-nav-bar {
    display: none
}

.PageLayout-wrapper.PageLayout-no-topbar .PageLayout-body {
    padding-top: 44px
}

.PageLayout-container {
    height: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column
}

.PageLayout-nav-bar {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 12px;
    box-sizing: border-box
}

.PageLayout-nav-left {
    flex: 1;
    margin-left: 20px;
    font-weight: 600
}

.PageLayout-nav-right {
    display: flex;
    gap: 5px;
    margin-right: 3px
}

.PageLayout-header {
    color: var(--layout-nav-color, "#000");
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1000
}

.PageLayout-header svg {
    vertical-align: bottom
}

.PageLayout-header-bar {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 44px;
    padding: 0 12px
}

.PageLayout-header-left {
    width: 80px
}

.PageLayout-header-right {
    width: 90px;
    text-align: right
}

.PageLayout-header-center {
    text-align: center;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600
}

.PageLayout-body {
    flex: 1;
    box-sizing: border-box;
    background-size: 100%;
    background-repeat: no-repeat;
    color: var(--layout-color, "#444444");
    background-color: var(--layout-bg-color, #EEF2FF);
    background-image: var(--layout-bg-image, url(https://webcdn.m.qq.com/youma/mp/background-common.png));
    display: flex;
    flex-direction: column;
    padding-top: 88px
}

.PageLayout-main {
    flex: 1
}

.PageLayout-loading {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.SimplePage-content {
    padding: 12px;
    height: 100%;
    box-sizing: border-box
}

.SimplePage-desc {
    margin-bottom: 12px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.PageLink-body {
    height: 48px;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 12px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.PageLink-body .PageLink-label {
    padding: 0 4px;
    margin-right: 8px;
    color: #888
}

.PageLink-body .PageLink-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PageLink-body .PageLink-copy {
    color: #888;
    margin: 0 4px;
    cursor: pointer
}

.PageLink-desc {
    color: #888;
    font-weight: 300;
    margin-top: 12px
}

.PageText-wrap {
    border-radius: 4px;
    color: #000;
    background-color: #fff;
    box-sizing: border-box;
    padding: 12px;
    font-size: 16px;
    height: 100%;
    white-space: pre-wrap;
    word-break: break-all
}

.PageImage-wrap.PageImage-layout-swiper {
    --td-font-white-4: #D1DBFE;
    --td-bg-color-container: #6E7EBE;
    --td-size-2: 8px
}

.PageImage-wrap.PageImage-layout-swiper .PageImage-item {
    margin: 0
}

.PageImage-wrap.PageImage-layout-swiper .PageImage-img {
    height: 260px
}

.PageImage-wrap.PageImage-layout-album {
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.PageImage-wrap.PageImage-layout-album .PageImage-item {
    margin: 0
}

.PageImage-wrap.PageImage-layout-album .PageImage-img {
    width: 114px;
    height: 114px
}

.PageImage-item {
    margin-bottom: 12px
}

.PageImage-item .PageImage-img {
    min-height: 80px
}

.PageImage-item img {
    vertical-align: bottom
}

.PageImage-item .PageImage-title {
    color: #000;
    background-color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 18px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    word-break: break-all
}

.PageAudio-item {
    background-color: #fff;
    color: #000;
    border-radius: 2px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex
}

.PageAudio-item .PageAudio-logo {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
    background-image: url(https://webcdn.m.qq.com/youma/mp/audio-default.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center
}

.PageAudio-item .PageAudio-body {
    flex: 1;
    margin-left: 12px;
    overflow: hidden
}

.PageAudio-item .PageAudio-title {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 8px 0;
    height: 24px;
    line-height: 24px
}

.PageAudio-item .PageAudio-duration {
    font-size: 14px
}

.PageVideo-item {
    margin-bottom: 12px
}

.PageVideo-item .PageAudio-body video {
    vertical-align: bottom;
    width: 100%;
    min-height: 200px
}

.PageVideo-item .PageVideo-title {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 18px;
    line-height: 24px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #fff;
    color: #000;
    word-break: break-all
}

.PageDoc-item {
    background-color: #fff;
    color: #000;
    border-radius: 2px;
    margin-bottom: 12px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.PageDoc-item .PageDoc-icon {
    margin-right: 28px;
    width: 32px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='36'%20viewBox='0%200%2032%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.97791C0%200.885541%200.885542%200%201.97791%200H24.5106L32%207.2V34.0221C32%2035.1145%2031.1145%2036%2030.0221%2036H1.97791C0.885542%2036%200%2035.1145%200%2034.0221V1.97791Z'%20fill='%23E85E4B'%20style='fill:%23E85E4B;fill:color(display-p3%200.9099%200.3686%200.2948);fill-opacity:1;'/%3e%3cpath%20d='M9.66136%2020.611H5.48018V23.8484H3.57066V15.7933C3.57066%2015.3653%203.7243%2015.0031%204.03158%2014.7068C4.33886%2014.3996%204.70101%2014.2459%205.11803%2014.2459H9.66136C10.0894%2014.2459%2010.4515%2014.3996%2010.7478%2014.7068C11.0551%2015.0031%2011.2087%2015.3653%2011.2087%2015.7933V19.0526C11.2087%2019.4806%2011.0551%2019.8428%2010.7478%2020.1501C10.4515%2020.4573%2010.0894%2020.611%209.66136%2020.611ZM5.48018%2016.0457V18.7893H9.29921V16.0457H5.48018ZM13.9043%2016.0567V22.0376H17.4709V16.0567H13.9043ZM17.844%2023.8484H11.9948V14.2569H17.844C18.272%2014.2569%2018.6342%2014.4105%2018.9195%2014.7178C19.2268%2015.0141%2019.3804%2015.3763%2019.3804%2015.8043V22.29C19.3804%2022.718%2019.2268%2023.0802%2018.9195%2023.3875C18.6342%2023.6947%2018.272%2023.8484%2017.844%2023.8484ZM27.8445%2019.9525H22.4562V23.8484H20.5467V15.8043C20.5467%2015.3763%2020.7003%2015.0141%2020.9966%2014.7178C21.3039%2014.4105%2021.666%2014.2569%2022.094%2014.2569H27.8445V16.0567H22.4562V18.1418H27.8445V19.9525Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M24.51%200L31.9994%207.2H25.8286C25.1004%207.2%2024.51%206.60964%2024.51%205.88139V0Z'%20fill='%23FF8B7C'%20style='fill:%23FF8B7C;fill:color(display-p3%201.0000%200.5469%200.4851);fill-opacity:1;'/%3e%3c/svg%3e")
}

.PageDoc-item .PageDoc-icon.PageDoc-icon-pptx,.PageDoc-item .PageDoc-icon.PageDoc-icon-ppt {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='3.1'%20fill='%23B3492D'%20style='fill:%23B3492D;fill:color(display-p3%200.7020%200.2863%200.1765);fill-opacity:1;'/%3e%3cpath%20d='M10.547%207.51353H11.9931C12.2139%207.51353%2012.393%207.69255%2012.393%207.91338V25.4699H10.547V7.51353Z'%20fill='%23D9D9D9'%20stroke='white'%20style='fill:%23D9D9D9;fill:color(display-p3%200.8510%200.8510%200.8510);fill-opacity:1;stroke:white;stroke-opacity:1;'%20stroke-width='1.7341'/%3e%3cpath%20d='M11.414%208.64194C11.414%208.4976%2011.531%208.38058%2011.6754%208.38058H17.7351C20.2375%208.38058%2022.2661%2010.4092%2022.2661%2012.9116C22.2661%2015.414%2020.2375%2017.4427%2017.7351%2017.4427H11.414V8.64194Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='3.4682'/%3e%3c/svg%3e")
}

.PageDoc-item .PageDoc-icon.PageDoc-icon-docx,.PageDoc-item .PageDoc-icon.PageDoc-icon-doc {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='3.1'%20fill='%232850AE'%20style='fill:%232850AE;fill:color(display-p3%200.1569%200.3137%200.6824);fill-opacity:1;'/%3e%3cpath%20d='M9.19759%208.25781H5.74646L9.56736%2024.7739H13.265L16.3464%2012.695L19.6742%2024.7739H23.1254L27.0695%208.25781H23.7416L21.2766%2019.3507L18.4417%208.25781H14.6208L11.6627%2019.3507L9.19759%208.25781Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/svg%3e")
}

.PageDoc-item .PageDoc-icon.PageDoc-icon-xlsx,.PageDoc-item .PageDoc-icon.PageDoc-icon-xls {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='3.1'%20fill='%23346F40'%20style='fill:%23346F40;fill:color(display-p3%200.2039%200.4353%200.2510);fill-opacity:1;'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.0421%207.01758H19.8967C19.7235%207.01758%2019.5623%207.10628%2019.4696%207.25263L16%2012.7309L12.5304%207.25263C12.4377%207.10628%2012.2766%207.01758%2012.1033%207.01758H8.95794C8.55951%207.01758%208.31767%207.45701%208.53085%207.79361L13.8289%2016.159L8.32402%2024.8509C8.11084%2025.1875%208.35268%2025.627%208.75111%2025.627H11.8965C12.0697%2025.627%2012.2309%2025.5383%2012.3236%2025.3919L16%2019.587L19.6764%2025.3919C19.7691%2025.5383%2019.9303%2025.627%2020.1035%2025.627H23.2489C23.6473%2025.627%2023.8892%2025.1875%2023.676%2024.8509L18.1711%2016.159L23.4692%207.79361C23.6824%207.45701%2023.4405%207.01758%2023.0421%207.01758Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/svg%3e")
}

.PageDoc-item .PageDoc-title {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PageDoc-item .PageDoc-share {
    margin-left: 28px
}