[data-v-c3f3c480]:export{oppo_theme_color:#06f;oppo_dark_theme_color:#5c9dff;oppo_background_color:#f0f1f2}
.bg-f[data-v-c3f3c480]{background:#fff;width:calc(100% - 32px)}
.cn-bg[data-v-c3f3c480]{border-radius:12px;background:#fff;padding:10px 16px 0 16px}
.app-news[data-v-c3f3c480]{width:auto;margin:16px 16px 0;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.app-news .title-cn[data-v-c3f3c480]{font-weight:600 !important}
.app-news .title[data-v-c3f3c480]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:14px;margin-bottom:12px;font-weight:500;font-size:16px;line-height:21px;color:rgba(0,0,0,.9)}
.app-news .title[data-v-c3f3c480],.app-news .title span[data-v-c3f3c480]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.app-news .title span[data-v-c3f3c480]{-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;font-weight:400;font-size:14px;line-height:20px;color:rgba(0,0,0,.6)}
.app-news .title span .right-icon[data-v-c3f3c480]{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.app-news .news-list[data-v-c3f3c480]{padding:16px 16px 24px 16px}
.app-news .new[data-v-c3f3c480]{position:relative;margin-top:13px;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;min-height:72px;gap:13px}
.app-news .new .left[data-v-c3f3c480]{text-align:left;width:calc(100% - 118px)}
.app-news .new .left .new-title[data-v-c3f3c480]{font-size:16px;line-height:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:rgba(0,0,0,.9)}
.app-news .new .left .date[data-v-c3f3c480]{position:absolute;left:0;margin-top:3px;font-size:12px;line-height:16px;color:rgba(0,0,0,.6)}
.app-news .new .img-box[data-v-c3f3c480]{width:114px;height:72px}
.app-news .new img[data-v-c3f3c480]{border-radius:6px;overflow:hidden;width:100%;height:100%}
.dark-light .bg-f[data-v-c3f3c480],.dark-light .cn-bg[data-v-c3f3c480],.dark-medium .bg-f[data-v-c3f3c480],.dark-medium .cn-bg[data-v-c3f3c480],.dark .bg-f[data-v-c3f3c480],.dark .cn-bg[data-v-c3f3c480]{background:rgba(255,255,255,.1)}
.dark-light .app-news .title[data-v-c3f3c480],.dark-light .app-news .title span[data-v-c3f3c480],.dark-medium .app-news .title[data-v-c3f3c480],.dark-medium .app-news .title span[data-v-c3f3c480],.dark .app-news .title[data-v-c3f3c480],.dark .app-news .title span[data-v-c3f3c480]{color:rgba(255,255,255,.9)}
.dark-light .app-news .title .right-icon[data-v-c3f3c480],.dark-medium .app-news .title .right-icon[data-v-c3f3c480],.dark .app-news .title .right-icon[data-v-c3f3c480]{color:rgba(255,255,255,.3) !important}
.dark-light .app-news .new .left .new-title[data-v-c3f3c480],.dark-medium .app-news .new .left .new-title[data-v-c3f3c480],.dark .app-news .new .left .new-title[data-v-c3f3c480]{color:rgba(255,255,255,.9)}
.dark-light .app-news .new .left .date[data-v-c3f3c480],.dark-medium .app-news .new .left .date[data-v-c3f3c480],.dark .app-news .new .left .date[data-v-c3f3c480]{color:rgba(255,255,255,.6)}
@media only screen and (min-width:698px){.app-news .new-box[data-v-c3f3c480]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}
.app-news .new[data-v-c3f3c480]{gap:4px}
.app-news .new .left[data-v-c3f3c480]{width:172px}
}
@media only screen and (min-width:1138px){.app-news[data-v-c3f3c480]{margin:16px 218px 0}
.app-news .new-box[data-v-c3f3c480]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}
.app-news .new[data-v-c3f3c480]{gap:4px}
.app-news .new .left[data-v-c3f3c480]{width:172px}
}
@media only screen and (min-width:500px){.app-news .new-box[data-v-c3f3c480]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.app-news .new[data-v-c3f3c480]{gap:4px;width:calc(50% - 20px)}
.app-news .new .left[data-v-c3f3c480]{width:172px}
}