[class*=enum-avatar-bg-],
[class^=enum-avatar-bg-] {
    display: block;
    width: 120px !important;
    height: 120px !important;
    background-color: #fff;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.enum-avatar-bg-0 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/0.png?v=4d1237eab6)
}

.enum-avatar-bg-10001 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10001.png?v=06703096f6)
}

.enum-avatar-bg-10002 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10002.png?v=04b171c525)
}

.enum-avatar-bg-10003 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10003.png?v=30e2b190ec)
}

.enum-avatar-bg-10004 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10004.png?v=bf21eec7b4)
}

.enum-avatar-bg-10005 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10005.png?v=b9e90db806)
}

.enum-avatar-bg-10006 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10006.png?v=589aeb54e6)
}

.enum-avatar-bg-10007 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10007.png?v=c28bb84ceb)
}

.enum-avatar-bg-10008 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10008.png?v=564e3a9575)
}

.enum-avatar-bg-10009 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10009.png?v=e5c823d82e)
}

.enum-avatar-bg-10010 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10010.png?v=e3bc8aaca8)
}

.enum-avatar-bg-10011 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10011.png?v=d0bde56b07)
}

.enum-avatar-bg-10012 {
    background-image: url(//res.17track.net/asset/imgs-enum/avatar/120x120/10012.png?v=0128fcb3e8)
}


<style type="text/css">
.uni-app--showtabbar uni-page-wrapper {
    display: block;
    height: calc(100% - 50px);
    height: calc(100% - 50px - constant(safe-area-inset-bottom));
    height: calc(100% - 50px - env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-wrapper::after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    height: calc(50px + constant(safe-area-inset-bottom));
    height: calc(50px + env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-head[uni-page-head-type="default"]~uni-page-wrapper {
    height: calc(100% - 44px - 50px);
    height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
    height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
}
</style>
<style type="text/css">
.nav-collapse-container[data-v-74c28670] {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #fff
}

.nav-collapse-container__scroll-view[data-v-74c28670] {
    width: 100%;
    height: 100%
}

.collapsing[data-v-74c28670] {
    transition: height .35s ease
}
</style>
<style type="text/css">
@charset "UTF-8";

/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 字体颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 行高 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* uikit4基础变量 */
/* 色板 */
/* css变量 */
body.pages-index uni-page-body {
    --uni-font-size-sm: $uni-font-size-sm;
    --uni-font-size-base: $uni-font-size-base;
    --uni-font-size-lg: $uni-font-size-lg;
    --uni-text-color: $uni-text-color;
    --uni-text-color-grey: $uni-text-color-grey;
    --color-red-500: $color-red-500;
    --color-blue-a300: $color-blue-a300
}

/* uikit4混入 */
/* border 样式混入 */
.yq-user[data-v-2ac77169] {
    color: rgba(0, 0, 0, .87);
    font-size: 16px;
    padding-left: 20px
}

.yq-user .welcome-back[data-v-2ac77169] {
    padding: 16px 20px 16px 0;
    position: relative
}

.yq-user .welcome-back[data-v-2ac77169]:after {
    border-bottom-width: 1px !important
}

.yq-user .welcome-back[data-v-2ac77169]:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 199.8%;
    height: 199.7%;
    transform: scale(.5);
    border: 0 solid #e5e5e5;
    z-index: 2
}

.yq-user .user-info[data-v-2ac77169] {
    display: flex;
    align-items: center;
    padding: 16px 20px 15px 0
}

.yq-user .social-login[data-v-2ac77169] {
    padding: 16px 20px 16px 0;
    position: relative
}

.yq-user .social-login[data-v-2ac77169]:after {
    border-bottom-width: 1px !important
}

.yq-user .social-login[data-v-2ac77169]:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 199.8%;
    height: 199.7%;
    transform: scale(.5);
    border: 0 solid #e5e5e5;
    z-index: 2
}

.yq-user .social-login span[data-v-2ac77169] {
    font-size: 14px;
    font-weight: 500
}

.yq-user .login-desc[data-v-2ac77169] {
    color: rgba(0, 0, 0, .87);
    font-size: 12px;
    padding-right: 20px
}

.yq-user .yq-user-avatar[data-v-2ac77169] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #fff
}

.yq-user .yq-user-name[data-v-2ac77169] {
    color: rgba(0, 0, 0, .87);
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-line
}

.yq-user .yq-user-desc[data-v-2ac77169] {
    color: rgba(0, 0, 0, .87);
    opacity: .6;
    line-height: 16px;
    font-size: 12px
}

.yq-user.inverse .yq-user-container[data-v-2ac77169] {
    background-color: #003a9b;
    padding-left: 20px;
    margin-left: -20px
}

.yq-user.inverse .welcome-back[data-v-2ac77169] {
    display: none
}

.yq-user.inverse .login-desc[data-v-2ac77169] {
    color: #fff;
    padding-bottom: 16px
}

.yq-user.inverse .yq-user-name[data-v-2ac77169] {
    color: #fff
}

.yq-user.inverse .yq-user-desc[data-v-2ac77169] {
    color: #fff
}

.yq-user.login .user-info[data-v-2ac77169] {
    padding-bottom: 16px
}

.yq-user .icon[data-v-2ac77169] {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    speak: none
}

.yq-user .vertical-align-middle[data-v-2ac77169] {
    vertical-align: middle
}
</style>
<style type="text/css">
.uni-list[data-v-0994d19e] {
    display: flex;
    background-color: #fff;
    position: relative;
    flex-direction: column;
    /* border-bottom-color: $uni-border-color;
*/
    /* border-bottom-style: solid;
*/
    /* border-bottom-width: 1px;
*/
    width: 100%
}

.uni-list[data-v-0994d19e]:before {
    height: 0
}

.uni-list[data-v-0994d19e]:after {
    height: 0
}
</style>
<style type="text/css">
.uni-badge[data-v-5f29efbb] {
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 20px;
    line-height: 20px;
    color: #333;
    border-radius: 100px;
    background-color: #f1f1f1;
    background-color: transparent;
    text-align: center;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 6px
}

.uni-badge--inverted[data-v-5f29efbb] {
    padding: 0 5px 0 0;
    color: #f1f1f1
}

.uni-badge--default[data-v-5f29efbb] {
    color: #333;
    background-color: #f1f1f1
}

.uni-badge--default-inverted[data-v-5f29efbb] {
    color: $uni-text-color-grey;
    background-color: transparent
}

.uni-badge--primary[data-v-5f29efbb] {
    color: #fff;
    background-color: #007aff
}

.uni-badge--primary-inverted[data-v-5f29efbb] {
    color: #007aff;
    background-color: transparent
}

.uni-badge--success[data-v-5f29efbb] {
    color: #fff;
    background-color: #4cd964
}

.uni-badge--success-inverted[data-v-5f29efbb] {
    color: #4cd964;
    background-color: transparent
}

.uni-badge--warning[data-v-5f29efbb] {
    color: #fff;
    background-color: #f0ad4e
}

.uni-badge--warning-inverted[data-v-5f29efbb] {
    color: #f0ad4e;
    background-color: transparent
}

.uni-badge--error[data-v-5f29efbb] {
    color: #fff;
    background-color: #dd524d
}

.uni-badge--error-inverted[data-v-5f29efbb] {
    color: #dd524d;
    background-color: transparent
}

.uni-badge--small[data-v-5f29efbb] {
    transform: scale(.8);
    transform-origin: center center
}
</style>
<style type="text/css">
@charset "UTF-8";

/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 字体颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 行高 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* uikit4基础变量 */
/* 色板 */
/* css变量 */
body.pages-index uni-page-body {
    --uni-font-size-sm: $uni-font-size-sm;
    --uni-font-size-base: $uni-font-size-base;
    --uni-font-size-lg: $uni-font-size-lg;
    --uni-text-color: $uni-text-color;
    --uni-text-color-grey: $uni-text-color-grey;
    --color-red-500: $color-red-500;
    --color-blue-a300: $color-blue-a300
}

/* uikit4混入 */
/* border 样式混入 */
.uni-list-item[data-v-1d0ca13e] {
    /*font-size: 32rpx;*/
    font-size: 16px;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    /*padding-left: 30rpx;*/
    padding-left: 15px
}

.uni-list-item--disabled[data-v-1d0ca13e] {
    opacity: .3
}

.uni-list-item--keydown[data-v-1d0ca13e] {
    background-color: #f1f1f1
}

.uni-list-item__container[data-v-1d0ca13e] {
    position: relative;
    display: flex;
    flex-direction: row;
    /*padding: 24rpx 30rpx;*/
    /*padding-left: 0;*/
    flex: 1;
    position: relative;
    justify-content: space-between;
    align-items: center;
    color: rgba(0, 0, 0, .87);
    padding: 12px 15px 12px 0
}

.uni-list-item--first[data-v-1d0ca13e] {
    border-top-width: 0
}

.uni-list-item--border[data-v-1d0ca13e] {
    position: relative
}

.uni-list-item--border[data-v-1d0ca13e]:after {
    border-top-width: 1px !important
}

.uni-list-item--border[data-v-1d0ca13e]:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 199.8%;
    height: 199.7%;
    transform: scale(.5);
    border: 0 solid #e5e5e5;
    z-index: 2
}

