/* 2024-09-18 15:33 */
body {
    --use-white: #ffffff;
    --use-black: #000000;
    --use-color-accent: #d43030;
    --use-color-primary: #333333;
    --use-color-regular: #666666;
    --use-color-secondary: #999999;
    --use-color-placeholder: #9E9E9E;
    --use-color-accent-ripple: #dc2626;
    --use-color-white-ripple: #e8e8e8;
    --use-color-bg-F5F5F5: #F5F5F5;
}
body{background-color:var(--use-white)}
i { font-style: normal; }
s { text-decoration: none; }
.border-t { border-top: 1px solid var(--use-color-white-ripple); }
.border-b { border-bottom: 1px solid var(--use-color-white-ripple); }

.c-999 { color: var(--use-color-secondary) !important; }
.c-666 { color: var(--use-color-regular) !important; }
.c-333 { color: var(--use-color-primary) !important; }
.c-red { color: var(--use-color-accent) !important; }

.mt-5 { margin-block-start: 0.1rem; }
.mt-10 { margin-block-start: 0.2rem; }
.my-10 { margin-top: 0.2rem; margin-bottom: 0.2rem; }
.ml-5 { margin-inline-start: 0.1rem; }
.ml-8 { margin-inline-start: 0.16rem; }
.mx-8 { margin-inline: 0.16rem; }
.ml-10 { margin-inline-start: 0.2rem; }
.mx-10 { margin-inline: 0.2rem; }
.ml-12 { margin-inline-start: 0.24rem; }
.mx-12 { margin-inline: 0.24rem; }
.ml-16 { margin-inline-start: 0.32rem; }

.pl-5 { padding-inline-start: 0.1rem; }
.pr-5 { padding-inline-end: 0.1rem; }
.pl-8 { padding-inline-start: 0.16rem; }
.pr-8 { padding-inline-end: 0.16rem; }
.pl-10 { padding-inline-start: 0.20rem; }
.pr-10 { padding-inline-end: 0.20rem; }

.f-28 {font-size: 0.28rem !important;}

.flex-1 { flex: 1 1 0%; }
.flex-inline { display: inline-flex }
.f-bold-700 { font-weight: 700;}

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.line-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; align-content: center; white-space: normal; }

.label.start { background-color: #ff8d1a; }
.label.run { background-color: var(--use-color-accent); }
.label.end { background-color: var(--use-color-regular); }

.tabs-wrap { height: 0.64rem; line-height: 0.64rem; margin-inline: 0.24rem; display: flex; align-items: center; flex-direction: row; position: relative; border-bottom: 1px solid var(--use-color-white-ripple); }
.tab-tab-item { color: var(--use-color-regular); font-size: 0.28rem; width: 1.92rem; display: inline-flex; font-weight: 700; }
.tab-tab-item.on { color: var(--use-color-primary); }
.tabs-wrap .active { position: absolute; left: 0; bottom: 0; width: 1.12rem; height: 0.04rem; background-color: var(--use-color-accent); transition: all 0.3s; }
.tabs-wrap .active.s { left: 1.92rem; }

/* weui */
.weui-loadmore { margin-block: 0.4rem; }
.weui-primary-loading { font-size: 0.36rem; }
.weui-loadmore__tips { font-size: 0.26rem; }
.weui-hidden_abs { font-size: 0.26rem }

/* weui-half-screen-dialog */
.weui-half-screen-dialog__hd { min-height: 1rem; height: 1rem; line-height: 1rem; display: flex; align-items: center; }
.weui-half-screen-dialog__title { font-size: 0.30rem; font-weight: 700; }
.weui-half-screen-dialog__bd { padding-left: 0.24rem !important; padding-right: 0.24rem !important; padding-bottom: 1rem !important; }
.weui-half-screen-dialog__hd  [class^="weui-icon-"] { width: 0.32rem; height: 0.32rem; font-size: 0.2rem; }