body,
html {
    height: 100%;
    padding: 0;
    margin: 0;
}

.size {
    width: 100%;
    height: 100%;
}

#app {
    width: 100%;
    height: 100%;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0 none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquoteafter,
blockquotebefore,
qafter,
qbefore {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a[href],
button {
    -ms-touch-action: none;
    touch-action: none;
}

button {
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
}

button:focus,
input:focus {
    outline: none;
}

a {
    text-decoration: none;
}

* {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

@media screen and (min-width: 980px) {
    html {
        font-size: 37.5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    html {
        font-size: 37.5px;
    }
}

@media screen and (min-width: 415px) and (max-width: 768px) {
    html {
        font-size: 37.5px;
    }
}

@media screen and (min-width: 375px) and (max-width: 414px) {
    html {
        font-size: 37.5px;
    }
}

@media screen and (min-width: 321px) and (max-width: 374px) {
    html {
        font-size: 32px;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 32px;
    }
}

.keep-icon-qq:before {
    content: "\e800";
}

.keep-icon-password:before {
    content: "\e801";
}

.keep-icon-message:before {
    content: "\e802";
}

.keep-icon-run:before {
    content: "\e803";
}

.keep-icon-setting:before {
    content: "\e804";
}

.keep-icon-user:before {
    content: "\e805";
}

.keep-icon-reply:before {
    content: "\e806";
}

.keep-icon-good-1:before {
    content: "\e807";
}

.keep-icon-good_pressed:before {
    content: "\e808";
}

.keep-icon-cycling:before {
    content: "\e809";
}

.keep-icon-speed:before {
    content: "\e80a";
}

.keep-icon-frequency:before {
    content: "\e80b";
}

.keep-icon-girl:before {
    content: "\e80c";
}

.keep-icon-boy:before {
    content: "\e80d";
}

.keep-icon-fav:before {
    content: "\e80e";
}

.keep-icon-finish:before {
    content: "\e80f";
}

.keep-icon-ad:before {
    content: "\e810";
}

.keep-icon-wechat:before {
    content: "\e811";
}

.keep-icon-weibo:before {
    content: "\e812";
}

.keep-icon-twitter:before {
    content: "\e813";
}

.keep-icon-instagram:before {
    content: "\e814";
}

.keep-icon-train:before {
    content: "\e815";
}

.keep-icon-more:before {
    content: "\e816";
}

.keep-icon-close:before {
    content: "\e817";
}

.keep-icon-best:before {
    content: "\e818";
}

.keep-icon-search:before {
    content: "\e819";
}

.keep-icon-apple:before {
    content: "\e81a";
}

.keep-icon-android:before {
    content: "\e81b";
}

.keep-icon-menu:before {
    content: "\e81c";
}

.keep-icon-qzone:before {
    content: "\e81d";
}

.keep-icon-like:before {
    content: "\e81e";
}

.keep-icon-comment:before {
    content: "\e81f";
}

.keep-icon-moments:before {
    content: "\e820";
}

.keep-icon-location:before {
    content: "\e821";
}

.keep-icon-logo_k:before {
    content: "\e822";
}

.keep-icon-camera:before {
    content: "\e823";
}

.lock {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    position: fixed;
    width: 100%;
}

.keep-activity-toast-container .toasted.keep-activity-toast {
    border-radius: 0.066666666666667rem;
    text-align: center;
    font-size: 0.373333333333333rem;
}

.keep-activity-toast-container.toasted-container.top-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 100%;
}

.keep-activity-toast-container.toasted-container.top-center .toasted {
    max-width: 70%;
    margin-top: -0.666666666666667rem;
    padding: 0.133333333333333rem;
    line-height: 1.5em;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.keep-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.keep-line-clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.keep-line-clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.keep-mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.keep-absolute-center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.keep-vertical-scroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.keep-vertical-scroll::-webkit-scrollbar {
    display: none;
}

.keep-horizonal-scroll {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.keep-horizonal-scroll::-webkit-scrollbar {
    display: none;
}

.keep-center-bg {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.keep-1px-border {
    position: relative;
}

.keep-1px-border:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.keep-1px-border.bottom-border:after {
    bottom: 0;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    border-bottom: 1px solid #efefef;
}

.keep-1px-border.top-border:after {
    top: 0;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    border-top: 1px solid #efefef;
}

.keep-1px-border.all-border:after {
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    top: 0;
    border: 1px solid #efefef;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            from(rgba(0, 0, 0, 0.5)),
            to(transparent)
    );
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(rgba(0, 0, 0, 0.5)),
            to(transparent)
    );
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgba(0, 0, 0, 0.5)),
            to(transparent)
    );
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(0, 0, 0, 0.5)),
            to(transparent)
    );
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
}

