@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
.flex-jus[data-v-adb40608] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.flex[data-v-adb40608] {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.textoverflow[data-v-adb40608] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.theme1 .second-box[data-v-adb40608] {
    background: linear-gradient(180deg, #474955, #343640);
    color: #fff;
}
.theme1 .second-box .item + .item[data-v-adb40608] {
    border-top: 1px solid #50525c;
}
.theme2 .bg[data-v-adb40608] {
    background: #4172f4;
}
.theme2 .second-box[data-v-adb40608] {
    background: #fff;
    color: #1a1a1a;
}
.theme2 .second-box .item + .item[data-v-adb40608] {
    border-top: 1px solid rgba(26, 26, 26, 0.2);
}
.theme3 .score-txt[data-v-adb40608] {
    color: #1b2238 !important;
}
.theme3 .bg[data-v-adb40608] {
    background: #ffb320;
}
.theme3 .second-box[data-v-adb40608] {
    background: #2c365b;
    color: #fff;
}
.theme3 .second-box .item + .item[data-v-adb40608] {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
.main[data-v-adb40608] {
    height: calc(100vh - 45px);
}
.main .top-box[data-v-adb40608] {
    position: relative;
    width: 100%;
    height: 192px;
}
.main .top-box .bg[data-v-adb40608] {
    width: 100%;
    height: 100%;
    border-radius: 0 0 16px 16px;
}
.main .top-box .top-box-content[data-v-adb40608] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 23px;
    display: flex;
    align-items: center;
}
.main .top-box .top-box-content .img[data-v-adb40608] {
    width: 119px;
    height: 122px;
}
.main .top-box .top-box-content .img div[data-v-adb40608] {
    width: 100%;
    height: 100%;
}
.main .top-box .top-box-content .left-box[data-v-adb40608] {
    position: relative;
}
.main .top-box .top-box-content .left-box .score-txt[data-v-adb40608] {
    margin-left: 16px;
    color: #efc67f;
    font-size: 18px;
}
.main .top-box .top-box-content .left-box .score-list[data-v-adb40608] {
    z-index: 3;
}
.main .top-box .top-box-content .left-box .score-list-bg[data-v-adb40608],
.main .top-box .top-box-content .left-box .score-list[data-v-adb40608] {
    position: absolute;
    display: flex;
    align-items: center;
}
.main .top-box .top-box-content .left-box .score[data-v-adb40608] {
    position: relative;
    width: 23px;
    height: 22px;
    margin-left: 14px;
}
.main .top-box .top-box-content .left-box .score .score-bg[data-v-adb40608] {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    z-index: 1;
}
.main .top-box .top-box-content .left-box .score .score-img[data-v-adb40608] {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    z-index: 2;
}
.main .second-box[data-v-adb40608] {
    width: 380px;
    margin: auto;
    -webkit-transform: translateY(-38px);
    transform: translateY(-38px);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    opacity: 1;
    border-radius: 13px;
    padding: 0 11px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main .second-box .item[data-v-adb40608] {
    height: 56px;
}
.main .second-box .item .item-box[data-v-adb40608] {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main .second-box .item .item-box .left[data-v-adb40608] {
    display: flex;
    align-items: center;
}
.main .second-box .item .item-box .left div[data-v-adb40608] {
    width: 30px;
    height: 30px;
}
.main .second-box .item .item-box .left div[data-v-adb40608] {
    font-size: 15px;
    font-weight: 700;
    margin-left: 3px;
}
.main .second-box .item .arrows[data-v-adb40608] {
    width: 14px;
    height: 14px;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
.flex-jus[data-v-74013e98] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.flex[data-v-74013e98] {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.textoverflow[data-v-74013e98] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.main[data-v-74013e98] {
    width: 100%;
    height: 100vh;
    padding: 15px 10px;
}
.main .list[data-v-74013e98] {
    width: 100%;
}
.main .list .item[data-v-74013e98] {
    width: 100%;
    padding: 6px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 2px 2px #ddd;
    margin-bottom: 10px;
}
.main .list .item div[data-v-74013e98] {
    width: 100%;
}
.main .list .item .msg[data-v-74013e98] {
    color: #fff;
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    font-size: 13px;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
.flex-jus[data-v-1f413195] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.flex[data-v-1f413195] {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.textoverflow[data-v-1f413195] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.theme1 .title[data-v-1f413195] {
    color: #fff;
}
.theme1 .title2[data-v-1f413195] {
    color: #fff;
}
.theme1 .txt1[data-v-1f413195] {
    color: #fff;
}
.theme1 .txt2[data-v-1f413195] {
    color: #fff;
}
.theme2 .box[data-v-1f413195] {
    background: linear-gradient(180deg, #759bff, #4172f4);
}
.theme2 .title[data-v-1f413195] {
    color: #fff;
}
.theme2 .title2[data-v-1f413195] {
    color: #fff;
}
.theme2 .txt1[data-v-1f413195] {
    color: #fff;
}
.theme2 .txt2[data-v-1f413195] {
    color: #fff;
}
.theme3 .box[data-v-1f413195] {
    background: linear-gradient(180deg, #273054, #1b2238);
}
.theme3 .title[data-v-1f413195] {
    color: #ffb320;
}
.theme3 .title2[data-v-1f413195] {
    color: #ffb320;
}
.theme3 .txt1[data-v-1f413195] {
    color: hsla(0, 0%, 100%, 0.9);
}
.theme3 .txt2[data-v-1f413195] {
    color: hsla(0, 0%, 100%, 0.9);
}
.main[data-v-1f413195] {
    height: calc(100vh - 44px);
}
.main .box[data-v-1f413195] {
    width: 345px;
    margin: 10px auto;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    opacity: 1;
    border-radius: 12px;
    padding: 15px;
}
.main .box .title[data-v-1f413195] {
    font-size: 17px;
    text-align: center;
    margin-bottom: 19px;
}
.main .box .txt1[data-v-1f413195] {
    font-size: 14px;
    padding-bottom: 10px;
    text-align: justify;
    line-height: 18px;
}
.main .box .title2[data-v-1f413195] {
    font-size: 14px;
    text-align: center;
    margin-top: 19px;
}
.main .box .txt2[data-v-1f413195] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 18px;
}
.main .box .txt2 div[data-v-1f413195] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    margin-right: 3px;
}

@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
.flex-jus[data-v-09117327] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.flex[data-v-09117327] {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.textoverflow[data-v-09117327] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.theme1 .item[data-v-09117327] {
    color: #fff;
}
.theme3 .item[data-v-09117327] {
    color: #fff;
}
.main[data-v-09117327] {
    height: calc(100vh - 45px);
}
.main .item[data-v-09117327] {
    position: relative;
    width: 96%;
    height: 40px;
    line-height: 40px;
    margin: 10px auto;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    font-size: 14px;
}
.main .item .icon[data-v-09117327] {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}