.uni-list-item--first[data-v-1d0ca13e]::after {
    border-top: none
}

.uni-list-item__content[data-v-1d0ca13e] {
    display: flex;
    flex: 1;
    overflow: hidden;
    flex-direction: column;
    color: #3b4144
}

.uni-list-item__content-title[data-v-1d0ca13e] {
    /*font-size: 28rpx;*/
    /*color: #3b4144;*/
    /*overflow: hidden;*/
    color: rgba(0, 0, 0, .87);
    font-size: 14px;
    line-height: 20px
}

.uni-list-item__content-note[data-v-1d0ca13e] {
    margin-top: 3px;
    color: #999;
    /*font-size: 24rpx;*/
    overflow: hidden;
    font-size: 12px !important
}

.uni-list-item__extra[data-v-1d0ca13e] {
    /* width: 25%;
*/
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.uni-list-item__icon[data-v-1d0ca13e] {
    margin-right: 9px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.uni-list-item__icon-img[data-v-1d0ca13e] {
    height: 26px;
    width: 26px
}

.uni-list-item__extra-text[data-v-1d0ca13e] {
    /*color: #999;*/
    /*font-size: 24rpx;*/
    color: rgba(0, 0, 0, .38);
    font-size: 12px
}
</style>
<style type="text/css">
@charset "UTF-8";

/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 字体颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 行高 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* uikit4基础变量 */
/* 色板 */
/* css变量 */
body.pages-index uni-page-body {
    --uni-font-size-sm: $uni-font-size-sm;
    --uni-font-size-base: $uni-font-size-base;
    --uni-font-size-lg: $uni-font-size-lg;
    --uni-text-color: $uni-text-color;
    --uni-text-color-grey: $uni-text-color-grey;
    --color-red-500: $color-red-500;
    --color-blue-a300: $color-blue-a300
}

/* uikit4混入 */
/* border 样式混入 */
.nav-menu[data-v-7e81847e] .uni-list-item {
    padding-left: 20px
}

.nav-menu[data-v-7e81847e] .uni-list-item .uni-list-item__container {
    min-height: 50px;
    padding-right: 20px
}
</style>
<style type="text/css">
@charset "UTF-8";

/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 字体颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 行高 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* uikit4基础变量 */
/* 色板 */
/* css变量 */
body.pages-index uni-page-body {
    --uni-font-size-sm: $uni-font-size-sm;
    --uni-font-size-base: $uni-font-size-base;
    --uni-font-size-lg: $uni-font-size-lg;
    --uni-text-color: $uni-text-color;
    --uni-text-color-grey: $uni-text-color-grey;
    --color-red-500: $color-red-500;
    --color-blue-a300: $color-blue-a300
}

/* uikit4混入 */
/* border 样式混入 */
.hamburger[data-v-a45c6f32] {
    font-size: 17px;
    vertical-align: middle
}

.hamburger[data-v-a45c6f32],
.hamburger[data-v-a45c6f32]::before,
.hamburger .hamburger-bar[data-v-a45c6f32],
.hamburger[data-v-a45c6f32]::after {
    transition: transform .2s ease-in-out
}

.hamburger[data-v-a45c6f32]::before,
.hamburger[data-v-a45c6f32]::after {
    content: ""
}

.hamburger[data-v-a45c6f32]::before,
.hamburger .hamburger-bar[data-v-a45c6f32],
.hamburger[data-v-a45c6f32]::after {
    display: block;
    width: 1em;
    height: .1em;
    margin: 0;
    background: #fff;
    border-radius: 1px
}

.navbar-default .hamburger[data-v-a45c6f32]::before,
.navbar-default .hamburger .hamburger-bar[data-v-a45c6f32],
.navbar-default .hamburger[data-v-a45c6f32]::after {
    background: #fff
}

.navbar-inverse .hamburger[data-v-a45c6f32]::before,
.navbar-inverse .hamburger .hamburger-bar[data-v-a45c6f32],
.navbar-inverse .hamburger[data-v-a45c6f32]::after {
    background: #fff
}

.hamburger .hamburger-bar[data-v-a45c6f32] {
    margin: .2em 0
}

.hamburger-close[data-v-a45c6f32]::before {
    transform: rotate(45deg);
    transform-origin: 8%
}

.hamburger-close .hamburger-bar[data-v-a45c6f32] {
    opacity: 0
}

.hamburger-close[data-v-a45c6f32]::after {
    transform: rotate(-45deg);
    transform-origin: 8%
}

.hamburger-close.hided[data-v-a45c6f32]::before,
.hamburger-close.collapsed[data-v-a45c6f32]::before {
    transform: rotate(0)
}

.hamburger-close.hided .hamburger-bar[data-v-a45c6f32],
.hamburger-close.collapsed .hamburger-bar[data-v-a45c6f32] {
    opacity: 1
}

.hamburger-close.hided[data-v-a45c6f32]::after,
.hamburger-close.collapsed[data-v-a45c6f32]::after {
    transform: rotate(0)
}

.hamburger-arrow-left.collapsed[data-v-a45c6f32] {
    transform: rotate(180deg)
}

.hamburger-arrow-left.collapsed[data-v-a45c6f32]::before {
    width: .6em;
    transform: translate3d(.45em, .1em, 0) rotate(45deg)
}

.hamburger-arrow-left.collapsed .hamburger-bar[data-v-a45c6f32] {
    border-radius: .2em
}

.hamburger-arrow-left.collapsed[data-v-a45c6f32]::after {
    width: .6em;
    transform: translate3d(.45em, -.1em, 0) rotate(-45deg)
}

.yq-nav .station[data-v-a45c6f32] {
    box-sizing: content-box;
    height: 60px
}

.yq-nav.fixed[data-v-a45c6f32] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: background-color .35s ease
}

.yq-nav.fixed.collapsed[data-v-a45c6f32] {
    bottom: 0;
    background-color: #fff
}

.yq-nav.absolute[data-v-a45c6f32] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: transparent !important
}