.swiper-centered.swiper-horizontal
> .swiper-wrapper
> .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(
            --swiper-pagination-bullet-width,
            var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
            --swiper-pagination-bullet-height,
            var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top 0.2s, -webkit-transform 0.2s;
    transition: top 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, top 0.2s;
    transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
    -webkit-transition: left 0.2s, -webkit-transform 0.2s;
    transition: left 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, left 0.2s;
    transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}

.swiper-horizontal.swiper-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
    -webkit-transition: right 0.2s, -webkit-transform 0.2s;
    transition: right 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, right 0.2s;
    transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
.dialog-mask[data-v-91e2653e] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.8);
}

.dialog-mask .dialog-body[data-v-91e2653e] {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dialog-mask .header[data-v-91e2653e] {
    margin: 24px 24px 0;
}

.dialog-mask .header .title[data-v-91e2653e] {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0;
    color: #222;
    text-align: center;
}

.dialog-mask .content[data-v-91e2653e] {
    margin: 16px 24px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #666;
}

.dialog-mask .footer[data-v-91e2653e] {
    margin: 24px;
}

.dialog-mask .footer .primary[data-v-91e2653e] {
    width: 240px;
    height: 54px;
    border-radius: 50px;
    background: #24c789;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
}

.prevetWindow {
    overflow: hidden;
}

.task-container[data-v-2c8330d8] {
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    background-color: #fff;
}

.task-container .card[data-v-2c8330d8] {
    margin: 0 24px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04),
    0 2px 8px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04), 0 2px 8px 0 rgba(0, 0, 0, 0.02);
}

.task-container .score-card[data-v-2c8330d8] {
    padding: 24px 16px;
    margin-top: 25px;
    height: 86px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.task-container .score-card .top[data-v-2c8330d8] {
    padding-bottom: 19px;
    border-bottom: 1px solid #efefef;
}

.task-container .score-card .top .current-desc[data-v-2c8330d8] {
    position: relative;
}

.task-container .score-card .top .current-desc .name[data-v-2c8330d8] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
}

