[data-v-7cf3d3a0]:export{oppo_theme_color:#06f;oppo_dark_theme_color:#5c9dff;oppo_background_color:#f0f1f2}
.app-index-cn[data-v-7cf3d3a0]{padding-top:0 !important}
.app-index[data-v-7cf3d3a0]{margin:0 16px;background:#f0f1f2;color:rgba(0,0,0,.85);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding-top:60px}
.app-index .title[data-v-7cf3d3a0]{position:fixed;top:0;left:0;padding-top:56px;padding-bottom:15px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-left:24px;text-align:left;font-weight:500;font-size:16px;line-height:21px;color:rgba(0,0,0,.9);z-index:11}
.app-index .title[data-v-7cf3d3a0]:not(.fixed){padding-top:60px}
.app-index .title.fixed[data-v-7cf3d3a0]{border-bottom:.33px solid rgba(0,0,0,.12);background:inherit}
.app-index .title .search-fix[data-v-7cf3d3a0]{position:absolute;right:-30px;-webkit-transition:all .3s linear;transition:all .3s linear;pointer-events:unset}
.app-index .title .search-fix.show[data-v-7cf3d3a0]{right:20px}
.app-index .title .vip-scan[data-v-7cf3d3a0]{bottom:-3px}
.app-index .search-box[data-v-7cf3d3a0]{margin-top:60px;position:relative;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;background:rgba(0,0,0,.08);border-radius:20px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;height:44px;font-size:16px;line-height:16px;color:rgba(0,0,0,.4)}
.app-index .search-box .search-icon[data-v-7cf3d3a0]{display:inline-block;width:20px;height:20px;margin-right:8px}
.app-index .search-box .search-icon img[data-v-7cf3d3a0]{-webkit-filter:invert(46%);filter:invert(46%)}
.app-index .search-box img[data-v-7cf3d3a0]{position:absolute;z-index:3}
.app-index .search-box img.o[data-v-7cf3d3a0]{bottom:100%;right:17px;width:auto;height:63px}
.app-index .search-box img.hi[data-v-7cf3d3a0]{bottom:calc(100% + 20px);right:70px;width:60px;height:60px}
.app-index .search-box .my-swipe[data-v-7cf3d3a0]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;line-height:20px}
.app-index .search-box .my-swipe .van-swipe-item[data-v-7cf3d3a0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.9)}
.app-index .search-box .search-content[data-v-7cf3d3a0]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-index .search-box .search-btn[data-v-7cf3d3a0]{color:#ffb200;padding:2px 6px;font-weight:500;background:#191919;font-size:10px;border-radius:6px;margin-right:12px}
.dark-medium .app-index[data-v-7cf3d3a0]{background:#1a1a1a !important}
.dark-light .app-index[data-v-7cf3d3a0]{background:#2e2e2e !important}
.dark-light .app-index[data-v-7cf3d3a0],.dark-medium .app-index[data-v-7cf3d3a0],.dark .app-index[data-v-7cf3d3a0]{background:#000}
.dark-light .app-index .title[data-v-7cf3d3a0],.dark-medium .app-index .title[data-v-7cf3d3a0],.dark .app-index .title[data-v-7cf3d3a0]{color:rgba(255,255,255,.9) !important}
.dark-light .app-index .search-fix[data-v-7cf3d3a0],.dark-medium .app-index .search-fix[data-v-7cf3d3a0],.dark .app-index .search-fix[data-v-7cf3d3a0]{-webkit-filter:invert(90%);filter:invert(90%)}
.dark-light .app-index .search-box[data-v-7cf3d3a0],.dark-medium .app-index .search-box[data-v-7cf3d3a0],.dark .app-index .search-box[data-v-7cf3d3a0]{background:rgba(255,255,255,.15);color:rgba(255,255,255,.54)}
.dark-light .app-index .search-box .search-btn[data-v-7cf3d3a0],.dark-medium .app-index .search-box .search-btn[data-v-7cf3d3a0],.dark .app-index .search-box .search-btn[data-v-7cf3d3a0]{color:#e5a100;background:rgba(255,255,255,.1019607843)}
.dark-light .app-index .search-box .my-swipe .van-swipe-item[data-v-7cf3d3a0],.dark-medium .app-index .search-box .my-swipe .van-swipe-item[data-v-7cf3d3a0],.dark .app-index .search-box .my-swipe .van-swipe-item[data-v-7cf3d3a0]{color:rgba(255,255,255,.9)}
@media only screen and (min-width:698px){.app-index .title[data-v-7cf3d3a0]{width:100vw;padding-top:56px;padding-left:calc(50% - 325px);padding-right:calc(50% - 325px);overflow:hidden}
.app-index .title .search-fix.show[data-v-7cf3d3a0]{right:calc(50% - 325px)}
.app-index .search-box[data-v-7cf3d3a0]{margin-top:75px;width:100%;margin-left:0}
}
@media only screen and (min-width:1138px){.app-index[data-v-7cf3d3a0]{margin:0 218px}
}