.nav-container[data-v-a45c6f32] {
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    box-sizing: content-box
}

.nav-container.line[data-v-a45c6f32] {
    border-bottom: 1px solid #f5f5f5;
    box-shadow: 0 0 3px 0 #ddd
}

.nav-container.transparentFixed[data-v-a45c6f32] {
    border-bottom: 0;
    background-color: initial;
    background-image: none
}

.nav-container .left_box[data-v-a45c6f32] {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 10px
}

.nav-container .left_info[data-v-a45c6f32] {
    height: 24px;
    transition: all .6s;
    margin-left: 8px;
    margin-right: 30px;
    display: flex;
    align-items: center
}

.nav-container .title[data-v-a45c6f32] {
    height: 100%;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.nav-container .title.center[data-v-a45c6f32] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.nav-container .right_info[data-v-a45c6f32] {
    height: 24px;
    margin-right: 8px;
    margin-left: 30px;
    display: flex;
    align-items: center
}

.nav-container .logo[data-v-a45c6f32] {
    width: 140.5px;
    height: 36px;
        margin-left: 34px;
    background: url('/logo.png') no-repeat;
    background-size: contain
}

.nav-container .user-btn[data-v-a45c6f32] {
    padding: 10px
}

.nav-container .menu-btn[data-v-a45c6f32],
.nav-container .home-btn[data-v-a45c6f32],
.nav-container .back-btn[data-v-a45c6f32] {
    width: 24px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-container .menu-btn[data-v-a45c6f32]:hover,
.nav-container .home-btn[data-v-a45c6f32]:hover,
.nav-container .back-btn[data-v-a45c6f32]:hover {
    cursor: pointer
}
</style>
<style type="text/css">
@charset "UTF-8";

/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 字体颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 行高 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* uikit4基础变量 */
/* 色板 */
/* css变量 */
body.pages-index uni-page-body {
    --uni-font-size-sm: $uni-font-size-sm;
    --uni-font-size-base: $uni-font-size-base;
    --uni-font-size-lg: $uni-font-size-lg;
    --uni-text-color: $uni-text-color;
    --uni-text-color-grey: $uni-text-color-grey;
    --color-red-500: $color-red-500;
    --color-blue-a300: $color-blue-a300
}

/* uikit4混入 */
/* border 样式混入 */
uni-view[data-v-01b58631] {
    box-sizing: border-box
}

.u-tips[data-v-01b58631] {
    width: 100%;
    position: fixed;
    z-index: 1;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(-100%);
    transition: all .35s linear
}

.u-tip-show[data-v-01b58631] {
    transform: translateY(0);
    opacity: 1;
    z-index: 99
}

.u-primary[data-v-01b58631] {
    background: #2979ff
}

.u-success[data-v-01b58631] {
    background: #19be6b
}

.u-warning[data-v-01b58631] {
    background: #f90
}

.u-error[data-v-01b58631] {
    background: #fa3534
}

.u-info[data-v-01b58631] {
    background: #909399
}
</style>
<style type="text/css">
@charset "UTF-8";

/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 字体颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 行高 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* uikit4基础变量 */
/* 色板 */
/* css变量 */
body.pages-index uni-page-body {
    --uni-font-size-sm: $uni-font-size-sm;
    --uni-font-size-base: $uni-font-size-base;
    --uni-font-size-lg: $uni-font-size-lg;
    --uni-text-color: $uni-text-color;
    --uni-text-color-grey: $uni-text-color-grey;
    --color-red-500: $color-red-500;
    --color-blue-a300: $color-blue-a300
}

/* uikit4混入 */
/* border 样式混入 */
.download-wrapper[data-v-6fdc634e] {
    height: 142px
}

.download[data-v-6fdc634e] {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    color: var(--black);
    z-index: 900;
    width: 100%;
    height: 142px;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    padding: 20px 16px 20px 20px
}

.download .desc[data-v-6fdc634e] {
    overflow: hidden;
    display: flex
}

.download .desc>img[data-v-6fdc634e] {
    flex-shrink: 0;
    width: 48px;
    border-radius: 12px
}

.download .desc>div[data-v-6fdc634e] {
    padding-right: 28px;
    box-sizing: border-box;
    padding: 4px 5px;
    margin-left: 5px;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.download>.btn-download[data-v-6fdc634e] {
    display: block;
    width: 100%;
    height: 36px;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 18px;
    padding: 6px 5px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal
}

.download .btn-close[data-v-6fdc634e] {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 1em
}

.download .btn-close .icon[data-v-6fdc634e] {
    font-size: 17px;
    color: #757575
}
</style>
<style type="text/css">
@charset "UTF-8";

/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 字体颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 行高 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* uikit4基础变量 */
/* 色板 */
/* css变量 */
body.pages-index uni-page-body {
    --uni-font-size-sm: $uni-font-size-sm;
    --uni-font-size-base: $uni-font-size-base;
    --uni-font-size-lg: $uni-font-size-lg;
    --uni-text-color: $uni-text-color;
    --uni-text-color-grey: $uni-text-color-grey;
    --color-red-500: $color-red-500;
    --color-blue-a300: $color-blue-a300
}

/* uikit4混入 */
/* border 样式混入 */
.page-introduce[data-v-886339b0] {
    padding: 60px 20px 0
}

.page-introduce section[data-v-886339b0] {
    text-align: center;
    margin-top: 16px
}

.page-introduce section .input-wrap[data-v-886339b0] {
    padding: 12px 15px;
    border: 2px solid #ff8c00;
    border-radius: 5px;
    margin-bottom: 12px
}

.page-introduce section uni-input[data-v-886339b0] {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase
}

.page-introduce section .h1[data-v-886339b0] {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 8px
}

.page-introduce section .btn[data-v-886339b0] {
    box-shadow: 0 5px 16px 0 rgba(255, 112, 0, .32);
    margin-bottom: 44px
}

.page-introduce section .title[data-v-886339b0] {
    color: rgba(0, 0, 0, .87);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.page-introduce section .desc[data-v-886339b0] {
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

.page-introduce .section-copyright[data-v-886339b0] {
    padding: 0 15px;
    line-height: 46px;
    overflow: hidden
}

.page-introduce .section-copyright>p[data-v-886339b0] {
    margin: 0;
    font-size: 12px;
    text-align: center
}

.page-introduce .illustration[data-v-886339b0] {
    max-width: 375px;
    max-height: 180px;
    width: 375px;
    height: 180px;
    margin: 0 -20px
}
</style>