.task-container .score-card .top .current-desc .link[data-v-2c8330d8] {
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.task-container .score-card .top .current-desc .link .text[data-v-2c8330d8] {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #999;
    vertical-align: top;
}

.task-container .score-card .top .current-desc .link .icon[data-v-2c8330d8] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAElBMVEUAAACampqZmZmampqfn5+ZmZnRAwZDAAAABXRSTlMAYPAwEI54pPUAAAA5SURBVDjLYxhJgFEAh4RoIA4NoaHYtTiFhmLXwqyKS4vRiNYClsBl1IjTAE8+hBMcIoniTtQjCAAAiqUbOQm9qGgAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.task-container .score-card .top .score-box[data-v-2c8330d8] {
    margin-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.task-container .score-card .top .score-box .icon[data-v-2c8330d8] {
    width: 26px;
    height: 27px;
    margin-top: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABRCAMAAABL9GBhAAAAUVBMVEUAAABtUfRtUfRtUfRwUPdwUO9wUPRtUfRsUfRtUPRsUPNtUfRtUvNsUfRtUfNuUfRtUfRsUPVuUfVtUfT////Jvvvk3v12XPW2qPqkk/jSyfyNHZjEAAAAE3RSTlMA8ODAIBAwgKBfQHCvz7CQ0FBP1/rjuAAAAb1JREFUWMOt2duOgjAUheGWUsABj8s6ju//oEMymhVpxk3L+q8MF1+gNZFunVW89CFgLoT+Et22dhPemnb1Vtw1yGpqQWIC8Cvg38JXIdZO+NjQlixaD7N+9S6PHivyu3WL1mBljb2EXUBBof28aAMKG+KHHfAozvcFi1a9hHFCdVPMtmCPDe27heaxKd9lmsxrqdV7/AruIWj/0npI6p+PClF/jztA1MCbk93eEbKOM9dAVuNcB2GdGyFs5L5q9jZAWHAewhqHku7Xt5DlUOZpOHoajp6Ko1fPfd8SFj3KOWrX68JL11s5R23hpfnCrZSj9vKo0bO4XKNHbe5RyFGjRy3hXshRo0cNuBdw1Oi9a7NXwFFLKfsAPD2To5bfFK+8PJvLtYWX8ClnavRsDc7U6NkanKnRszU4W6OXYHKmRi/B5ryh0Vuh+ex39odaecENyLxqDYMbkXnVGkbXIfdqNXTa9zvx26f43Vj75q4+V+hPPXMnCAriE6P4PKs/bdPbtH6np8biAdUNUT9HyZNMefQzKNYKJmTy+Z1+uqiffbL2AMVkVj831k+1CWowgos1PBCrK575f8XZ3M1fsq9w0cQ+YNEAAAAASUVORK5CYII=);
    background-size: contain;
}

.task-container .score-card .top .score-box .score[data-v-2c8330d8] {
    margin-left: 6px;
    font-size: 36px;
    line-height: 39px;
    font-weight: 500;
    color: #000;
}

.task-container .score-card .bottom .desc-box[data-v-2c8330d8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.task-container .score-card .bottom .desc-box .title[data-v-2c8330d8] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    width: 188px;
}

.task-container .score-card .bottom .desc-box .full[data-v-2c8330d8] {
    width: 100%;
    white-space: nowrap;
}

.task-container .score-card .bottom .desc-box .desc[data-v-2c8330d8] {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #999;
}

.task-container .score-card .bottom .progress-bar[data-v-2c8330d8] {
    width: 100%;
    margin-top: 8px;
    position: relative;
}

.task-container
.score-card
.bottom
.progress-bar
.bottom-layer[data-v-2c8330d8] {
    width: 100%;
    height: 14px;
    border-radius: 10px;
    background: #efefef;
    position: absolute;
    left: 0;
    top: 0;
}

.task-container .score-card .bottom .progress-bar .top-layer[data-v-2c8330d8] {
    width: 26px;
    height: 14px;
    border-radius: 10px;
    background: #6d51f4;
    position: absolute;
    left: 0;
    top: 0;
}

.task-container .score-card .bottom .progress-bar .not-round[data-v-2c8330d8] {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.task-container .score-card .bottom-newpage[data-v-2c8330d8] {
    margin-top: 20px;
}

.task-container .score-card-newpage[data-v-2c8330d8] {
    height: 197px;
    margin-top: -108px;
}

.task-container .list-card[data-v-2c8330d8] {
    margin-top: 16px;
    min-height: 197px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.task-container .list-card .title-box[data-v-2c8330d8] {
    margin-top: 24px;
    margin-left: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.task-container .list-card .title[data-v-2c8330d8] {
    width: 66px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
}

.task-container .list-card .right[data-v-2c8330d8] {
    width: 32px;
    height: 100%;
    position: relative;
}

.task-container .list-card .right .icon[data-v-2c8330d8] {
    position: absolute;
    display: inline-block;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAACfn5+ampqampqZmZmampqYmJiXl5eZmZmZmZmZmZmZmZmXl5eZmZmZmZmZmZmZmZmZmZmZmZmZmZkRd21aAAAAE3RSTlMAEDBg77CQQPCA4KAg0M+vcN9QezKZrwAAAVxJREFUSMfdVUuWhCAMJICgKAJ6/7uO0ZnXkEB8s+3akQ8UISnUd0IvaT8v7GnR79GbK2eF4jYxHNaTYYVxvLFnB/YYxf9tPxl/kdfeTL8G16eTbmcwUNnMfBtTj9YdPy/EBcuTMeAza+7Qc5eVQWuELteIvoMYLe4Pg2LjGRZaQoSPt9ZXrBipDS1LZbgOLNXyvnn95g7rWZ+JAQ0pcgT2j1EkgdakEI4gJQAadENxUlKCwi7JzcrICbnZE+fFywkeJ6px614CuSZ3SxY54ap74AkCJR+CFyhFdmkEu3RkZeXgZeUPx8EfzrPWMGX3QmuoQDkVfCbSfIG0twXV7BDpQDppgEyIng0Q0wytGPiI8jnn2D4KQWRmh278/pEZSsr2hMwO5PVR3oFUrooDngzbirF99BxEuU/5kfuciNwzHPPZwXz878ty8PIphjo6uE29QucpYnCcslZfiR8O6CQhpCNc4QAAAABJRU5ErkJggg==);
    background-size: cover;
}

.task-container .list-card .addition-box[data-v-2c8330d8] {
    margin-top: 10px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.task-container .list-card .addition-box .left[data-v-2c8330d8] {
    margin: 6px 8px 6px 16px;
    width: 52px;
    height: 24px;
    border-radius: 40px;
    background-color: #6d51f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
}

.task-container .list-card .addition-box .left .icon[data-v-2c8330d8] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAgH+gcGBQMCBA8ODfwBCwkK+Nqv2dAAAAyklEQVRIx+WVyw6EIAxFBbE8ffX/P3ZgZkEYKEgwceHZmLS9sUAvTC9HCk4gZKEcHFZw8F+/YIMlrVfYRCWCGT0zI/hlE4H5/pRE+LRJIuihqmO+LdjW0EuHgGEArgsEBnRHS7uPHzE/sGjrA6K+rTY/uJMTrPnBKYMNjBoZvoC2WMHqkoGAEYCcnkECJyi2pOue1s94emcEez4arj187hZPH/6zbtcFGgOsWzDc0qin+6/KeBlzgrPgaWwy7GmoexqKjyIjEHJ6Nx+92yuAT9K8IAAAAABJRU5ErkJggg==);
    background-size: contain;
    margin-left: 6px;
}

.task-container .list-card .addition-box .left .text[data-v-2c8330d8] {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    -webkit-transform: scale(0.83333333);
    transform: scale(0.83333333);
}

.task-container .list-card .addition-box .center[data-v-2c8330d8] {
    width: calc(100% - 108px);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #999;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.task-container .list-card .common-task[data-v-2c8330d8] {
    width: 100%;
    height: 72px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.task-container .list-card .common-task .first[data-v-2c8330d8] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 16px 0 16px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 88px);
}

.task-container .list-card .common-task .first .task-title[data-v-2c8330d8] {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.task-container .list-card .common-task .first .gains[data-v-2c8330d8] {
    margin-top: 4px;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.task-container .list-card .common-task .first .gains .icon[data-v-2c8330d8] {
    display: inline-block;
    margin-top: 1px;
    width: 14px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAABHNCSVQICAgIfAhkiAAAAlZJREFUSIm91zFu4kAUxvH/M8gd2kgcAFduUqylUKVZ7wEiIeUAmzRYVMmeYMkJNlsh02T3BBuJKp3TREq1rqMU+ABIQXSRMi9FMBsI2JNA8lVmeHo/ZuyBQbBMr9fzHMc5EpFAVUMAEUlUNTXG/Op0OkObPmIDicgPETkoqlPV36p6UgYXgnEcd4EjYKvsg01zB5xGUXTyKjCO4xbwE/AsocUMge9RFJ0Xgr1ez6tUKmf5PVo3IpI8PDwcPl/mGTid1Rn2y2ebO+Awn60A9Pv9QFX/bRiaQ0Xka7vdTh0AVX2x1hvOlqr+BZB+v3+gqmfvDAIgIocO0PoIbJqWo6rBR2mq+rkKNNZpEgQB29vbc2O3t7dcX18vK/eq62AAaZpSqVTY2dmxqndsG7uuy/7+Pr7vv3hvMpmQZdlmwd3dXer1OmEYzqG+7xOGIY1Gg+FwWNrHakkXkTAMARiNRnPXSZLQbDYLe5XO8DmWJAk3Nzez8b29vRk2GAy4v7/n6uqqsF/hDJdhOej7Pq7rzmF5VjyhxeCqmeWva7Uaruu+wMpSBTIW9mKtVsPzvKVYnouLC4BXYUBWFZFUVefAyWTCYDCgXq8vxd4AASAiqQMs/aUYjUYrsTVyLgBxHA9Z8yvOIlkURZ4DICItYPyO2HhqPO3DdrudAgfvhI6NMa2p8X/jR1F0bowJgMsNYpfGmKDT6ST5QNEx8ZS339cMOC49Ji6Bu8Ax8MkSGvN0EO6uKrA66juO0wW+lZT+McZ01zrqL8IiciwiAfBlOnypqqmqntr+mXkE99kNSKWTJrcAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.task-container .list-card .common-task .first .gains .text[data-v-2c8330d8] {
    margin-left: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #999;
}

.task-container .list-card .common-task .last[data-v-2c8330d8] {
    width: 88px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

.task-container .list-card .common-task .last .btn[data-v-2c8330d8] {
    position: absolute;
    width: 68px;
    height: 30px;
    right: 20px;
    border-radius: 16px;
    background-color: #24c789;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.task-container .list-card .common-task .last .btn .text[data-v-2c8330d8] {
    font-size: 12px;
    line-height: 16px;
}

.task-container .list-card .common-task .last .disabled[data-v-2c8330d8] {
    background: #4edaa5;
}

.task-container .list-card .common-task .last .disabled .text[data-v-2c8330d8] {
    color: hsla(0, 0%, 100%, 0.6);
}

.task-container .list-card .share-task[data-v-2c8330d8] {
    height: 64px;
    width: auto;
    border-radius: 8px;
    background: #fafafa;
    margin: 8px 6px 8px 6px;
    padding: 12px 0 12px 0;
}

.task-container .list-card .share-task .first[data-v-2c8330d8] {
    padding: 0;
    margin-left: 16px;
    width: calc(100% - 57px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px;
}

.task-container .list-card .share-task .first .task-title[data-v-2c8330d8] {
    width: 100%;
}

.task-container .list-card .share-task .first .gains .text[data-v-2c8330d8] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.task-container .list-card .share-task .last .btn[data-v-2c8330d8] {
    right: 14px;
}

.task-container .list-card .share-task .logo[data-v-2c8330d8] {
    width: 36px;
    height: 36px;
    margin-top: 2px;
    margin-left: 14px;
}

.title-bar[data-v-25b8262a] {
    width: 100vw;
    height: 1.173333333333333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.32rem 0.426666666666667rem;
    position: fixed;
    left: 0;
    top: 1.173333333333333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.left-box .cls-btn[data-v-25b8262a] {
    width: 0.64rem;
}

.middle-box[data-v-25b8262a] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
}

.task-card[data-v-ad3b4758] {
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 8px;
}

.task-card .card-time-con[data-v-ad3b4758] {
    position: relative;
    height: 16px;
    line-height: 16px;
}

.task-card .card-time-con .card-time-number[data-v-ad3b4758] {
    float: left;
    width: 12px;
    height: 16px;
    line-height: 16px;
    margin-right: 3px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
}

.task-card .card-time-con .card-time-text[data-v-ad3b4758] {
    float: left;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.15px;
    color: #fff;
}

.task-card .card-time-con .card-tag-new[data-v-ad3b4758] {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 3px;
    background: hsla(0, 0%, 100%, 0.14);
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.15px;
    display: inline-block;
    padding: 5px 8px;
}

.task-card .card-title-con[data-v-ad3b4758] {
    color: #fff;
    height: 40px;
    padding-top: 10px;
}

.task-card .card-title-con .card-title-name[data-v-ad3b4758] {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.15px;
    color: #fff;
}

.task-card .card-title-con .card-title-icon[data-v-ad3b4758] {
    position: relative;
    top: 4px;
    left: -6px;
    width: 24px;
}

.task-card .card-task-status[data-v-ad3b4758] {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.15px;
    color: #fff;
    margin-bottom: 8px;
}

.task-card .card-task-desc[data-v-ad3b4758] {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.15px;
    color: hsla(0, 0%, 100%, 0.7);
}

.task-card .card-progress-con[data-v-ad3b4758] {
    position: relative;
    margin-top: 8px;
    margin-bottom: 0.533333333333333rem;
}

.task-card .card-progress-con .card-progress[data-v-ad3b4758] {
    width: 100%;
    height: 16px;
    border-radius: 8px;
    background-color: hsla(0, 0%, 100%, 0.5);
}

.task-card .card-progress-con .card-current-progress[data-v-ad3b4758] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 16px;
    border-radius: 8px;
    background-color: hsla(0, 0%, 100%, 0.87);
}

.task-card .card-progress-con .card-progress-start[data-v-ad3b4758] {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 10px;
    border: 2px solid #fff;
}

.task-card .card-progress-con .card-progress-start-num[data-v-ad3b4758] {
    position: absolute;
    top: 0.533333333333333rem;
    left: 4px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.15px;
    color: #fff;
}

.task-card .card-progress-con .card-percent-con[data-v-ad3b4758] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.task-card
.card-progress-con
.card-percent-con
.card-percent-item[data-v-ad3b4758] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.task-card
.card-progress-con
.card-percent-con
.card-percent-item
.card-dot-con[data-v-ad3b4758] {
    height: 16px;
    line-height: 16px;
}

.task-card
.card-progress-con
.card-percent-con
.card-percent-item
.card-dot-con
.card-dot[data-v-ad3b4758] {
    float: left;
    display: inline-block;
    position: relative;
    top: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 7px;
    background-color: #fff;
}

.task-card
.card-progress-con
.card-percent-con
.card-percent-item
.card-dot-con
.card-dot-done[data-v-ad3b4758] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAvdJREFUaIHVmtGR4jAMhhUa2HRwKSEluAMoIVsB28HSwV0Htx0sWwHpgFwF0EGyFfz3YDGETCSL2IY7zXh4QJE+2Yot2ykogQAoiWhNRBUROf6tJmpnbi3/fhVFMaTwv0gAlAC2AI5YLke2UT4SvALwE0AfAT6Vnm1WueHfE4PPBfKeA7xGXKrcK0ekGg0ADfL2uiQ9gCbEV4Tgiei3MdZvItpzG4hoKIqiYzs1EZXcNtxejHZfi6L4MOpehXveInsAboH9DT9rkSYHfLsEfMaXY1sh2VgN1gjnfBMLPuP3LeCzh+XFhj7bDCl6XfHt2Ickx5CBXQC+zgU/YqgDQeykByvoqeNyw49YnMIxn0oAfikPNY+CH/Fo78Ruqlwqvd8+Gn7EJc1OPcYFYCBa98QAtFRqxorSzLN/FvyITVrsjheF8hm9D78Sn7iJflhPklJbdbPtlmZ8ngL60rS6WRGRNLdnSR/MF4hqUamw1Nqbbqs97hBltFVfkNOoJfgcnBMXMOpwzeFgsAp8Y3hWmo1OJPwBBMoGAGcrSAw8P19LkGIABqPTAGaBYuFHdpIHIOVlM9JJAr8oABgqTw0wMbyaQnOpABgXMQU0CTz7kF7i84r8Md+cmE7LeMP9alBdtjnXWc4rIuqEP83rgCGIGHiNpdVSoL/Xi2CriQC/2JVK/U3yYg5+djpzi17NESrmWKkTFD5jAWIFwKfA1o2V/vsNTQm5ZD08MYCDwDRgeqcAfVP/9gR4+6aeH6iUUQD+nWOVAdIJHfSDrR6PO9jSzqd2IQPSjHQJwmWEdwF4adG9MRJKJQDYZoDfBnzKqTNjzFKgHVKMBvf6weDvvkXRGATgF5r1AvA15EVqKo1kJ+UV00C3V0zfkyumF7q9YrLeDccVgvC1SOidyCEDUp2MwL/Y2uyUWjrkuPSGXydyjsaA3Ks+/GikDmRgm1VW+EkgJfxMFZNaHdtY/LFH6EzSHAz5z2xqun5u82Oi9of87NSS38a2KT63+QtJw4+qbrxPFgAAAABJRU5ErkJggg==)
    #17beb2 no-repeat 50% / contain;
    top: 0 !important;
    right: 0 !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 8px !important;
}

.task-card
.card-progress-con
.card-percent-con
.card-percent-item
.card-percent-name[data-v-ad3b4758] {
    position: relative;
    right: 0.08rem;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.15px;
    margin-top: 0.106666666666667rem;
    color: #fff;
    text-align: left;
}

.task-card
.card-progress-con
.card-percent-con:last-of-type
.card-percent-item
.card-dot-con
.card-dot[data-v-ad3b4758] {
    float: right;
}

.task-card
.card-progress-con
.card-percent-con:last-of-type
.card-percent-item
.card-percent-name[data-v-ad3b4758] {
    text-align: right;
}

.task-card .card-privileges-con[data-v-ad3b4758] {
    zoom: 1;
    overflow: hidden;
    padding-top: 6px;
}

.task-card .card-privileges-con .privilege-item[data-v-ad3b4758] {
    float: left;
    position: relative;
    width: 0.826666666666667rem;
    height: 0.88rem;
    margin-right: 0.213333333333333rem;
}

.task-card
.card-privileges-con
.privilege-item
.privilege-img[data-v-ad3b4758] {
    position: absolute;
    left: 0.026666666666667rem;
    top: 0.053333333333333rem;
    width: 0.773333333333333rem;
    height: 0.773333333333333rem;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAYAAAAPIWX+AAAABHNCSVQICAgIfAhkiAAAA1dJREFUeJztm9F52kgUhc8d6T3uYEkFy1awpII4BRiYCpZ0oFQQXIGQVMA6FQRXYFzByh3gd82cfcjIHwZjA0IzDuJ/tGF8fmsuV+K7I/BAmqa9OI4/k+wD6AEYrL1kDqAUkUVVVT+01mXbmaTNxbMsGwGYiEh/z7fOSc5Go1HWRi6gJfGiKAYkU/y6uk0oRURfXV3Nm6d6zlHF0zTtRVGUYnMrN2VujNHHLIGjiKdpehHH8T8kk2Ostw0RSaqqutZaLxuv1XSBLMtGIjIFcNF0rR1Zkpw0rf+DxYuiGFhrvx/wwXUUSC6UUl8Prf+9xV0dfwdwecgfbIEbY8zXfet/Z/GVOp7A37belaWITPep/53EXR0naN6e2qYkmexS/6+Kt9ie2ubN9qe2/SLP83EURXf4/aQBYBBF0V2e5+NtL3jxirs3pC2F8o0eDoez9R9uiJ+YdM2G/DNxd4/902skT4jIp9We/ySepumFq+legFw+KI0xf9Xt7unDTSmV4HSlAaDnHAG4K+7a1n/BInnEGPNRa10qAIjjOAkbxx+1qwIAkp9DhvFJ7SpFUVyS/Dd0IJ+IyBdlrQ3yWBkSa21ficggdBDfiMhAAfgjdBDfkPygcNq9+0VEpL/16ezUOYt3jbN41ziLd42zeNc4i3eNs3jXOIt3jbN411AAHkKHCMC9AlCGThGApSI5D53CNyTnSim1CB3EN0qphQBAlmVLEfkQOpAPSD6ORqMLBQBKqZvQgXxRuyoAqKoqCZrGI7WrAgCtdUnyOmgiD5C8rkfAnm5grLUJTrunPzhHACviWuuliIxDJPKBiIxXxz2f3bK6qSDtO5QHNk45dHbA78WHFPdCTfKx5VCt4bK/KA3sNsQ7A/D38aO1yq0xZvzaEO9OY9tu6yd4/0MEDwCSbVd5lb0G9ZVSE/w6R/aubm/dtp5aa6dHHdRfxW3/KYD3MiL2wxgzae1oxjpu4HcK4M9D12jIvYhMvB3GWSfP8zHJqa/tT/JRRCa71PFrNP7ObTgczqy1PZLfmq71FiS/WWt7TaWBdo5YznD89vdme9qXNg/VztC8/T2IyPjdH6pdx83JTrD/DrgVkaQN4ZpWxWtcCVyKSJ9kD5v/iFsRKUkujDE3Pg7O/w9uRXemL/JiaAAAAABJRU5ErkJggg==);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAYAAAAPIWX+AAAABHNCSVQICAgIfAhkiAAAA1dJREFUeJztm9F52kgUhc8d6T3uYEkFy1awpII4BRiYCpZ0oFQQXIGQVMA6FQRXYFzByh3gd82cfcjIHwZjA0IzDuJ/tGF8fmsuV+K7I/BAmqa9OI4/k+wD6AEYrL1kDqAUkUVVVT+01mXbmaTNxbMsGwGYiEh/z7fOSc5Go1HWRi6gJfGiKAYkU/y6uk0oRURfXV3Nm6d6zlHF0zTtRVGUYnMrN2VujNHHLIGjiKdpehHH8T8kk2Ostw0RSaqqutZaLxuv1XSBLMtGIjIFcNF0rR1Zkpw0rf+DxYuiGFhrvx/wwXUUSC6UUl8Prf+9xV0dfwdwecgfbIEbY8zXfet/Z/GVOp7A37belaWITPep/53EXR0naN6e2qYkmexS/6+Kt9ie2ubN9qe2/SLP83EURXf4/aQBYBBF0V2e5+NtL3jxirs3pC2F8o0eDoez9R9uiJ+YdM2G/DNxd4/902skT4jIp9We/ySepumFq+legFw+KI0xf9Xt7unDTSmV4HSlAaDnHAG4K+7a1n/BInnEGPNRa10qAIjjOAkbxx+1qwIAkp9DhvFJ7SpFUVyS/Dd0IJ+IyBdlrQ3yWBkSa21ficggdBDfiMhAAfgjdBDfkPygcNq9+0VEpL/16ezUOYt3jbN41ziLd42zeNc4i3eNs3jXOIt3jbN411AAHkKHCMC9AlCGThGApSI5D53CNyTnSim1CB3EN0qphQBAlmVLEfkQOpAPSD6ORqMLBQBKqZvQgXxRuyoAqKoqCZrGI7WrAgCtdUnyOmgiD5C8rkfAnm5grLUJTrunPzhHACviWuuliIxDJPKBiIxXxz2f3bK6qSDtO5QHNk45dHbA78WHFPdCTfKx5VCt4bK/KA3sNsQ7A/D38aO1yq0xZvzaEO9OY9tu6yd4/0MEDwCSbVd5lb0G9ZVSE/w6R/aubm/dtp5aa6dHHdRfxW3/KYD3MiL2wxgzae1oxjpu4HcK4M9D12jIvYhMvB3GWSfP8zHJqa/tT/JRRCa71PFrNP7ObTgczqy1PZLfmq71FiS/WWt7TaWBdo5YznD89vdme9qXNg/VztC8/T2IyPjdH6pdx83JTrD/DrgVkaQN4ZpWxWtcCVyKSJ9kD5v/iFsRKUkujDE3Pg7O/w9uRXemL/JiaAAAAABJRU5ErkJggg==);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.task-card
.card-privileges-con
.privilege-item
.privilege-img-border[data-v-ad3b4758] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.826666666666667rem;
}

.task-card .card-privileges-con .privilege-detail-btn[data-v-ad3b4758] {
    float: right;
    width: 2.213333333333333rem;
    height: 0.853333333333333rem;
    line-height: 0.853333333333333rem;
    font-size: 0.346666666666667rem;
    letter-spacing: 0.004rem;
    font-weight: 600;
    background-color: #fff;
    border-radius: 0.426666666666667rem;
}
body {
    color: #666;
}

li {
    list-style-type: inherit;
    font-size: 14px;
}

h1 {
    font-size: 24px;
    color: #584f60;
    font-weight: bolder;
    margin-bottom: 10px;
}

h2 {
    margin-top: 30px;
    font-size: 16px;
    font-weight: bolder;
    color: #584f60;
}

h3 {
    font-size: 14px;
    font-weight: bolder;
}

ul {
    padding-left: 15px;
    list-style: none;
}

p {
    font-size: 14px;
    margin-bottom: 1em;
}

p strong {
    font-weight: bolder;
}

.overflow-x-info {
    overflow-x: auto;
}

.overflow-x-info td,
.overflow-x-info th {
    border: 1px solid #e0e0e0;
}

table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

table td,
table th {
    padding: 3px 6px;
    word-break: keep-all;
    border: 1px solid #e0e0e0;
    white-space: normal;
}

table th {
    white-space: nowrap;
    font-weight: 700;
}

table td {
    color: #666;
    line-height: 2;
    font-size: 12px;
}

table a {
    word-wrap: break-word;
    word-break: break-all;
}

.keep-wrapper {
    overflow-x: auto;
    margin-top: 0;
    background-color: #fff;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    line-height: 1.5715;
    font-size: 14px;
}

img {
    max-width: 100%;
}