html { background-color: #f5f7fb; }
body { overflow-x: hidden; }
.main-whole { background-color: var(--sf-bg-color2); min-height: 100vh; }
.page-loading { min-height: 90vh; }
.loading-infinite { width: .8rem; display: block; animation: rotate360 1s infinite linear; -webkit-animation: rotate360 1s infinite linear; }
@keyframes rotate360 { 0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); } }
@-webkit-keyframes rotate360 { 0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); } }
.van-button--disabled { background: var(--sf-bg-color1); color: var(--sf-text-color2); border-color: var(--sf-bg-color1); }
.f-blue { color: var(--van-blue); }
.van-empty { height: calc(100vh - 3.8rem); }
.van-list__finished-text { width: 100%; }
.van-image__error img { width: 100%; height: 100%; object-fit: contain; }
/* dialog */
.van-dialog { max-width: 500px; }
.dialog_cont { color: #808595; }
.van-dialog__header { color: var(--sf-text-color); }
h5.dialog_title { color: var(--sf-text-color); text-align: left; font-size: .28rem; display: flex; align-items: center; margin: .08rem 0 .2rem; }
h5.dialog_title::before { content: ''; width: .04rem; height: .04rem; margin: 0 .05rem; background-color: var(--sf-text-color); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.dialog-content { padding: .3rem; }
.dialog-btn-close { width: .5rem; height: .5rem; position: absolute; right: .2rem; top: .2rem; color: #9a9eac; }
.dialog-img-wrap { margin-bottom: .3rem; }
.dialog-img-wrap img { display: block; margin: 0 auto; }
.dialog-content p { text-align: center; font-size: .3rem; }
.dialog-content p b { color: #508cee; }
.dialog-btns-wrap { padding: 0 .45rem .4rem; }
.dialog-btns-wrap .dialog-info { margin-top: .3rem; font-size: .24rem; --van-checkbox-size: .24rem; color: #808595; }
.dialog-btns-wrap .dialog-info .van-checkbox__label { color: #808595; }
/* 奖品发货信息弹框 */
.address-dialog { padding: .2rem .64rem .64rem; }
.address-dialog-list { margin-bottom: .2rem; }
.address-dialog-list h3 { font-size: .32rem; }
.address-dialog-list h3 i { font-style: normal; font-size: .24rem; color: #808595; margin-left: .09rem; }
.address-dialog-list p { font-size: .24rem; color: #808595; margin-top: .1rem; }
.address-dialog-list .van-step__title--active h3 { color: #333; }
.address-dialog-list .van-step__title--active p { color: #333; }
.address-dialog-kuaidi { text-align: center; padding-bottom: .75rem; }
.address-dialog-kuaidi-title { font-size: .34rem; margin-top: .33rem; }
.address-dialog-kuaidi-code { font-size: .48rem; color: var(--van-blue2); margin-top: .34rem; }
.address-dialog-content { padding-top: .32rem; display: flex; align-items: center; }
.address-dialog-content::before { content: '收'; background: #dde9fb; margin-right: .22rem; width: .88rem; height: .88rem; display: flex; align-items: center; justify-content: center; font-family: 'PingFangSC-Semibold'; font-size: .36rem; color: #508cee; font-weight: 600; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.address-dialog-content p { flex: 1; font-family: 'PingFangSC-Regular'; font-size: .28rem; line-height: .4rem; }
.dialog-content-item { display: flex; font-size: .32rem; padding: .1rem .15rem; }
.dialog-content-item label { color: #808595; }
.dialog-content-item .info { flex: 1; text-align: left; padding-left: .3rem; }
.dialog-success { padding-top: .18rem; padding-bottom: .12rem; }
.dialog-success img { width: 1rem; height: 1rem; display: block; margin: auto; }
.dialog-success .c-success { font-family: PingFangSC-Medium; font-size: .48rem; color: #508cee; letter-spacing: 0; line-height: .6rem; font-weight: 500; text-align: center; margin-top: .34rem; }
/* loading */
.sf-loading-wrap { height: 80vh; display: flex; justify-content: center; align-items: center; }
.sf-loading { position: relative; z-index: 100000; box-sizing: border-box; width: 50px; height: 50px; border-radius: 999px; border: 4px solid #508cee; border-top-color: transparent; animation: sf-rotate360 1s infinite linear; }
.sf-loading::after { content: ''; position: absolute; z-index: 100001; border-radius: 999px; border: 6px solid #508cee; left: 10px; top: -4px; }
.sf-loading::before { content: ''; position: absolute; box-sizing: border-box; z-index: 100000; width: 50px; height: 50px; border-radius: 999px; border: 4px solid #508cee; border-top-color: transparent; left: -4px; top: -4px; transform: rotate(-30deg); }
.sf-loading-cont { transform: scale(.7); position: relative; display: flex; }
@keyframes sf-rotate360 { 0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); } }
/* 只能在app内访问 */
.visitedInApp { height: 100vh; background: #fff; display: flex; font-size: .3rem; flex-direction: column; color: #505050; }
.visitedInAppText { flex: 1; display: flex; justify-content: center; align-items: center; }
.sinaapp { box-sizing: border-box; width: 100%; height: 1.16rem; position: fixed; bottom: 0; left: 0; z-index: 1000; background: #fff; padding: .22rem .54rem .42rem .36rem; }
.sinaapp .apppic { float: left; margin-right: .20rem; width: .68rem; height: .68rem; }
.sinaapp .u-des { position: relative; float: left; margin-top: .04rem; padding-left: .20rem; line-height: .60rem; font-size: .34rem; color: #4b4a4a; }
.sinaapp .u-des:after { position: absolute; top: 0; left: 0; content: ''; width: .01rem; height: .60rem; background: #e1e1e1; }
.sinaapp .u-open-btn { float: right; margin-top: .10rem; max-width: 24%; width: 1.14rem; height: .56rem; color: #fff; text-align: center; background: url(//n.sinaimg.cn/finance/finance_home/img/client_pic07.png) no-repeat center center; background-size: 100% auto; }
/* 动态数字 */
.chartNum { height: .5rem; overflow: hidden; }
.box-item { position: relative; height: .5rem; font-size: .48rem; line-height: .5rem; text-align: center; list-style: none; color: #fff;         writing-mode: vertical-lr; text-orientation: upright;    -moz-user-select: none; -webkit-user-select: none;     -ms-user-select: none;  -khtml-user-select: none;         user-select: none; -webkit-writing-mode: vertical-lr;     -ms-writing-mode: vertical-lr; padding-left: .05rem;
   /* display: flex; */ }
.box-item .number-item { width: .28rem; height: .5rem;
   /* overflow: hidden; */
   position: relative; }
.box-item .number-item > span { /* position: relative; */
   display: inline-block; width: 100%; height: 100%; writing-mode: vertical-lr; -epub-text-orientation: upright; -webkit-text-orientation: upright;
   /* overflow: hidden; */ }
.box-item .number-item > span i { font-style: normal; position: absolute; left: 0; transform: translate(-50%, 0); top: 0; width: .28rem; text-align: center; display: flex; justify-content: center; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.box-item .num_transition > span i { transition: transform 1s ease-in-out; }
.pop-tip-bottom { position: fixed; bottom: -2000px; left: 50%; border-radius: .32rem .32rem 0 0; z-index: 10005; width: 100%;max-width: 750px; transition-duration: .5s; transform: translateX(-50%); }
.pop-tip-bottom-show { bottom: 0; }
.pop-tip-close { display: block; position: absolute; width: .4rem; height: .4rem; right: .24rem; top: .27rem; }
.pop-tip-more { display: block; position: absolute; bottom: .4rem; height: .5rem; left: 3rem; right: 3rem; }
.pop-tip-ok { display: block; left: .65rem; height: .92rem; position: absolute; right: .65rem; bottom: 1.28rem; }
.pop-tip-inner img { display: block; width: 100%; }
.pop-tip-mask { left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .7); position: fixed; z-index: 10004; display: none; }
.pop-tip-mask-show { display: block; }
/*白天模式*/
:root {
    --van-blue: #508cee;
    --van-blue2: #508cee;
    --van-dialog-round-button-height: .8rem;
    --van-empty-description-font-size: .36rem;
    --van-action-sheet-header-font-size: .34rem;
    --van-button-disabled-opacity: 1;
    --van-button-large-height: .96rem;
    --van-dialog-width: 83.2%;
    --sf-text-color: #333;
    --sf-text-color2: #9a9ead;
    --sf-text-color3: #cecece;
    --sf-part-bg: #fff;
    --sf-bg-color1: #f5f7fb;
    --sf-bg-color2: #fff;
    --sf-bg-color3: #f5f7fb;
    --sf-border-color1: #e5e6f250;
    --van-image-placeholder-background: transparent;
}
/* 夜间模式 */
.sf-app-dark-html {
    /* --van-blue: #3761a6; */
    /* --van-blue2: #508cee; */
    --van-text-color: #9a9ead;
    --sf-text-color: #9a9ead;
    --sf-text-color2: #808595;
    --sf-text-color3: #343434;
    --sf-part-bg: #232529;
    --sf-bg-color1: #2f323a;
    --sf-bg-color2: #1a1b1d;
    --sf-bg-color3: #151617;
    --sf-border-color1: #2f323a50;
    --van-button-plain-background: transparent;
    --van-popup-background: #1d2025;
    --van-steps-background: #1d2025;
    --van-dialog-has-title-message-text-color: #9a9ead;
    /* --van-switch-background: #2f323a; */
}
html.sf-app-dark-html {
    background: #1a1b1d;
    color: var(--sf-text-color);
}
html.sf-app-dark-html .address-dialog-list .van-step__title--active h3, html.sf-app-dark-html .address-dialog-list .van-step__title--active p {
    color: #508cee;
}
html.sf-app-dark-html .wrap {
    background-image: url(https://n.sinaimg.cn/finance/jifen20203/images/dark/bg.jpg?v2);
}
html.sf-app-dark-html .fixed-header {
    background-image: url(https://n.sinaimg.cn/finance/jifen20203/images/dark/bg.jpg);
}
html.sf-app-dark-html .top-banner, html.sf-app-dark-html .top-banner {
    background-image: url(https://n.sinaimg.cn/finance/jifen20203/images/dark/bg.jpg);
}
html.sf-app-dark-html .partB .section-item {
    background-image: url(https://n.sinaimg.cn/finance/jifen20203/images/dark/bg10.png);
}
html.sf-app-dark-html .header-pic img, html.sf-app-dark-html .header-pic img, html.sf-app-dark-html .duihuan-list .item-img img, html.sf-app-dark-html .duihuan-list .item-img img, html.sf-app-dark-html .partB .p-cont img.img-gift, html.sf-app-dark-html .partB .p-cont li img {
    opacity: .8;
}
html.sf-app-dark-html .address-dialog-content::before, html.sf-app-dark-html .address-dialog-content::before {
    background-color: #28364c;
}
html.sf-app-dark-html .partA .sign-btn-left, html.sf-app-dark-html .partA .sign-btn-left, html.sf-app-dark-html .partA .sign-btn-right, html.sf-app-dark-html .partA .sign-btn-right {
    background-image: url(https://n.sinaimg.cn/finance/jifen20203/images/btn-next-disable.png);
}
html.sf-app-dark-html .partA .sign-btn-disable, html.sf-app-dark-html .partA .sign-btn-disable {
    background-image: url(https://n.sinaimg.cn/finance/jifen20203/images/btn-next.png);
}
/* html.sf-app-dark-html .van-switch{
    border-color: #434751;
    border-width: 1px;
    border-style: solid;
}
html.sf-app-dark-html .van-switch__node{
    background : var(--sf-bg-color1);
} */