:root {
    --adm-radius-s: 0.005333rem;
    --adm-radius-s: 0.533333vw;
    --adm-radius-m: 0.010667rem;
    --adm-radius-m: 1.066667vw;
    --adm-radius-l: 0.016000rem;
    --adm-radius-l: 1.600000vw;
    --adm-font-size-1: 0.012000rem;
    --adm-font-size-1: 1.200000vw;
    --adm-font-size-2: 0.013333rem;
    --adm-font-size-2: 1.333333vw;
    --adm-font-size-3: 0.014667rem;
    --adm-font-size-3: 1.466667vw;
    --adm-font-size-4: 0.016000rem;
    --adm-font-size-4: 1.600000vw;
    --adm-font-size-5: 0.017333rem;
    --adm-font-size-5: 1.733333vw;
    --adm-font-size-6: 0.018667rem;
    --adm-font-size-6: 1.866667vw;
    --adm-font-size-7: 0.020000rem;
    --adm-font-size-7: 2.000000vw;
    --adm-font-size-8: 0.021333rem;
    --adm-font-size-8: 2.133333vw;
    --adm-font-size-9: 0.022667rem;
    --adm-font-size-9: 2.266667vw;
    --adm-font-size-10: 0.024000rem;
    --adm-font-size-10: 2.400000vw;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-background: #fff;
    --adm-color-white: #fff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    color: #333;
    color: var(--adm-color-text);
    font-size: 1.733333vw;
    font-size: var(--adm-font-size-main);
    font-family: -apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,segoe ui,arial,roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    font-family: var(--adm-font-family)
}

a,button {
    cursor: pointer
}

a {
    color: #1677ff;
    color: var(--adm-color-primary);
    transition: opacity .2s ease-in-out
}

a:active {
    opacity: .8
}

.adm-plain-anchor {
    color: unset;
    transition: none
}

.adm-plain-anchor:active {
    opacity: unset
}

body.adm-overflow-hidden {
    overflow: hidden!important
}

div.adm-px-tester {
    --size: 1;
    height: calc(var(--size)/2*0.00267rem);
    height: calc(var(--size)/2*0.26667vw);
    width: 0;
    position: fixed;
    right: -100vw;
    bottom: -100vh;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.adm-swiper {
    --height: auto;
    --width: 100%;
    --border-radius: 0;
    --track-padding: 0;
    --slide-size: 100%;
    --track-offset: 0%;
    display: block;
    width: var(--width);
    height: var(--height);
    position: relative;
    border-radius: var(--border-radius);
    z-index: 0;
    overflow: hidden
}

.adm-swiper-track {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    padding: var(--track-padding)
}

.adm-swiper-track-allow-touch-move {
    cursor: -webkit-grab;
    cursor: grab
}

.adm-swiper-track-inner {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
    display: flex;
    flex-wrap: nowrap
}

.adm-swiper-slide {
    position: relative;
    white-space: unset;
    flex: none
}

.adm-swiper-item,.adm-swiper-slide {
    width: 100%;
    height: 100%;
    display: block
}

.adm-swiper-item {
    white-space: normal
}

.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
    touch-action: pan-y
}

.adm-swiper-horizontal .adm-swiper-indicator {
    position: absolute;
    bottom: .008rem;
    bottom: .8vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.adm-swiper-horizontal .adm-swiper-track {
    -webkit-transform: translateX(var(--track-offset));
    transform: translateX(var(--track-offset))
}

.adm-swiper-horizontal .adm-swiper-track-inner {
    flex-direction: row;
    width: var(--slide-size)
}

.adm-swiper-vertical .adm-swiper-track-allow-touch-move {
    touch-action: pan-x
}

.adm-swiper-vertical .adm-swiper-indicator {
    position: absolute;
    right: .008rem;
    right: .8vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.adm-swiper-vertical .adm-swiper-track {
    -webkit-transform: translateY(var(--track-offset));
    transform: translateY(var(--track-offset))
}

.adm-swiper-vertical .adm-swiper-track-inner {
    flex-direction: column;
    height: var(--slide-size)
}

.adm-page-indicator {
    display: flex;
    width: auto;
    --dot-color: #ddd;
    --active-dot-color: var(--adm-color-primary);
    --dot-size: 0.004000rem;
    --dot-size: 0.400000vw;
    --active-dot-size: 0.017333rem;
    --active-dot-size: 1.733333vw;
    --dot-border-radius: 0.001333rem;
    --dot-border-radius: 0.133333vw;
    --active-dot-border-radius: var(--dot-border-radius);
    --dot-spacing: 0.004000rem;
    --dot-spacing: 0.400000vw
}

.adm-page-indicator-dot {
    display: block;
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: var(--dot-border-radius);
    background: var(--dot-color)
}

.adm-page-indicator-dot:last-child {
    margin-right: 0
}

.adm-page-indicator-dot-active {
    border-radius: var(--active-dot-border-radius);
    background: var(--active-dot-color)
}

.adm-page-indicator-color-white {
    --dot-color: hsla(0,0%,100%,0.5);
    --active-dot-color: var(--adm-color-text-light-solid)
}

.adm-page-indicator-horizontal {
    flex-direction: row
}

.adm-page-indicator-horizontal .adm-page-indicator-dot {
    margin-right: var(--dot-spacing)
}

.adm-page-indicator-horizontal .adm-page-indicator-dot-active {
    width: var(--active-dot-size)
}

.adm-page-indicator-vertical {
    flex-direction: column
}

.adm-page-indicator-vertical .adm-page-indicator-dot {
    margin-bottom: var(--dot-spacing)
}

.adm-page-indicator-vertical .adm-page-indicator-dot-active {
    height: var(--active-dot-size)
}