:root,
:host {
    --van-uploader-size: 20.51282vw;
    --van-uploader-icon-size: 6.15385vw;
    --van-uploader-icon-color: var(--van-gray-4);
    --van-uploader-text-color: var(--van-text-color-2);
    --van-uploader-text-font-size: var(--van-font-size-sm);
    --van-uploader-upload-background: var(--van-gray-1);
    --van-uploader-upload-active-color: var(--van-active-color);
    --van-uploader-delete-color: var(--van-white);
    --van-uploader-delete-icon-size: 3.58974vw;
    --van-uploader-delete-background: rgba(0, 0, 0, .7);
    --van-uploader-file-background: var(--van-background);
    --van-uploader-file-icon-size: 5.12821vw;
    --van-uploader-file-icon-color: var(--van-gray-7);
    --van-uploader-file-name-padding: 0 var(--van-padding-base);
    --van-uploader-file-name-margin-top: var(--van-padding-xs);
    --van-uploader-file-name-font-size: var(--van-font-size-sm);
    --van-uploader-file-name-text-color: var(--van-gray-7);
    --van-uploader-mask-text-color: var(--van-white);
    --van-uploader-mask-background: rgba(50, 50, 51, .88);
    --van-uploader-mask-icon-size: 5.64103vw;
    --van-uploader-mask-message-font-size: var(--van-font-size-sm);
    --van-uploader-mask-message-line-height: var(--van-line-height-xs);
    --van-uploader-loading-icon-size: 5.64103vw;
    --van-uploader-loading-icon-color: var(--van-white);
    --van-uploader-disabled-opacity: var(--van-disabled-opacity);
    --van-uploader-border-radius: 0px
}

.van-uploader {
    position: relative;
    display: inline-block
}

.van-uploader__wrapper {
    display: flex;
    flex-wrap: wrap
}

.van-uploader__wrapper--disabled {
    opacity: var(--van-uploader-disabled-opacity)
}

.van-uploader__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    opacity: 0
}

.van-uploader__input-wrapper {
    position: relative
}

.van-uploader__input:disabled {
    cursor: not-allowed
}

.van-uploader__upload {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: var(--van-uploader-size);
    height: var(--van-uploader-size);
    margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
    background: var(--van-uploader-upload-background);
    border-radius: var(--van-uploader-border-radius)
}

.van-uploader__upload:active {
    background-color: var(--van-uploader-upload-active-color)
}

.van-uploader__upload--readonly:active {
    background-color: var(--van-uploader-upload-background)
}

.van-uploader__upload-icon {
    color: var(--van-uploader-icon-color);
    font-size: var(--van-uploader-icon-size)
}

.van-uploader__upload-text {
    margin-top: var(--van-padding-xs);
    color: var(--van-uploader-text-color);
    font-size: var(--van-uploader-text-font-size)
}

.van-uploader__preview {
    position: relative;
    margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
    cursor: pointer
}

.van-uploader__preview-image {
    display: block;
    width: var(--van-uploader-size);
    height: var(--van-uploader-size);
    overflow: hidden;
    border-radius: var(--van-uploader-border-radius)
}

.van-uploader__preview-delete {
    position: absolute;
    top: 0;
    right: 0
}

.van-uploader__preview-delete--shadow {
    width: var(--van-uploader-delete-icon-size);
    height: var(--van-uploader-delete-icon-size);
    background: var(--van-uploader-delete-background);
    border-radius: 0 0 0 3.07692vw
}

.van-uploader__preview-delete-icon {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--van-uploader-delete-color);
    font-size: var(--van-uploader-delete-icon-size);
    transform: scale(.7) translate(10%, -10%)
}

.van-uploader__preview-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.van-uploader__mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--van-uploader-mask-text-color);
    background: var(--van-uploader-mask-background);
    border-radius: var(--van-uploader-border-radius)
}

.van-uploader__mask-icon {
    font-size: var(--van-uploader-mask-icon-size)
}

.van-uploader__mask-message {
    margin-top: 1.53846vw;
    padding: 0 var(--van-padding-base);
    font-size: var(--van-uploader-mask-message-font-size);
    line-height: var(--van-uploader-mask-message-line-height)
}

.van-uploader__loading {
    width: var(--van-uploader-loading-icon-size);
    height: var(--van-uploader-loading-icon-size);
    color: var(--van-uploader-loading-icon-color)
}

.van-uploader__file {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: var(--van-uploader-size);
    height: var(--van-uploader-size);
    background: var(--van-uploader-file-background)
}

.van-uploader__file-icon {
    color: var(--van-uploader-file-icon-color);
    font-size: var(--van-uploader-file-icon-size)
}

.van-uploader__file-name {
    box-sizing: border-box;
    width: 100%;
    margin-top: var(--van-uploader-file-name-margin-top);
    padding: var(--van-uploader-file-name-padding);
    color: var(--van-uploader-file-name-text-color);
    font-size: var(--van-uploader-file-name-font-size);
    text-align: center
}

.article-center[data-v-ae9c6f1c] {
    color: #fff
}

.article-center[data-v-ae9c6f1c] .van-nav-bar {
    background: transparent
}

.article-center[data-v-ae9c6f1c] .van-nav-bar .van-icon {
    color: #fff;
    font-size: 4.61538vw
}

.article-center[data-v-ae9c6f1c] .van-nav-bar .van-nav-bar__title {
    color: #fff
}

.article-center[data-v-ae9c6f1c] .van-nav-bar .van-nav-bar__right {
    padding: 0
}

.article-center .divider-line[data-v-ae9c6f1c] {
    margin: 5.12821vw 0;
    height: 1px;
    background-color: #29313d
}

.article-center .upload-desc[data-v-ae9c6f1c] {
    padding: 0 5.12821vw;
    font-weight: 400;
    font-size: 3.07692vw;
    color: #66707d
}

.article-center .upload-desc p[data-v-ae9c6f1c] {
    margin-bottom: 3.58974vw
}

.article-center .article-center-content[data-v-ae9c6f1c] {
    margin-top: 5.12821vw;
    background: #202630;
    border-radius: 5.38462vw 5.38462vw 0px 0px;
    height: 97%;
    color: #fff;
    padding: 5.12821vw 0
}

.article-center .article-center-content .share-data[data-v-ae9c6f1c] {
    margin: 0 3.58974vw;
    background: #171e26;
    border-radius: 2.5641vw;
    padding: 5.12821vw 3.58974vw
}

.article-center .article-center-content .share-data[data-v-ae9c6f1c] .van-cell {
    padding: 0;
    background: transparent
}

.article-center .article-center-content .share-data[data-v-ae9c6f1c] .van-cell .van-field__control {
    color: #fff
}

.article-center .article-center-content .upload-imgs[data-v-ae9c6f1c] .van-uploader__upload {
    background: #29313c
}

.article-center .article-center-content .max-img[data-v-ae9c6f1c] {
    padding-left: 1.28205vw;
    font-size: 2.30769vw;
    color: #414b59
}

.article-center .footer-btn[data-v-ae9c6f1c] {
    padding: 4.10256vw 3.58974vw
}