3375 lines
86 KiB
Plaintext
3375 lines
86 KiB
Plaintext
@font-face {
|
|
font-family: iconfont;
|
|
src: url(data:application/x-font-woff2;charset=utf-8;base64,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)format("woff2")
|
|
}
|
|
|
|
.iconfont {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-family: iconfont !important;
|
|
font-size: 32rpx;
|
|
font-style: normal
|
|
}
|
|
|
|
.icon-dianzan-dianjitai:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-xiangkan_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-xiangkanmian_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-pingfenmian_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-pingfen_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-rili:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-tixing16:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-lingdang_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-jianhao:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-jiahao:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-haowutuijian:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-piaojiaxiaochengxu_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-guanyudamai_1:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-Successfulpayment:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-sousuo1:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-sousuo2:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-chouti_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-tixing18:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-xiangkan24:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-icon-like-bold:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-zuoweitu18:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-dagou12:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-dacha12:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-gengduo:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-guanyudamai_:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-delete:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-wode1:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-shouye1:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-fenleiye:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-_shoucang:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-_shoucangjihuo:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-fenxiang:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-liebiaoyedizhi:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-sousuo:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-wode:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-daohangdizhi:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-shouqijiantou:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-xialajiantou:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-double-quote-left:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-info:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-cutprice:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-mine:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-weixin:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-home:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-close:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-share:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-arrow-left:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-arrow-right:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-arrow-forward:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-search:before {
|
|
content: ""
|
|
}
|
|
|
|
.icon-check-mark-outline:before {
|
|
content: ""
|
|
}
|
|
|
|
.h5-button:after {
|
|
border: none
|
|
}
|
|
|
|
.btn {
|
|
border-radius: 0;
|
|
color: #fff;
|
|
height: 100rpx;
|
|
padding: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.btn.primary {
|
|
background-image: linear-gradient(90deg, #ff7f81, #ff2d79)
|
|
}
|
|
|
|
.btn.disable {
|
|
background: #ccc
|
|
}
|
|
|
|
.input-placeholder {
|
|
color: #ddd
|
|
}
|
|
|
|
page {
|
|
height: 100%
|
|
}
|
|
|
|
.hover {
|
|
background: #f2f2f2
|
|
}
|
|
|
|
.h5-inline,
|
|
.h5-span {
|
|
display: inline
|
|
}
|
|
|
|
.h5-br {
|
|
display: block
|
|
}
|
|
|
|
.h5-b,
|
|
.h5-strong {
|
|
font-weight: 700
|
|
}
|
|
|
|
view {
|
|
-webkit-overflow-scrolling: touch;
|
|
word-break: break-all
|
|
}
|
|
|
|
.bui-btn.tph {
|
|
--border-radius: var(--bui-button-border-radius, 200rpx);
|
|
--text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
|
|
--bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
|
|
--border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
|
|
--height: var(--bui-button-height, 54rpx);
|
|
--icon-start-margin-right: var(--bui-button-icon-start-margin-right, var(--bui-spacing-xs));
|
|
--icon-start-margin-left: var(--bui-button-icon-start-margin-left, var(--bui-spacing-xs));
|
|
--default-border: var(--bui-button-default-border, 2rpx solid transparent);
|
|
--light-border: var(--bui-button-light-border, 2rpx solid transparent);
|
|
--outlined-default-border: var(--bui-button-outlined-default-border, 2rpx solid var(--bui-color-neutral-4));
|
|
--disabled-opacity: var(--bui-button-disabled-opacity, 0.5);
|
|
--small-padding: var(--bui-button-small-padding, 0 22rpx);
|
|
--small-height: var(--bui-button-small-height, 48rpx);
|
|
--medium-padding: var(--bui-button-medium-padding, 0 28rpx);
|
|
--large-padding: var(--bui-button-large-padding, 0 28rpx);
|
|
--large-height: var(--bui-button-large-height, 66rpx);
|
|
--full-font-size: var(--bui-button-full-font-size, var(--bui-title-size-4));
|
|
--full-height: var(--bui-button-full-height, 84rpx);
|
|
align-items: center;
|
|
background-color: initial;
|
|
border: var(--default-border);
|
|
border-radius: var(--border-radius);
|
|
box-sizing: border-box;
|
|
color: var(--text-color);
|
|
display: inline-flex;
|
|
font-family: var(--bui-font-family);
|
|
font-size: var(--bui-text-size-3);
|
|
font-weight: var(--bui-font-weight-medium);
|
|
height: var(--height);
|
|
justify-content: center;
|
|
line-height: var(--bui-line-height);
|
|
margin: 0;
|
|
outline: 0;
|
|
position: relative;
|
|
white-space: nowrap
|
|
}
|
|
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
.bui-btn::after {
|
|
border: 0
|
|
}
|
|
|
|
.bui-btn::before {
|
|
background-color: var(--bui-color-black);
|
|
border: inherit;
|
|
border-color: var(--bui-color-black);
|
|
border-radius: inherit;
|
|
content: " ";
|
|
height: 100%;
|
|
left: 50%;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 100%
|
|
}
|
|
|
|
.bui-btn:active::before {
|
|
opacity: .04
|
|
}
|
|
|
|
.bui-btn-icon-start.tph {
|
|
margin-right: var(--icon-start-margin-right)
|
|
}
|
|
|
|
.bui-btn-icon-end.tph,
|
|
.bui-btn-icon-start.tph {
|
|
align-self: center;
|
|
display: inline-flex;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.bui-btn-icon-end.tph {
|
|
margin-left: var(--icon-start-margin-left)
|
|
}
|
|
|
|
.bui-btn-disabled.tph {
|
|
opacity: var(--disabled-opacity);
|
|
pointer-events: none
|
|
}
|
|
|
|
.bui-btn-small.tph {
|
|
font-size: var(--bui-text-size-4);
|
|
height: var(--small-height);
|
|
padding: var(--small-padding)
|
|
}
|
|
|
|
.bui-btn-medium.tph {
|
|
height: var(--height);
|
|
padding: var(--medium-padding)
|
|
}
|
|
|
|
.bui-btn-large.tph {
|
|
font-size: var(--bui-text-size-2);
|
|
height: var(--large-height);
|
|
padding: var(--large-padding)
|
|
}
|
|
|
|
.bui-btn-full.tph {
|
|
font-size: var(--full-font-size);
|
|
height: var(--full-height);
|
|
width: 100%
|
|
}
|
|
|
|
.bui-btn-text.bui-btn-primary.tph {
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-btn-text.bui-btn-success.tph {
|
|
color: var(--bui-color-success)
|
|
}
|
|
|
|
.bui-btn-text.bui-btn-info.tph {
|
|
color: var(--bui-color-info)
|
|
}
|
|
|
|
.bui-btn-text.bui-btn-warning.tph {
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.bui-btn-text.bui-btn-danger.tph {
|
|
color: var(--bui-color-danger)
|
|
}
|
|
|
|
.bui-btn-text.bui-btn-vip.tph {
|
|
color: var(--bui-color-vip)
|
|
}
|
|
|
|
.bui-btn-contained.tph {
|
|
background-color: var(--bg-color)
|
|
}
|
|
|
|
.bui-btn-contained.bui-btn-primary.tph {
|
|
background-image: linear-gradient(90deg, var(--bui-color-primary-start)0, var(--bui-color-primary-end) 100%);
|
|
color: var(--bui-color-white)
|
|
}
|
|
|
|
.bui-btn-contained.bui-btn-success.tph {
|
|
background-image: linear-gradient(90deg, var(--bui-color-success-start)0, var(--bui-color-success-end) 100%);
|
|
color: var(--bui-color-white)
|
|
}
|
|
|
|
.bui-btn-contained.bui-btn-info.tph {
|
|
background-image: linear-gradient(90deg, var(--bui-color-info-start)0, var(--bui-color-info-end) 100%);
|
|
color: var(--bui-color-white)
|
|
}
|
|
|
|
.bui-btn-contained.bui-btn-warning.tph {
|
|
background-image: linear-gradient(90deg, var(--bui-color-warning-start)0, var(--bui-color-warning-end) 100%);
|
|
color: var(--bui-color-white)
|
|
}
|
|
|
|
.bui-btn-contained.bui-btn-danger.tph {
|
|
background-image: linear-gradient(90deg, var(--bui-color-danger-start)0, var(--bui-color-danger-end) 100%);
|
|
color: var(--bui-color-white)
|
|
}
|
|
|
|
.bui-btn-contained.bui-btn-vip.tph {
|
|
background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
|
|
color: #582331
|
|
}
|
|
|
|
.bui-btn-outlined.tph {
|
|
border: var(--outlined-default-border)
|
|
}
|
|
|
|
.bui-btn-outlined.bui-btn-primary.tph {
|
|
border-color: var(--bui-color-primary);
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-btn-outlined.bui-btn-success.tph {
|
|
border-color: var(--bui-color-success);
|
|
color: var(--bui-color-success)
|
|
}
|
|
|
|
.bui-btn-outlined.bui-btn-info.tph {
|
|
border-color: var(--bui-color-info);
|
|
color: var(--bui-color-info)
|
|
}
|
|
|
|
.bui-btn-outlined.bui-btn-warning.tph {
|
|
border-color: var(--bui-color-warning);
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.bui-btn-outlined.bui-btn-danger.tph {
|
|
border-color: var(--bui-color-danger);
|
|
color: var(--bui-color-danger)
|
|
}
|
|
|
|
.bui-btn-outlined.bui-btn-vip.tph {
|
|
border-color: var(--bui-color-vip);
|
|
color: var(--bui-color-vip)
|
|
}
|
|
|
|
.bui-btn-light.tph {
|
|
background-color: var(--bui-color-gray-light);
|
|
background-image: none;
|
|
border: var(--light-border)
|
|
}
|
|
|
|
.bui-btn-light.bui-btn-warning.tph {
|
|
background-color: var(--bui-color-warning-light);
|
|
background-image: none;
|
|
border: var(--light-border);
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.bui-btn-light.bui-btn-primary.tph {
|
|
background-color: var(--bui-color-primary-light);
|
|
background-image: none;
|
|
border: var(--light-border);
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-btn-light.bui-btn-info.tph {
|
|
background-color: var(--bui-color-info-light);
|
|
background-image: none;
|
|
border: var(--light-border);
|
|
color: var(--bui-color-info)
|
|
}
|
|
|
|
.bui-btn-light.bui-btn-success.tph {
|
|
background-color: var(--bui-color-success-light);
|
|
background-image: none;
|
|
border: var(--light-border);
|
|
color: var(--bui-color-success)
|
|
}
|
|
|
|
.bui-btn-light.bui-btn-danger.tph {
|
|
background-color: var(--bui-color-danger-light);
|
|
background-image: none;
|
|
border: var(--light-border);
|
|
color: var(--bui-color-danger)
|
|
}
|
|
|
|
.bui-btn-light.bui-btn-vip.tph {
|
|
background-color: rgba(255, 134, 110, .3);
|
|
color: var(--bui-color-vip);
|
|
position: relative
|
|
}
|
|
|
|
.bui-image.tph {
|
|
--default-background-color: var(--bui-image-default-background-color, hsla(0, 0%, 50%, .2));
|
|
display: inline-block;
|
|
font-family: var(--bui-font-family);
|
|
height: auto;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: auto
|
|
}
|
|
|
|
.bui-image .bui-image-img.tph {
|
|
display: block;
|
|
height: 100%;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-image .bui-image-img.bui-image-loaded.tph {
|
|
opacity: 1
|
|
}
|
|
|
|
.bui-image-default-icon-wrap.tph {
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.bui-image-default-icon-wrap.bui-image-loaded.tph {
|
|
opacity: 0
|
|
}
|
|
|
|
.bui-image-default-icon-item.tph {
|
|
background-color: var(--default-background-color);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-svg-icon.tph {
|
|
background-size: cover;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
height: 1em;
|
|
user-select: none;
|
|
width: 1em
|
|
}
|
|
|
|
.bui-svg-icon.icon-size-small.tph {
|
|
font-size: 32rpx
|
|
}
|
|
|
|
.bui-svg-icon.icon-size-medium.tph {
|
|
font-size: 40rpx
|
|
}
|
|
|
|
.bui-svg-icon.icon-size-large.tph {
|
|
font-size: 48rpx
|
|
}
|
|
|
|
.h5-svg.bui-svg-icon.tph {
|
|
fill: currentcolor;
|
|
transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0ms
|
|
}
|
|
|
|
@keyframes bui-fade-in {
|
|
from {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
@keyframes bui-fade-out {
|
|
from {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
.bui-divider.tph {
|
|
--height: var(--bui-divider-height, 100%);
|
|
--width: var(--bui-divider-width, 100%);
|
|
--border-width: var(--bui-divider-border-width, 2rpx);
|
|
--line-width: var(--bui-divider-line-width, 80rpx);
|
|
border-color: var(--bui-color-border-default);
|
|
font-family: var(--bui-font-family)
|
|
}
|
|
|
|
.bui-divider-vertical.tph {
|
|
border-right-style: solid;
|
|
border-right-width: var(--border-width);
|
|
display: inline-block;
|
|
height: var(--height)
|
|
}
|
|
|
|
.bui-divider-horizontal.tph {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: var(--border-width);
|
|
width: var(--width)
|
|
}
|
|
|
|
.bui-divider-vertical-dashed.tph {
|
|
border-right-style: dashed
|
|
}
|
|
|
|
.bui-divider-horizontal-dashed.tph {
|
|
border-bottom-style: dashed
|
|
}
|
|
|
|
.bui-divider-content.tph {
|
|
align-items: center;
|
|
border-width: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-divider-line.tph {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: var(--border-width);
|
|
border-color: var(--bui-color-border-default);
|
|
width: var(--line-width)
|
|
}
|
|
|
|
.bui-divider-text.tph {
|
|
color: var(--bui-color-fg-subtle);
|
|
flex-shrink: 0;
|
|
font-size: var(--bui-text-size-2)
|
|
}
|
|
|
|
.bui-backdrop.tph {
|
|
--background-color: var(--bui-backdrop-background-color, rgba(0, 0, 0, .68));
|
|
align-items: center;
|
|
background-color: var(--background-color);
|
|
bottom: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.bui-backdrop-invisible.tph {
|
|
background-color: initial
|
|
}
|
|
|
|
.bui-modal.tph {
|
|
bottom: 0;
|
|
font-family: var(--bui-font-family);
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: var(--bui-z-index-modal)
|
|
}
|
|
|
|
.bui-modal-exited.tph {
|
|
visibility: hidden
|
|
}
|
|
|
|
.bui-modal-backdrop.tph {
|
|
z-index: -1
|
|
}
|
|
|
|
@keyframes bui-slide-left-in {
|
|
from {
|
|
transform: translateX(100%)
|
|
}
|
|
|
|
to {
|
|
transform: none;
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
@keyframes bui-slide-left-out {
|
|
from {
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
transform: translateX(100%);
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
@keyframes bui-slide-right-in {
|
|
from {
|
|
transform: translateX(-100%)
|
|
}
|
|
|
|
to {
|
|
transform: none;
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
@keyframes bui-slide-right-out {
|
|
from {
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
transform: translateX(-100%);
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
@keyframes bui-slide-up-in {
|
|
from {
|
|
transform: translateY(100%)
|
|
}
|
|
|
|
to {
|
|
transform: none;
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
@keyframes bui-slide-up-out {
|
|
from {
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
transform: translateY(100%);
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
@keyframes bui-slide-down-in {
|
|
from {
|
|
transform: translateY(-100%)
|
|
}
|
|
|
|
to {
|
|
transform: none;
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
@keyframes bui-slide-down-out {
|
|
from {
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
transform: translateY(-100%);
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
.bui-tag.tph {
|
|
--tag-color: var(--bui-tag-color, var(--bui-color-gray));
|
|
--tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
|
|
--tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
|
|
--tag-height: var(--bui-tag-height, 30rpx);
|
|
--tag-line-height: var(--bui-tag-line-height, 30rpx);
|
|
--tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
|
|
--tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, .3));
|
|
align-items: center;
|
|
border: 2rpx solid transparent;
|
|
border-radius: var(--bui-shape-radius-label);
|
|
box-sizing: border-box;
|
|
color: var(--bui-color-bg-view);
|
|
display: inline-flex;
|
|
font-family: var(--bui-font-family);
|
|
font-size: var(--bui-text-size-5);
|
|
font-weight: var(--bui-font-weight-normal);
|
|
height: var(--tag-height);
|
|
justify-content: center;
|
|
line-height: var(--tag-line-height);
|
|
padding: var(--tag-padding);
|
|
position: relative;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.bui-tag-outlined.tph {
|
|
border: 2rpx solid var(--tag-border-color);
|
|
color: var(--tag-color)
|
|
}
|
|
|
|
.bui-tag-outlined.bui-tag-primary.tph {
|
|
border: 2rpx solid var(--bui-color-border-primary);
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-tag-outlined.bui-tag-info.tph {
|
|
border: 2rpx solid var(--bui-color-border-info);
|
|
color: var(--bui-color-info)
|
|
}
|
|
|
|
.bui-tag-outlined.bui-tag-warning.tph {
|
|
border: 2rpx solid var(--bui-color-border-warning);
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.bui-tag-outlined.bui-tag-success.tph {
|
|
border: 2rpx solid var(--bui-color-border-success);
|
|
color: var(--bui-color-success)
|
|
}
|
|
|
|
.bui-tag-outlined.bui-tag-danger.tph {
|
|
border: 2rpx solid var(--bui-color-border-danger);
|
|
color: var(--bui-color-danger)
|
|
}
|
|
|
|
.bui-tag-outlined.bui-tag-vip.tph {
|
|
border: 2rpx solid var(--bui-color-border-primary);
|
|
color: var(--bui-color-red)
|
|
}
|
|
|
|
.bui-tag-contained.tph {
|
|
background-color: var(--tag-bg-color)
|
|
}
|
|
|
|
.bui-tag-contained.bui-tag-primary.tph {
|
|
background-color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-tag-contained.bui-tag-info.tph {
|
|
background-color: var(--bui-color-info)
|
|
}
|
|
|
|
.bui-tag-contained.bui-tag-warning.tph {
|
|
background-color: var(--bui-color-warning)
|
|
}
|
|
|
|
.bui-tag-contained.bui-tag-success.tph {
|
|
background-color: var(--bui-color-success)
|
|
}
|
|
|
|
.bui-tag-contained.bui-tag-danger.tph {
|
|
background-color: var(--bui-color-danger)
|
|
}
|
|
|
|
.bui-tag-contained.bui-tag-vip.tph {
|
|
background-color: var(--bui-color-vip)
|
|
}
|
|
|
|
.bui-tag-light.tph {
|
|
background-color: var(--bui-color-gray-light);
|
|
color: var(--bui-color-gray)
|
|
}
|
|
|
|
.bui-tag-light.bui-tag-primary.tph {
|
|
background-color: var(--bui-color-primary-light);
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-tag-light.bui-tag-info.tph {
|
|
background-color: var(--bui-color-info-light);
|
|
color: var(--bui-color-info)
|
|
}
|
|
|
|
.bui-tag-light.bui-tag-warning.tph {
|
|
background-color: var(--bui-color-warning-light);
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.bui-tag-light.bui-tag-success.tph {
|
|
background-color: var(--bui-color-success-light);
|
|
color: var(--bui-color-success)
|
|
}
|
|
|
|
.bui-tag-light.bui-tag-danger.tph {
|
|
background-color: var(--bui-color-danger-light);
|
|
color: var(--bui-color-danger)
|
|
}
|
|
|
|
.bui-tag-light.bui-tag-vip.tph {
|
|
background-color: var(--tag-bg-color-vip);
|
|
color: var(--bui-color-vip)
|
|
}
|
|
|
|
.bui-drawer.tph {
|
|
font-family: var(--bui-font-family)
|
|
}
|
|
|
|
.bui-drawer-content.tph {
|
|
background-color: var(--bui-color-bg-view);
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
outline: 0;
|
|
position: fixed;
|
|
top: 0
|
|
}
|
|
|
|
.bui-drawer-content-left.tph {
|
|
left: 0
|
|
}
|
|
|
|
.bui-drawer-content-top.tph {
|
|
height: auto;
|
|
left: 0;
|
|
max-height: 100%;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.bui-drawer-content-right.tph {
|
|
right: 0
|
|
}
|
|
|
|
.bui-drawer-content-bottom.tph {
|
|
bottom: 0;
|
|
height: auto;
|
|
left: 0;
|
|
max-height: 100%;
|
|
right: 0;
|
|
top: auto
|
|
}
|
|
|
|
.bui-tag-group.tph {
|
|
--height: var(--bui-tag-group-divider-height, 13%);
|
|
--tag-color: var(--bui-tag-color, var(--bui-color-gray));
|
|
--tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
|
|
--tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
|
|
--tag-height: var(--bui-tag-height, 30rpx);
|
|
--tag-line-height: var(--bui-tag-line-height, 30rpx);
|
|
--tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
|
|
--tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, .3));
|
|
display: inline-flex;
|
|
font-family: var(--bui-font-family)
|
|
}
|
|
|
|
.bui-tag-group .bui-tag-outlined.tph {
|
|
background-color: var(--bui-color-white)
|
|
}
|
|
|
|
.bui-tag-group .bui-tag-outlined+.bui-tag-contained.tph {
|
|
margin-left: -2rpx
|
|
}
|
|
|
|
.bui-tag-group .bui-tag-outlined:not(:last-child).tph {
|
|
border-right-style: dotted;
|
|
position: relative
|
|
}
|
|
|
|
.bui-tag-group .bui-tag-outlined:not(:last-child)::after {
|
|
top: 0
|
|
}
|
|
|
|
.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
|
|
bottom: 0
|
|
}
|
|
|
|
.bui-tag-group .bui-tag-outlined:not(:last-child)::after,
|
|
.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
|
|
background-color: #fff;
|
|
border-right-style: solid;
|
|
color: #fff;
|
|
content: "";
|
|
height: var(--height);
|
|
position: absolute;
|
|
right: -2rpx;
|
|
width: 2rpx
|
|
}
|
|
|
|
.bui-tag-group .bui-tag:not(:last-child).tph {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.bui-tag-group .bui-tag:not(:last-child):not(.bui-tag-outlined).tph {
|
|
border-right: 0
|
|
}
|
|
|
|
.bui-tag-group .bui-tag:not(:first-child).tph {
|
|
border-bottom-left-radius: 0;
|
|
border-left: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.bui-errorpage.tph {
|
|
align-items: center;
|
|
background: var(--bui-color-bg-view);
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
height: 100vh;
|
|
justify-content: center;
|
|
padding-bottom: 200rpx
|
|
}
|
|
|
|
.bui-errorpage .bui-errorpage-img.tph {
|
|
height: 300rpx;
|
|
width: 300rpx
|
|
}
|
|
|
|
.bui-errorpage .bui-btn.tph {
|
|
height: 74rpx;
|
|
margin-top: 40rpx;
|
|
padding: 0 40rpx
|
|
}
|
|
|
|
.bui-errorpage-message.tph {
|
|
color: var(--bui-color-fg-default);
|
|
font-size: var(--bui-title-size-4);
|
|
margin-top: 40rpx;
|
|
white-space: pre-wrap
|
|
}
|
|
|
|
.bui-errorpage-sub-title.tph {
|
|
color: #999;
|
|
font-size: var(--bui-text-size-2);
|
|
margin-top: 12rpx;
|
|
white-space: pre-wrap
|
|
}
|
|
|
|
.promotion-tag-group,
|
|
.promotion-tag-half-price.bui-image.tph {
|
|
height: 30rpx
|
|
}
|
|
|
|
.promotion-tag-group .bui-tag-contained.tph {
|
|
background-color: var(--bui-color-red)
|
|
}
|
|
|
|
.promotion-tag-group .bui-tag-outlined.tph {
|
|
border: 2rpx solid var(--bui-color-red);
|
|
color: var(--bui-color-red)
|
|
}
|
|
|
|
.promotion-tag-default {
|
|
background-image: linear-gradient(270deg, #ff7070, #ff72a2);
|
|
font-weight: var(--bui-font-weight-bold);
|
|
height: 30rpx
|
|
}
|
|
|
|
.bui-countdown.tph {
|
|
--font-size: var(--bui-countdown-font-size, var(--bui-text-size-1));
|
|
--color: var(--bui-countdown-color, var(--bui-color-fg-default));
|
|
--font-weight: var(--bui-countdown-font-weight, var(--bui-font-weight-normal));
|
|
--slice-unit-margin: var(--bui-countdown-slice-unit-margin, 0 4rpx);
|
|
color: var(--color);
|
|
font-family: var(--bui-font-family);
|
|
font-size: var(--font-size);
|
|
font-weight: var(--font-weight)
|
|
}
|
|
|
|
.bui-countdown-slice-item.tph,
|
|
.bui-countdown-slice.tph,
|
|
.bui-countdown.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.bui-countdown-slice-value.tph {
|
|
font-family: Helvetica Neue, helvetica, PingFang SC, Chinese Quote, Segoe UI, roboto, Hiragino Sans GB, Microsoft YaHei, arial, sans-serif
|
|
}
|
|
|
|
.bui-countdown-slice-unit.tph {
|
|
margin: var(--slice-unit-margin)
|
|
}
|
|
|
|
.bui-rating.tph {
|
|
--small-margin-right: var(--bui-rating-small-margin-right, 1rpx);
|
|
--medium-margin-right: var(--bui-rating-medium-margin-right, 2rpx);
|
|
--large-margin-right: var(--bui-rating-large-margin-right, 4rpx);
|
|
--large-font-size: var(--bui-rating-large-font-size, 44rpx);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-family: var(--bui-font-family)
|
|
}
|
|
|
|
.bui-rating-disabled.tph {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.bui-rating-container.tph {
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.bui-rating-container:last-child.tph {
|
|
margin-right: 0
|
|
}
|
|
|
|
.bui-rating-container-xsmall.tph {
|
|
font-size: var(--bui-text-size-5)
|
|
}
|
|
|
|
.bui-rating-container-small.tph {
|
|
font-size: var(--bui-text-size-1);
|
|
margin-right: var(--small-margin-right)
|
|
}
|
|
|
|
.bui-rating-container-medium.tph {
|
|
font-size: var(--bui-title-size-3);
|
|
margin-right: var(--medium-margin-right)
|
|
}
|
|
|
|
.bui-rating-container-large.tph {
|
|
font-size: var(--large-font-size);
|
|
margin-right: var(--large-margin-right)
|
|
}
|
|
|
|
.bui-rating-item.tph {
|
|
align-items: center;
|
|
color: var(--bui-color-fg-disabled);
|
|
display: flex;
|
|
overflow: hidden
|
|
}
|
|
|
|
.bui-rating-item-input.tph {
|
|
display: none
|
|
}
|
|
|
|
.bui-rating-item-half.tph {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 50%
|
|
}
|
|
|
|
.bui-rating-item-active.tph {
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.bui-calendar.tph {
|
|
--padding: var(--bui-calendar-padding, 12rpx 24rpx 14rpx);
|
|
--week-height: var(--bui-calendar-week-height, 60rpx);
|
|
--handler-height: var(--bui-calendar-handler-height, 56rpx);
|
|
--handler-margin-bottom: var(--bui-calendar-handler-margin-bottom, 14rpx);
|
|
--handler-text-width: var(--bui-calendar-handler-text-width, 160rpx);
|
|
--handler-btn-width: var(--bui-calendar-handler-btn-width, 92rpx);
|
|
--handler-btn-height: var(--bui-calendar-handler-btn-height, 100%);
|
|
--handler-btn-icon-font-size: var(--bui-calendar-handler-btn-icon-font-size, 56rpx);
|
|
--day-box-height: var(--bui-calendar-day-box-height, 60rpx);
|
|
--day-box-margin-bottom: var(--bui-calendar-day-box-margin-bottom, 14rpx);
|
|
--day-disabled-color: var(--bui-calendar-day-disabled-color, #9c9ca5);
|
|
--middle-color: var(--bui-calendar-middle-color, #000);
|
|
--middle-background-color: var(--bui-calendar-middle-background-color, #ffeaf1);
|
|
--range-both-ends-color: var(--bui-calendar-range-both-ends-color, #000);
|
|
--range-both-ends-background-color: var(--bui-calendar-range-both-ends-background-color, #ffc7da);
|
|
background-color: var(--bui-color-bg-view);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: var(--bui-font-family);
|
|
overflow: hidden;
|
|
padding: var(--padding);
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-calendar-week.tph {
|
|
align-items: center;
|
|
color: var(--bui-color-fg-default);
|
|
display: flex;
|
|
font-size: var(--bui-text-size-2);
|
|
font-weight: var(--bui-font-weight-medium);
|
|
height: var(--week-height);
|
|
justify-content: space-between
|
|
}
|
|
|
|
.bui-calendar-week-item.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 14.28%
|
|
}
|
|
|
|
.bui-calendar-week-item:nth-child(1).tph,
|
|
.bui-calendar-week-item:nth-child(7).tph {
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-calendar-handler.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
height: var(--handler-height);
|
|
justify-content: center;
|
|
margin-bottom: var(--handler-margin-bottom)
|
|
}
|
|
|
|
.bui-calendar-handler-text.tph {
|
|
font-size: var(--bui-title-size-3);
|
|
font-weight: var(--bui-font-weight-medium);
|
|
text-align: center;
|
|
width: var(--handler-text-width)
|
|
}
|
|
|
|
.bui-calendar-handler-btn.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: 32rpx;
|
|
height: var(--handler-btn-height);
|
|
justify-content: center;
|
|
width: var(--handler-btn-width)
|
|
}
|
|
|
|
.bui-calendar-handler-btn-icon.tph {
|
|
font-size: var(--handler-btn-icon-font-size)
|
|
}
|
|
|
|
.bui-calendar-month.tph {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: var(--bui-spacing-sm)
|
|
}
|
|
|
|
.bui-calendar-day-box.tph {
|
|
height: var(--day-box-height);
|
|
margin-bottom: var(--day-box-margin-bottom);
|
|
width: 14.28%
|
|
}
|
|
|
|
.bui-calendar-highlight-day .bui-calendar-day.tph {
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-calendar-day.tph {
|
|
align-items: center;
|
|
border-radius: var(--bui-shape-radius-default);
|
|
color: var(--bui-color-fg-default);
|
|
display: flex;
|
|
font-size: var(--bui-title-size-4);
|
|
font-weight: var(--bui-font-weight-medium);
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-calendar-day.bui-calendar-disabled.tph {
|
|
color: var(--day-disabled-color)
|
|
}
|
|
|
|
.bui-calendar-today.tph {
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.bui-calendar-middle.tph {
|
|
background-color: var(--middle-background-color);
|
|
border-radius: 0;
|
|
color: var(--middle-color)
|
|
}
|
|
|
|
.bui-calendar-start.tph {
|
|
background-color: var(--range-both-ends-background-color);
|
|
color: var(--range-both-ends-color)
|
|
}
|
|
|
|
.bui-calendar-range.tph {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.bui-calendar-end.tph {
|
|
background-color: var(--range-both-ends-background-color);
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
color: var(--range-both-ends-color)
|
|
}
|
|
|
|
.bui-tab.tph {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
color: var(--color);
|
|
display: flex;
|
|
font-family: var(--bui-font-family);
|
|
height: var(--tab-height);
|
|
justify-content: center;
|
|
padding: var(--tab-padding);
|
|
position: relative;
|
|
white-space: nowrap;
|
|
width: min-content
|
|
}
|
|
|
|
.bui-tab-active.tph,
|
|
.bui-tab.tph {
|
|
font-size: var(--font-size);
|
|
line-height: var(--bui-line-height)
|
|
}
|
|
|
|
.bui-tab-active.tph {
|
|
color: var(--active-color);
|
|
font-weight: var(--bui-font-weight-medium)
|
|
}
|
|
|
|
.bui-tab-center.tph {
|
|
flex: 1 0 0;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.bui-tab-miniapp-active.tph {
|
|
color: var(--active-color);
|
|
font-size: var(--font-size);
|
|
font-weight: var(--bui-font-weight-medium);
|
|
line-height: 1.5;
|
|
position: relative
|
|
}
|
|
|
|
.bui-tab-miniapp-active-line.tph {
|
|
background-color: var(--bui-color-primary);
|
|
bottom: 0;
|
|
height: 4rpx;
|
|
left: -24rpx;
|
|
margin: 0 auto !important;
|
|
position: absolute;
|
|
right: -24rpx;
|
|
transition: all .1s cubic-bezier(.4, 0, .2, 1) 0ms;
|
|
width: 36rpx
|
|
}
|
|
|
|
.bui-tab-disabled.tph {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.bui-tabpanel.tph {
|
|
font-family: var(--bui-font-family)
|
|
}
|
|
|
|
.bui-tabpanel-active.tph {
|
|
display: block
|
|
}
|
|
|
|
.bui-tabpanel-inactive.tph {
|
|
display: none
|
|
}
|
|
|
|
.bui-dm-show-card.tph {
|
|
background: #fff;
|
|
border-radius: 12rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
margin-bottom: 18rpx;
|
|
padding: 30rpx 24rpx;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-dm-show-card .dm-show-card-divider.tph {
|
|
height: 24rpx
|
|
}
|
|
|
|
.bui-dm-show-card.status-removed .poster-container-shop.tph {
|
|
opacity: .5
|
|
}
|
|
|
|
.bui-dm-show-card.status-removed .show-content .price-not-sure.tph {
|
|
color: #4d4d56;
|
|
font-size: 24rpx
|
|
}
|
|
|
|
.bui-dm-show-card.bui-dm-show-new-tag.tph {
|
|
background-image: linear-gradient(180deg, #e8fffd, #fff 11%, #fff);
|
|
background-repeat: no-repeat;
|
|
border: 2rpx solid rgba(0, 204, 190, .5)
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop.tph {
|
|
border-radius: 12rpx;
|
|
flex: 0 0 auto;
|
|
flex-shrink: 0;
|
|
height: 202rpx;
|
|
margin-right: 24rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 152rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .poster-tag-top-left.tph,
|
|
.bui-dm-show-card .poster-container-shop .poster-tag-top.tph {
|
|
position: absolute;
|
|
top: 6rpx;
|
|
z-index: 9
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .poster-tag-top.tph {
|
|
right: 6rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .poster-tag-top-left.tph {
|
|
left: 6rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .bui-image-img.tph {
|
|
display: block
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .poster-img.tph {
|
|
border-radius: 12rpx;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .video-tag.tph {
|
|
align-items: center;
|
|
background: rgba(0, 0, 0, .8);
|
|
border-radius: 50%;
|
|
bottom: 6rpx;
|
|
display: flex;
|
|
height: 30rpx;
|
|
justify-content: center;
|
|
position: absolute;
|
|
right: 6rpx;
|
|
width: 30rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .video-tag .icon-video.tph {
|
|
font-size: 42rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .image-placeholder.tph {
|
|
background: #f5f5f5;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .poster-tag-bottom.tph {
|
|
bottom: 0;
|
|
height: 30rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 72rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-shop .poster-tag-bottom-buy-first.tph {
|
|
bottom: 0;
|
|
height: 30rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 104rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content-wrapper.tph {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
position: relative;
|
|
width: 0
|
|
}
|
|
|
|
.bui-dm-show-card .show-content-wrapper .promotion-item.tph {
|
|
align-items: center;
|
|
color: var(--bui-color-fg-muted);
|
|
display: flex;
|
|
font-size: 22rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content-wrapper .promotion-item .promotion-tag.tph {
|
|
flex-shrink: 0;
|
|
height: 28rpx;
|
|
margin-right: 6rpx;
|
|
width: 28rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content-wrapper .promotion-item .promotion-desc.tph {
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 0
|
|
}
|
|
|
|
.bui-dm-show-card .show-content-wrapper .promotion-divider.tph {
|
|
margin: 20rpx 0
|
|
}
|
|
|
|
.bui-dm-show-card .show-content.tph {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
position: relative
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-title.tph {
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
color: var(--bui-color-fg-default);
|
|
display: -webkit-box;
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 42rpx;
|
|
margin: -6rpx 0 10rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-title-touring.tph {
|
|
margin-top: 10rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-info.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 10rpx;
|
|
overflow: hidden
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-info .show-info-wanted.tph {
|
|
align-items: center;
|
|
background: var(--bui-color-warning);
|
|
border-radius: 16rpx;
|
|
color: #fff;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
font-size: 20rpx;
|
|
font-weight: 500;
|
|
height: 32rpx;
|
|
margin-right: 6rpx;
|
|
padding: 0 12rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-info .show-info-left.tph {
|
|
align-items: center;
|
|
color: var(--bui-color-warning);
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
font-size: 24rpx;
|
|
font-weight: 500
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-info .show-info-left .show-info-score.tph {
|
|
font-size: 28rpx;
|
|
line-height: 28rpx;
|
|
margin-left: 2rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-info .show-info-right.tph {
|
|
color: var(--bui-color-warning);
|
|
font-size: 24rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-adress.tph,
|
|
.bui-dm-show-card .show-content .show-date.tph {
|
|
color: #4d4d56;
|
|
font-size: 24rpx;
|
|
line-height: 24rpx;
|
|
margin-bottom: 12rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-adress.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-adress .show-city.tph {
|
|
flex-shrink: 0;
|
|
max-width: 100%
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-adress .show-city.tph,
|
|
.bui-dm-show-card .show-content .show-adress .show-theatre.tph {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-adress .show-distance.tph {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-tags.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-tags .bui-tag-group.tph,
|
|
.bui-dm-show-card .show-content .show-tags .tag-item.tph {
|
|
margin: 4rpx 4rpx 0 0
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-tags .tag-item.tph {
|
|
font-weight: 500
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-tags .tag-group-text.tph {
|
|
background: #fff3f3;
|
|
border: 2rpx solid #ff7292;
|
|
color: #ff7292
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-tags .tag-normal-bg.tph {
|
|
background: #ff7292
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-tags .tag-half-price.tph {
|
|
background-image: url(//gw.alicdn.com/imgextra/i2/O1CN01lGd8yd1NGjwb26rxl_!!6000000001543-2-tps-200-60.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
color: transparent;
|
|
height: 30rpx;
|
|
margin-right: 4rpx;
|
|
margin-top: 4rpx;
|
|
width: 100rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-tags .gray-border.tph {
|
|
border: 2rpx solid #6a7a99;
|
|
padding: 6rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-price.tph {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
margin-left: auto
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-price .price-unit.tph {
|
|
color: #ff4886;
|
|
font-size: 22rpx;
|
|
font-weight: 500;
|
|
line-height: 22rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-price .price-count.tph {
|
|
color: #ff4886;
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 32rpx;
|
|
margin-right: 4rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-price .price-start.tph {
|
|
color: #4d4d56;
|
|
font-size: 22rpx;
|
|
line-height: 22rpx;
|
|
position: relative;
|
|
top: -2rpx
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .price-not-sure.tph {
|
|
color: #ff4886;
|
|
display: inline-block;
|
|
font-size: 24rpx;
|
|
font-weight: 500;
|
|
line-height: 24rpx;
|
|
max-width: 140rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-dm-show-card .show-content .show-content-footer.tph {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: auto
|
|
}
|
|
|
|
.bui-dm-show-card .bui-divider.tph {
|
|
border-color: #e9ebef;
|
|
margin: 0 6rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring.tph {
|
|
border-radius: 12rpx;
|
|
flex: 0 0 auto;
|
|
flex-shrink: 0;
|
|
height: 270rpx;
|
|
margin-right: 24rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 204rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .poster-tag-top-left.tph,
|
|
.bui-dm-show-card .poster-container-touring .poster-tag-top.tph {
|
|
position: absolute;
|
|
top: 6rpx;
|
|
z-index: 9
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .poster-tag-top.tph {
|
|
right: 6rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .poster-tag-top-left.tph {
|
|
left: 6rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .bui-image-img.tph {
|
|
display: block
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .poster-img.tph {
|
|
border-radius: 12rpx;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .video-tag.tph {
|
|
align-items: center;
|
|
background: rgba(0, 0, 0, .8);
|
|
border-radius: 50%;
|
|
bottom: 6rpx;
|
|
display: flex;
|
|
height: 30rpx;
|
|
justify-content: center;
|
|
position: absolute;
|
|
right: 6rpx;
|
|
width: 30rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .video-tag .icon-video.tph {
|
|
font-size: 42rpx
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .image-placeholder.tph {
|
|
background: #f5f5f5;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-dm-show-card .poster-container-touring .poster-tag-bottom.tph {
|
|
bottom: 0;
|
|
height: 30rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 72rpx
|
|
}
|
|
|
|
.bui-btn-wrapper.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-direction: column;
|
|
height: 222rpx;
|
|
justify-content: center;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.bui-btn-wrapper.ratio-wrapper.tph {
|
|
min-width: 48rpx
|
|
}
|
|
|
|
.bui-btn-wrapper .bui-btn-medium.tph {
|
|
height: 48rpx
|
|
}
|
|
|
|
.bui-dm-show-card-merge .show-content .show-title.tph {
|
|
font-size: 28rpx;
|
|
margin-top: 6rpx;
|
|
max-width: 80%
|
|
}
|
|
|
|
.bui-dm-show-card-merge .show-adress.tph {
|
|
max-width: 80%
|
|
}
|
|
|
|
.bui-dm-show-card-merge .show-content .show-date.tph {
|
|
max-width: 80%
|
|
}
|
|
|
|
.bui-dm-show-card-merge .show-content .show-adress.tph,
|
|
.bui-dm-show-card-merge .show-content .show-date.tph {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-dm-show-card-merge .poster-container-shop .poster-tag-top.tph {
|
|
left: 6rpx;
|
|
right: unset
|
|
}
|
|
|
|
.bui-dm-show-card-pioneer .movie-card-btn.tph {
|
|
border-radius: 18rpx
|
|
}
|
|
|
|
.bui-tabs.tph {
|
|
--height: var(--bui-tabs-height, 78rpx);
|
|
--color: var(--bui-tabs-color, var(--bui-color-fg-subtle));
|
|
--active-color: var(--bui-tabs-active-color, var(--bui-color-fg-default));
|
|
--line-color: var(--bui-tabs-line-color, var(--bui-color-primary));
|
|
--line-height: var(--bui-tabs-line-height, 3PX);
|
|
--line-width: var(--bui-tabs-line-width, 36rpx);
|
|
--mask-width: var(--bui-tabs-mask-width, 24rpx);
|
|
--mask-height: var(--bui-tabs-mask-height, 100%);
|
|
--tab-height: var(--bui-tab-height, 100%);
|
|
--tab-padding: var(--bui-tab-padding, var(--bui-spacing-lg) var(--bui-spacing-lg) 20rpx);
|
|
--font-size: var(--bui-tab-font-size, var(--bui-text-size-1));
|
|
font-family: var(--bui-font-family);
|
|
position: relative
|
|
}
|
|
|
|
.bui-tabs-tabs.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
height: var(--height);
|
|
justify-content: flex-start;
|
|
overflow-x: scroll;
|
|
position: relative;
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.bui-tabs-tabs::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
.bui-tabs-tabline.tph {
|
|
background: var(--line-color);
|
|
border-radius: var(--bui-shape-radius-label);
|
|
bottom: 0;
|
|
color: var(--bui-color-primary);
|
|
height: var(--line-height);
|
|
position: absolute;
|
|
width: var(--line-width)
|
|
}
|
|
|
|
.bui-tabs-content.tph {
|
|
padding: var(--bui-spacing-lg)
|
|
}
|
|
|
|
.bui-tabs-mask.tph {
|
|
bottom: 0;
|
|
height: var(--mask-height);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: var(--mask-width);
|
|
z-index: 1
|
|
}
|
|
|
|
.bui-tabs-mask-left.tph {
|
|
background: linear-gradient(to right, var(--bui-color-bg-view), hsla(0, 0%, 100%, 0));
|
|
left: 0
|
|
}
|
|
|
|
.bui-tabs-mask-right.tph {
|
|
background: linear-gradient(to left, var(--bui-color-bg-view), hsla(0, 0%, 100%, 0));
|
|
right: 0
|
|
}
|
|
|
|
.bui-tabline-invisible.tph {
|
|
background-color: initial;
|
|
visibility: hidden
|
|
}
|
|
|
|
.bui-ball-area-item.tph {
|
|
display: flex;
|
|
flex: 1;
|
|
position: relative;
|
|
width: 0
|
|
}
|
|
|
|
.bui-ball-area-item.bui-ball-area-item-horizontal.tph {
|
|
align-items: center;
|
|
flex-direction: row
|
|
}
|
|
|
|
.bui-ball-area-item.bui-ball-area-item-horizontal .ball-area-item-circle.tph {
|
|
flex-shrink: 0;
|
|
margin-right: 12rpx
|
|
}
|
|
|
|
.bui-ball-area-item.bui-ball-area-item-horizontal .ball-area-item-text.tph {
|
|
color: var(--bui-color-fg-default);
|
|
font-size: 30rpx;
|
|
font-weight: 500;
|
|
line-height: 30rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-ball-area-item.bui-ball-area-item-vertical.tph {
|
|
align-items: center;
|
|
flex-direction: column
|
|
}
|
|
|
|
.bui-ball-area-item.bui-ball-area-item-vertical .ball-area-item-circle.tph {
|
|
margin-bottom: 10rpx
|
|
}
|
|
|
|
.bui-ball-area-item.bui-ball-area-item-vertical .ball-area-item-text.tph {
|
|
color: var(--bui-color-fg-default);
|
|
font-size: var(--bui-text-size-3);
|
|
line-height: var(--bui-text-size-3);
|
|
overflow: hidden;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-ball-area-item .ball-area-item-circle.tph {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative
|
|
}
|
|
|
|
.bui-ball-area-item .ball-area-item-circle-small.tph {
|
|
height: 72rpx;
|
|
width: 72rpx
|
|
}
|
|
|
|
.bui-ball-area-item .ball-area-item-circle-medium.tph {
|
|
height: 80rpx;
|
|
width: 80rpx
|
|
}
|
|
|
|
.bui-ball-area-item .ball-area-item-circle-large.tph {
|
|
height: 90rpx;
|
|
width: 90rpx
|
|
}
|
|
|
|
.bui-ball-area-item .ball-area-item-img.tph {
|
|
background-image: url(https://gw.alicdn.com/imgextra/i3/O1CN01X1CYkt222RzBT436W_!!6000000007062-2-tps-160-160.png);
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
border-radius: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-ball-area-item-oneline.tph {
|
|
flex: unset;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.bui-ball-area-item-flag.tph {
|
|
background-color: var(--bui-html-flag-background-color, var(--bui-color-primary));
|
|
background-image: var(--bui-html-flag-background-image);
|
|
border-radius: 16rpx 20rpx 20rpx 0;
|
|
color: #fff;
|
|
font-size: 18rpx;
|
|
height: 30rpx;
|
|
line-height: 30rpx;
|
|
overflow: hidden;
|
|
padding: 0 8rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: translateY(-50%);
|
|
white-space: nowrap;
|
|
z-index: 1
|
|
}
|
|
|
|
.bui-ball-area-item-flag-animation-scale.tph {
|
|
animation: bui-flag-item-scale 3.6s infinite
|
|
}
|
|
|
|
.bui-ball-area-item .loop-flag-wrapper.tph {
|
|
animation: bui-flag-loop 4.8s steps(2) infinite
|
|
}
|
|
|
|
.bui-ball-area-item .loop-flag-wrapper.loop-flag-scale-wrapper.tph {
|
|
animation: bui-flag-loop 7.2s steps(2) infinite
|
|
}
|
|
|
|
.bui-ball-area-item .loop-flag-wrapper .flag-loop-item.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 32rpx
|
|
}
|
|
|
|
.bui-ball-area-item .loop-flag-wrapper .flag-loop-item-animation-move.tph {
|
|
animation: bui-flag-item-move 2.4s infinite;
|
|
animation-delay: 2.4s
|
|
}
|
|
|
|
.bui-ball-area-item .loop-flag-wrapper .flag-loop-item-animation-fade.tph {
|
|
animation: bui-flag-item-fade 2.4s infinite
|
|
}
|
|
|
|
@keyframes bui-flag-loop {
|
|
0% {
|
|
transform: translate(0)
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(-64rpx)
|
|
}
|
|
}
|
|
|
|
@keyframes bui-flag-item-move {
|
|
0% {
|
|
transform: translate(0)
|
|
}
|
|
|
|
100%,
|
|
50% {
|
|
transform: translateY(-32rpx)
|
|
}
|
|
}
|
|
|
|
@keyframes bui-flag-item-scale {
|
|
0% {
|
|
top: -20%;
|
|
transform: scale(.1)
|
|
}
|
|
|
|
10%,
|
|
50%,
|
|
90% {
|
|
top: -20%;
|
|
transform: scale(1)
|
|
}
|
|
|
|
100% {
|
|
top: -20%;
|
|
transform: scale(.1)
|
|
}
|
|
}
|
|
|
|
@keyframes bui-flag-item-fade {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
100%,
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.bui-card-header.tph {
|
|
--padding: var(--bui-card-header-padding, var(--bui-spacing-md) var(--bui-spacing-lg));
|
|
--end-icon-margin-left: var(--bui-card-header-end-icon-margin-left, 4rpx);
|
|
align-items: center;
|
|
color: var(--bui-color-fg-default);
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-family: var(--bui-font-family);
|
|
font-size: var(--bui-title-size-4);
|
|
font-weight: var(--bui-font-weight-medium);
|
|
padding: var(--bui-spacing-md) var(--bui-spacing-lg);
|
|
position: relative
|
|
}
|
|
|
|
.bui-card-header-title.tph {
|
|
flex-shrink: 0;
|
|
max-width: 100%
|
|
}
|
|
|
|
.bui-card-header-subtitle.tph,
|
|
.bui-card-header-title.tph {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.bui-card-header-subtitle.tph {
|
|
color: var(--bui-color-fg-subtle);
|
|
font-size: var(--bui-text-size-3);
|
|
font-weight: 400;
|
|
padding: 0 var(--bui-spacing-xs)
|
|
}
|
|
|
|
.bui-card-header-extra.tph {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.bui-card-header-end-icon.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.bui-card-header-end-icon.tph,
|
|
.bui-card-header-extra.tph {
|
|
color: var(--bui-color-fg-subtle);
|
|
font-size: var(--bui-text-size-3);
|
|
font-weight: 400;
|
|
margin-left: auto
|
|
}
|
|
|
|
.bui-card-header-extra+.bui-card-header-end-icon.tph {
|
|
margin-left: 4rpx
|
|
}
|
|
|
|
.bui-card.tph {
|
|
background-color: var(--bui-color-bg-view);
|
|
border-radius: var(--bui-shape-radius-card);
|
|
font-family: var(--bui-font-family);
|
|
overflow: hidden
|
|
}
|
|
|
|
.bui-card-header+.bui-card-content.tph {
|
|
padding-top: 0
|
|
}
|
|
|
|
.bui-horizontal-attraction-card.tph {
|
|
background-color: var(--bui-color-white);
|
|
border-radius: var(--bui-spacing-sm);
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
padding: 30rpx 24rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main.tph {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-poster.tph {
|
|
margin-right: var(--bui-spacing-lg);
|
|
position: relative;
|
|
width: 152rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-poster-tag.tph {
|
|
background-color: rgba(0, 0, 0, .9);
|
|
font-size: 18rpx;
|
|
left: 6rpx;
|
|
position: absolute;
|
|
top: 6rpx;
|
|
z-index: 9
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-poster-img.tph {
|
|
border-radius: var(--bui-shape-radius-default);
|
|
height: 152rpx;
|
|
width: 152rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-poster-img .img-placeholder.tph {
|
|
background-color: var(--bui-color-bg-default);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content.tph {
|
|
flex: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content-top.tph {
|
|
height: 132rpx;
|
|
margin-bottom: 4rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content-top-lower.tph {
|
|
height: 104rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .content-title.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 8rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .content-title .content-title-text.tph {
|
|
color: var(--bui-color-fg-default);
|
|
font-size: 32rpx;
|
|
font-weight: var(--bui-font-weight-medium);
|
|
line-height: 44rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .content-title-tag.tph {
|
|
background-color: #eff0f3;
|
|
color: #6a7a99;
|
|
flex-shrink: 0;
|
|
font-size: 20rpx;
|
|
font-weight: 500;
|
|
margin-left: 8rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .recommend-tag.tph {
|
|
display: flex;
|
|
height: 36rpx;
|
|
margin-bottom: 10rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .recommend-tag-icon.tph {
|
|
background: url(https://gw.alicdn.com/imgextra/i1/O1CN01aIveL11fIGXcYk4AR_!!6000000003983-2-tps-48-60.png)no-repeat 50%;
|
|
background-size: 100%auto;
|
|
border-radius: 8rpx 0 0 8rpx;
|
|
flex-shrink: 0;
|
|
height: 100%;
|
|
width: 36rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .recommend-tag-text.tph {
|
|
align-items: center;
|
|
background-color: #fff7e9;
|
|
border-radius: 0 8rpx 8rpx 0;
|
|
color: #874953;
|
|
flex-shrink: 0;
|
|
font-size: 20rpx;
|
|
font-weight: 500;
|
|
height: 100%;
|
|
line-height: 36rpx;
|
|
max-width: calc(100% - 52rpx);
|
|
overflow: hidden;
|
|
padding: 0 8rpx;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address.tph {
|
|
align-items: center;
|
|
color: var(--bui-color-neutral-2);
|
|
display: flex;
|
|
font-size: 24rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address .address-distance.tph {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address .address-divider.tph {
|
|
border-color: #e9ebef;
|
|
margin: 0 12rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address .address-detail.tph {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price.tph {
|
|
align-items: baseline;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-left .today-order-tag.tph {
|
|
font-weight: var(--bui-font-weight-bold);
|
|
margin-right: 6rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-left .retreat-tag.tph {
|
|
color: #8896b1;
|
|
font-weight: var(--bui-font-weight-bold)
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right.tph {
|
|
align-items: baseline;
|
|
color: #959aa5;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
font-size: 20rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .discount-tag.tph {
|
|
margin-right: 6rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .discount-tag.promotion-tag-half-price.tph {
|
|
transform: translateY(4rpx)
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets.tph {
|
|
align-items: baseline;
|
|
display: flex
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets .ml-2.tph {
|
|
margin-left: 4rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets .mr-2.tph {
|
|
margin-right: 4rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets .price-text.tph {
|
|
font-size: 24rpx;
|
|
max-width: 290rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show.tph {
|
|
align-items: center;
|
|
background-color: #f5f6f8;
|
|
border-radius: var(--bui-shape-radius-default);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 60rpx;
|
|
margin-top: var(--bui-spacing-md);
|
|
padding: 0 var(--bui-spacing-md);
|
|
width: 100%
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show-type.tph {
|
|
color: var(--bui-color-fg-default);
|
|
flex-shrink: 0;
|
|
font-size: 24rpx;
|
|
font-weight: var(--bui-font-weight-medium)
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show-divider.tph {
|
|
border-color: #e9ebef;
|
|
margin: 0 12rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show-name.tph {
|
|
color: var(--bui-color-neutral-2);
|
|
font-size: 24rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show-right.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-shrink: 0;
|
|
justify-content: flex-end;
|
|
padding-left: 24rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show-right .show-price.tph {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show-right .price-text.tph {
|
|
font-size: 24rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .attraction-show-tag.tph {
|
|
margin-right: 6rpx
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .price-unit.tph {
|
|
color: var(--bui-color-red);
|
|
font-size: 20rpx;
|
|
font-weight: 500
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .price-number.tph {
|
|
color: var(--bui-color-red);
|
|
font-size: 30rpx;
|
|
font-weight: 700
|
|
}
|
|
|
|
.bui-horizontal-attraction-card .price-desc.tph {
|
|
color: #959aa5;
|
|
font-size: 20rpx
|
|
}
|
|
|
|
.bui-stack.tph {
|
|
align-items: var(--align-items);
|
|
column-gap: var(--spacing);
|
|
display: flex;
|
|
flex-direction: var(--flex-direction);
|
|
flex-wrap: var(--flex-wrap);
|
|
font-family: var(--bui-font-family);
|
|
justify-content: var(--justify-content);
|
|
row-gap: var(--spacing)
|
|
}
|
|
|
|
.bui-card-content.tph {
|
|
color: var(--bui-color-fg-muted);
|
|
font-family: var(--bui-font-family);
|
|
font-size: var(--bui-text-size-2);
|
|
padding: var(--bui-spacing-lg)
|
|
}
|
|
|
|
@media (prefers-color-scheme:light) {
|
|
[data-color-mode="auto"][data-theme="dm"] {
|
|
--bui-color-blue: #48b1f1;
|
|
--bui-color-orange: #ff8f3f;
|
|
--bui-color-gray: #f5f5f5;
|
|
--bui-color-pink: #ff8e92;
|
|
--bui-color-neutral-2: #4d4d56;
|
|
--bui-color-neutral-3: #9c9ca5;
|
|
--bui-color-neutral-5: #f1f1f1;
|
|
--bui-color-bg-default: #f4f5f6;
|
|
--bui-color-powder-start: #ff72a2;
|
|
--bui-color-powder-end: #ff7070;
|
|
--bui-title-size-2: 40rpx;
|
|
--bui-title-size-3: 36rpx;
|
|
--bui-color-red: #ff4886;
|
|
--bui-color-fg-default: #2e333e;
|
|
--bui-color-fg-muted: #2e333e;
|
|
--bui-shape-radius-label: 8rpx
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme:dark) {
|
|
[data-color-mode="auto"][data-theme="dm"] {
|
|
--bui-color-neutral-5: #e5e5e5;
|
|
--bui-color-powder-start: #ff4886;
|
|
--bui-color-powder-end: #ffa662;
|
|
--bui-color-fg-default: #f0f6fc;
|
|
--bui-color-fg-muted: #8b949e;
|
|
--bui-color-fg-subtle: #484f58;
|
|
--bui-color-fg-disabled: #484f58;
|
|
--bui-color-bg-default: #010409;
|
|
--bui-color-bg-view: #161b22;
|
|
--bui-color-bg-popover: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
|
|
--bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
|
|
--bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
|
|
--bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
|
|
--bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
|
|
--bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
|
|
--bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
|
|
--bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
|
|
--bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
|
|
--bui-color-border-default: #30363d
|
|
}
|
|
}
|
|
|
|
.bui-default-light.tph,
|
|
[data-color-mode="light"][data-theme="default"],
|
|
page,
|
|
xhs-page {
|
|
--bui-color-fg-vip-title: #582331;
|
|
--bui-color-fg-vip-subtitle: #874953;
|
|
--bui-color-fg-vip-info: #a67070;
|
|
--bui-color-fg-vip-disabled: #daaaa0;
|
|
--bui-color-bg-rank: #fef4da;
|
|
--bui-color-rank: #d7932c;
|
|
--bui-color-border-vip: hsla(16, 72%, 71%, .4);
|
|
--bui-color-border-rank: rgba(215, 147, 44, .4);
|
|
--bui-color-mystery-start: #f273ff;
|
|
--bui-color-mystery-end: #ca64ff;
|
|
--bui-color-vip-light-start: #ffecc7;
|
|
--bui-color-vip-light-end: #ffdbcf;
|
|
--bui-color-vip-dark-start: #f5ac6b;
|
|
--bui-color-vip-dark-end: #f7846d;
|
|
--bui-color-vip-diamond-start: #202a4d;
|
|
--bui-color-vip-diamond-end: #2b3858;
|
|
--bui-color-red: #ff335c;
|
|
--bui-color-red-light: #ffebef;
|
|
--bui-color-pink: #dd10f2;
|
|
--bui-color-pink-light: #fce7fe;
|
|
--bui-color-orange: #ff8533;
|
|
--bui-color-orange-light: #fff0e5;
|
|
--bui-color-green: #00d68f;
|
|
--bui-color-green-light: #dcf9f0;
|
|
--bui-color-purple: #8b52ff;
|
|
--bui-color-purple-light: #f2ebff;
|
|
--bui-color-blue: #148aff;
|
|
--bui-color-blue-light: #e1f0ff;
|
|
--bui-color-gray: #8896b1;
|
|
--bui-color-gray-light: #f3f5f8;
|
|
--bui-color-black: #000;
|
|
--bui-color-white: #fff;
|
|
--bui-color-vip: #ff866e;
|
|
--bui-color-neutral-0: var(--bui-color-black);
|
|
--bui-color-neutral-1: #2e333e;
|
|
--bui-color-neutral-2: #5f6672;
|
|
--bui-color-neutral-3: #959aa5;
|
|
--bui-color-neutral-4: #ced1d6;
|
|
--bui-color-neutral-5: #e9ebef;
|
|
--bui-color-neutral-6: #f5f6f8;
|
|
--bui-color-neutral-7: var(--bui-color-white);
|
|
--bui-font-weight-normal: 400;
|
|
--bui-font-weight-medium: 500;
|
|
--bui-font-weight-bold: 600;
|
|
--bui-color-primary: var(--bui-color-red);
|
|
--bui-color-primary-light: var(--bui-color-red-light);
|
|
--bui-color-info: var(--bui-color-blue);
|
|
--bui-color-info-light: var(--bui-color-blue-light);
|
|
--bui-color-success: var(--bui-color-green);
|
|
--bui-color-success-light: var(--bui-color-green-light);
|
|
--bui-color-warning: var(--bui-color-orange);
|
|
--bui-color-warning-light: var(--bui-color-orange-light);
|
|
--bui-color-danger: var(--bui-color-red);
|
|
--bui-color-danger-light: var(--bui-color-red-light);
|
|
--bui-title-size-1: 42rpx;
|
|
--bui-title-size-2: 36rpx;
|
|
--bui-title-size-3: 32rpx;
|
|
--bui-title-size-4: 30rpx;
|
|
--bui-text-size-1: 28rpx;
|
|
--bui-text-size-2: 26rpx;
|
|
--bui-text-size-3: 24rpx;
|
|
--bui-text-size-4: 22rpx;
|
|
--bui-text-size-5: 20rpx;
|
|
--bui-color-fg-default: var(--bui-color-neutral-1);
|
|
--bui-color-fg-muted: var(--bui-color-neutral-2);
|
|
--bui-color-fg-subtle: var(--bui-color-neutral-3);
|
|
--bui-color-fg-disabled: var(--bui-color-neutral-4);
|
|
--bui-color-bg-default: var(--bui-color-neutral-6);
|
|
--bui-color-bg-view: var(--bui-color-neutral-7);
|
|
--bui-color-bg-popover: var(--bui-color-neutral-7);
|
|
--bui-color-bg-alpha-light-9: hsla(0, 0%, 100%, .9);
|
|
--bui-color-bg-alpha-light-7: hsla(0, 0%, 100%, .7);
|
|
--bui-color-bg-alpha-light-5: hsla(0, 0%, 100%, .5);
|
|
--bui-color-bg-alpha-light-3: hsla(0, 0%, 100%, .3);
|
|
--bui-color-bg-alpha-light-1: hsla(0, 0%, 100%, .1);
|
|
--bui-color-bg-alpha-dark-9: rgba(0, 0, 0, .9);
|
|
--bui-color-bg-alpha-dark-7: rgba(0, 0, 0, .7);
|
|
--bui-color-bg-alpha-dark-5: rgba(0, 0, 0, .5);
|
|
--bui-color-bg-alpha-dark-3: rgba(0, 0, 0, .3);
|
|
--bui-color-bg-alpha-dark-1: rgba(0, 0, 0, .1);
|
|
--bui-color-border-default: var(--bui-color-neutral-5);
|
|
--bui-color-border-primary: rgba(255, 51, 92, .4);
|
|
--bui-color-border-info: rgba(20, 138, 255, .4);
|
|
--bui-color-border-success: rgba(0, 214, 143, .4);
|
|
--bui-color-border-warning: rgba(255, 133, 51, .4);
|
|
--bui-color-border-danger: rgba(255, 51, 92, .4);
|
|
--bui-color-border-gray: rgba(136, 150, 177, .4);
|
|
--bui-color-primary-start: #ef16b9;
|
|
--bui-color-primary-end: var(--bui-color-red);
|
|
--bui-color-secondary-start: #f32adf;
|
|
--bui-color-secondary-end: var(--bui-color-pink);
|
|
--bui-color-info-start: #33a7ff;
|
|
--bui-color-info-end: var(--bui-color-blue);
|
|
--bui-color-warning-start: #ffad33;
|
|
--bui-color-warning-end: var(--bui-color-orange);
|
|
--bui-color-success-start: #00ebac;
|
|
--bui-color-success-end: var(--bui-color-green);
|
|
--bui-color-danger-start: #ef16b9;
|
|
--bui-color-danger-end: var(--bui-color-red);
|
|
--bui-color-vip-start: #ffd4a6;
|
|
--bui-color-vip-end: #ffbeae;
|
|
--bui-shape-radius-popover: 36rpx;
|
|
--bui-shape-radius-drawer: 24rpx;
|
|
--bui-shape-radius-card: 18rpx;
|
|
--bui-shape-radius-default: 12rpx;
|
|
--bui-shape-radius-poster: 8rpx;
|
|
--bui-shape-radius-label: 6rpx;
|
|
--bui-spacing-xl: 30rpx;
|
|
--bui-spacing-lg: 24rpx;
|
|
--bui-spacing-md: 18rpx;
|
|
--bui-spacing-sm: 12rpx;
|
|
--bui-spacing-xs: 8rpx;
|
|
--bui-line-height: 1.5;
|
|
--bui-z-index-dropdown: 1000;
|
|
--bui-z-index-affix: 1100;
|
|
--bui-z-index-modal-backdrop: 1200;
|
|
--bui-z-index-modal: 1200;
|
|
--bui-z-index-popover: 1300;
|
|
--bui-z-index-tooltip: 1400;
|
|
--bui-z-index-toast: 1500;
|
|
--bui-font-family: "PingFang SC", "Chinese Quote", "Segoe UI", roboto, "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif
|
|
}
|
|
|
|
.bui-dark.tph,
|
|
[data-color-mode="dark"][data-theme="default"] {
|
|
--bui-color-fg-default: #f0f6fc;
|
|
--bui-color-fg-muted: #8b949e;
|
|
--bui-color-fg-subtle: #484f58;
|
|
--bui-color-fg-disabled: #484f58;
|
|
--bui-color-bg-default: #010409;
|
|
--bui-color-bg-view: #161b22;
|
|
--bui-color-bg-popover: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
|
|
--bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
|
|
--bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
|
|
--bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
|
|
--bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
|
|
--bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
|
|
--bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
|
|
--bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
|
|
--bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
|
|
--bui-color-border-default: #30363d
|
|
}
|
|
|
|
.bui-dm-light.tph,
|
|
[data-color-mode="light"][data-theme="dm"] {
|
|
--bui-color-blue: #48b1f1;
|
|
--bui-color-orange: #ff8f3f;
|
|
--bui-color-gray: #f5f5f5;
|
|
--bui-color-pink: #ff8e92;
|
|
--bui-color-neutral-2: #4d4d56;
|
|
--bui-color-neutral-3: #9c9ca5;
|
|
--bui-color-neutral-5: #f1f1f1;
|
|
--bui-color-bg-default: #f4f5f6;
|
|
--bui-color-powder-start: #ff72a2;
|
|
--bui-color-powder-end: #ff7070;
|
|
--bui-title-size-2: 40rpx;
|
|
--bui-title-size-3: 36rpx;
|
|
--bui-color-red: #ff4886;
|
|
--bui-color-fg-default: #2e333e;
|
|
--bui-color-fg-muted: #2e333e;
|
|
--bui-shape-radius-label: 8rpx
|
|
}
|
|
|
|
.bui-dm-dark.tph,
|
|
[data-color-mode="dark"][data-theme="dm"] {
|
|
--bui-color-neutral-5: #e5e5e5;
|
|
--bui-color-powder-start: #ff4886;
|
|
--bui-color-powder-end: #ffa662;
|
|
--bui-color-fg-default: #f0f6fc;
|
|
--bui-color-fg-muted: #8b949e;
|
|
--bui-color-fg-subtle: #484f58;
|
|
--bui-color-fg-disabled: #484f58;
|
|
--bui-color-bg-default: #010409;
|
|
--bui-color-bg-view: #161b22;
|
|
--bui-color-bg-popover: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
|
|
--bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
|
|
--bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
|
|
--bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
|
|
--bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
|
|
--bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
|
|
--bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
|
|
--bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
|
|
--bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
|
|
--bui-color-border-default: #30363d
|
|
}
|
|
|
|
@media (prefers-color-scheme:light) {
|
|
[data-color-mode="auto"] {
|
|
--bui-color-fg-vip-title: #582331;
|
|
--bui-color-fg-vip-subtitle: #874953;
|
|
--bui-color-fg-vip-info: #a67070;
|
|
--bui-color-fg-vip-disabled: #daaaa0;
|
|
--bui-color-bg-rank: #fef4da;
|
|
--bui-color-rank: #d7932c;
|
|
--bui-color-border-vip: hsla(16, 72%, 71%, .4);
|
|
--bui-color-border-rank: rgba(215, 147, 44, .4);
|
|
--bui-color-mystery-start: #f273ff;
|
|
--bui-color-mystery-end: #ca64ff;
|
|
--bui-color-vip-light-start: #ffecc7;
|
|
--bui-color-vip-light-end: #ffdbcf;
|
|
--bui-color-vip-dark-start: #f5ac6b;
|
|
--bui-color-vip-dark-end: #f7846d;
|
|
--bui-color-vip-diamond-start: #202a4d;
|
|
--bui-color-vip-diamond-end: #2b3858;
|
|
--bui-color-red: #ff335c;
|
|
--bui-color-red-light: #ffebef;
|
|
--bui-color-pink: #dd10f2;
|
|
--bui-color-pink-light: #fce7fe;
|
|
--bui-color-orange: #ff8533;
|
|
--bui-color-orange-light: #fff0e5;
|
|
--bui-color-green: #00d68f;
|
|
--bui-color-green-light: #dcf9f0;
|
|
--bui-color-purple: #8b52ff;
|
|
--bui-color-purple-light: #f2ebff;
|
|
--bui-color-blue: #148aff;
|
|
--bui-color-blue-light: #e1f0ff;
|
|
--bui-color-gray: #8896b1;
|
|
--bui-color-gray-light: #f3f5f8;
|
|
--bui-color-black: #000;
|
|
--bui-color-white: #fff;
|
|
--bui-color-vip: #ff866e;
|
|
--bui-color-neutral-0: var(--bui-color-black);
|
|
--bui-color-neutral-1: #2e333e;
|
|
--bui-color-neutral-2: #5f6672;
|
|
--bui-color-neutral-3: #959aa5;
|
|
--bui-color-neutral-4: #ced1d6;
|
|
--bui-color-neutral-5: #e9ebef;
|
|
--bui-color-neutral-6: #f5f6f8;
|
|
--bui-color-neutral-7: var(--bui-color-white);
|
|
--bui-font-weight-normal: 400;
|
|
--bui-font-weight-medium: 500;
|
|
--bui-font-weight-bold: 600;
|
|
--bui-color-primary: var(--bui-color-red);
|
|
--bui-color-primary-light: var(--bui-color-red-light);
|
|
--bui-color-info: var(--bui-color-blue);
|
|
--bui-color-info-light: var(--bui-color-blue-light);
|
|
--bui-color-success: var(--bui-color-green);
|
|
--bui-color-success-light: var(--bui-color-green-light);
|
|
--bui-color-warning: var(--bui-color-orange);
|
|
--bui-color-warning-light: var(--bui-color-orange-light);
|
|
--bui-color-danger: var(--bui-color-red);
|
|
--bui-color-danger-light: var(--bui-color-red-light);
|
|
--bui-title-size-1: 42rpx;
|
|
--bui-title-size-2: 36rpx;
|
|
--bui-title-size-3: 32rpx;
|
|
--bui-title-size-4: 30rpx;
|
|
--bui-text-size-1: 28rpx;
|
|
--bui-text-size-2: 26rpx;
|
|
--bui-text-size-3: 24rpx;
|
|
--bui-text-size-4: 22rpx;
|
|
--bui-text-size-5: 20rpx;
|
|
--bui-color-fg-default: var(--bui-color-neutral-1);
|
|
--bui-color-fg-muted: var(--bui-color-neutral-2);
|
|
--bui-color-fg-subtle: var(--bui-color-neutral-3);
|
|
--bui-color-fg-disabled: var(--bui-color-neutral-4);
|
|
--bui-color-bg-default: var(--bui-color-neutral-6);
|
|
--bui-color-bg-view: var(--bui-color-neutral-7);
|
|
--bui-color-bg-popover: var(--bui-color-neutral-7);
|
|
--bui-color-bg-alpha-light-9: hsla(0, 0%, 100%, .9);
|
|
--bui-color-bg-alpha-light-7: hsla(0, 0%, 100%, .7);
|
|
--bui-color-bg-alpha-light-5: hsla(0, 0%, 100%, .5);
|
|
--bui-color-bg-alpha-light-3: hsla(0, 0%, 100%, .3);
|
|
--bui-color-bg-alpha-light-1: hsla(0, 0%, 100%, .1);
|
|
--bui-color-bg-alpha-dark-9: rgba(0, 0, 0, .9);
|
|
--bui-color-bg-alpha-dark-7: rgba(0, 0, 0, .7);
|
|
--bui-color-bg-alpha-dark-5: rgba(0, 0, 0, .5);
|
|
--bui-color-bg-alpha-dark-3: rgba(0, 0, 0, .3);
|
|
--bui-color-bg-alpha-dark-1: rgba(0, 0, 0, .1);
|
|
--bui-color-border-default: var(--bui-color-neutral-5);
|
|
--bui-color-border-primary: rgba(255, 51, 92, .4);
|
|
--bui-color-border-info: rgba(20, 138, 255, .4);
|
|
--bui-color-border-success: rgba(0, 214, 143, .4);
|
|
--bui-color-border-warning: rgba(255, 133, 51, .4);
|
|
--bui-color-border-danger: rgba(255, 51, 92, .4);
|
|
--bui-color-border-gray: rgba(136, 150, 177, .4);
|
|
--bui-color-primary-start: #ef16b9;
|
|
--bui-color-primary-end: var(--bui-color-red);
|
|
--bui-color-secondary-start: #f32adf;
|
|
--bui-color-secondary-end: var(--bui-color-pink);
|
|
--bui-color-info-start: #33a7ff;
|
|
--bui-color-info-end: var(--bui-color-blue);
|
|
--bui-color-warning-start: #ffad33;
|
|
--bui-color-warning-end: var(--bui-color-orange);
|
|
--bui-color-success-start: #00ebac;
|
|
--bui-color-success-end: var(--bui-color-green);
|
|
--bui-color-danger-start: #ef16b9;
|
|
--bui-color-danger-end: var(--bui-color-red);
|
|
--bui-color-vip-start: #ffd4a6;
|
|
--bui-color-vip-end: #ffbeae;
|
|
--bui-shape-radius-popover: 36rpx;
|
|
--bui-shape-radius-drawer: 24rpx;
|
|
--bui-shape-radius-card: 18rpx;
|
|
--bui-shape-radius-default: 12rpx;
|
|
--bui-shape-radius-poster: 8rpx;
|
|
--bui-shape-radius-label: 6rpx;
|
|
--bui-spacing-xl: 30rpx;
|
|
--bui-spacing-lg: 24rpx;
|
|
--bui-spacing-md: 18rpx;
|
|
--bui-spacing-sm: 12rpx;
|
|
--bui-spacing-xs: 8rpx;
|
|
--bui-line-height: 1.5;
|
|
--bui-z-index-dropdown: 1000;
|
|
--bui-z-index-affix: 1100;
|
|
--bui-z-index-modal-backdrop: 1200;
|
|
--bui-z-index-modal: 1200;
|
|
--bui-z-index-popover: 1300;
|
|
--bui-z-index-tooltip: 1400;
|
|
--bui-z-index-toast: 1500;
|
|
--bui-font-family: "PingFang SC", "Chinese Quote", "Segoe UI", roboto, "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme:dark) {
|
|
[data-color-mode="auto"] {
|
|
--bui-color-fg-default: #f0f6fc;
|
|
--bui-color-fg-muted: #8b949e;
|
|
--bui-color-fg-subtle: #484f58;
|
|
--bui-color-fg-disabled: #484f58;
|
|
--bui-color-bg-default: #010409;
|
|
--bui-color-bg-view: #161b22;
|
|
--bui-color-bg-popover: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
|
|
--bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
|
|
--bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
|
|
--bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
|
|
--bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
|
|
--bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
|
|
--bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
|
|
--bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
|
|
--bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
|
|
--bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
|
|
--bui-color-border-default: #30363d
|
|
}
|
|
}
|
|
|
|
[data-color-mode="light"],
|
|
page,
|
|
xhs-page {
|
|
color-scheme: light
|
|
}
|
|
|
|
[data-color-mode="dark"] {
|
|
color-scheme: dark
|
|
}
|
|
|
|
@media (prefers-color-scheme:light) {
|
|
[data-color-mode="auto"] {
|
|
color-scheme: light
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme:dark) {
|
|
[data-color-mode="auto"] {
|
|
color-scheme: dark
|
|
}
|
|
}
|
|
|
|
[data-color-mode] {
|
|
background-color: var(--bui-color-bg-default);
|
|
color: var(--bui-color-fg-default)
|
|
}
|
|
|
|
.h5-body,
|
|
.h5-button,
|
|
.h5-input,
|
|
.h5-select,
|
|
.h5-textarea {
|
|
color: inherit;
|
|
font-family: Chinese Quote, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
|
|
font-size: 30rpx;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.h5-button,
|
|
.h5-input,
|
|
.h5-select {
|
|
appearance: none;
|
|
outline: none
|
|
}
|
|
|
|
.h5-blockquote,
|
|
.h5-dd,
|
|
.h5-div,
|
|
.h5-dl,
|
|
.h5-dt,
|
|
.h5-fieldset,
|
|
.h5-form,
|
|
.h5-h1,
|
|
.h5-h2,
|
|
.h5-h3,
|
|
.h5-h4,
|
|
.h5-h5,
|
|
.h5-h6,
|
|
.h5-input,
|
|
.h5-legend,
|
|
.h5-li,
|
|
.h5-ol,
|
|
.h5-p,
|
|
.h5-td,
|
|
.h5-textarea,
|
|
.h5-th,
|
|
.h5-ul {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.h5-a {
|
|
outline: 0
|
|
}
|
|
|
|
.h5-ol,
|
|
.h5-ul {
|
|
list-style-type: none
|
|
}
|
|
|
|
.h5-input {
|
|
line-height: normal
|
|
}
|
|
|
|
.h5-table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0
|
|
}
|
|
|
|
.h5-fieldset,
|
|
.h5-img {
|
|
border: 0
|
|
}
|
|
|
|
.h5-li {
|
|
list-style: none
|
|
}
|
|
|
|
.h5-caption,
|
|
.h5-th {
|
|
text-align: left
|
|
}
|
|
|
|
.h5-q:after,
|
|
.h5-q:before {
|
|
content: ""
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
.h5-body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
padding: 0 0 var(--safe-area-inset-bottom, 68rpx);
|
|
user-select: none
|
|
}
|
|
|
|
.t-c {
|
|
text-align: center !important
|
|
}
|
|
|
|
.t-l {
|
|
text-align: left !important
|
|
}
|
|
|
|
.t-r {
|
|
text-align: right !important
|
|
}
|
|
|
|
.h5-a {
|
|
color: inherit;
|
|
text-decoration: none
|
|
}
|
|
|
|
.h5-h1,
|
|
.head1 {
|
|
font-size: 48rpx;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.h5-h2,
|
|
.head2 {
|
|
font-size: 40rpx;
|
|
font-weight: 600;
|
|
line-height: 1.45
|
|
}
|
|
|
|
.h5-h3,
|
|
.head3 {
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
line-height: 1.33
|
|
}
|
|
|
|
.h5-h4,
|
|
.head4 {
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.body1 {
|
|
font-size: 30rpx
|
|
}
|
|
|
|
.body2 {
|
|
font-size: 28rpx
|
|
}
|
|
|
|
.secondary1 {
|
|
font-size: 26rpx
|
|
}
|
|
|
|
.secondary2 {
|
|
font-size: 24rpx
|
|
}
|
|
|
|
.secondary3 {
|
|
font-size: 22rpx
|
|
}
|
|
|
|
.fn-show {
|
|
display: block !important
|
|
}
|
|
|
|
.fn-hide {
|
|
display: none !important
|
|
}
|
|
|
|
.fn-visible {
|
|
visibility: visible !important
|
|
}
|
|
|
|
.fn-hidden {
|
|
visibility: hidden !important
|
|
}
|
|
|
|
.fn-left {
|
|
float: left
|
|
}
|
|
|
|
.fn-right {
|
|
float: right
|
|
}
|
|
|
|
.d-block {
|
|
display: block !important
|
|
}
|
|
|
|
.d-none {
|
|
display: none !important
|
|
}
|
|
|
|
.d-inline {
|
|
display: inline !important
|
|
}
|
|
|
|
.d-inline-block {
|
|
display: inline-block !important
|
|
}
|
|
|
|
.d-flex {
|
|
display: flex !important
|
|
}
|
|
|
|
.bui-flex-center.tph {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.img-fluid {
|
|
height: auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
.default-avatar {
|
|
background-image: url(https://gw.alicdn.com/tfs/TB1Q2zRXuL2gK0jSZFmXXc7iXXa-120-120.png)
|
|
}
|
|
|
|
.tpp-btn {
|
|
background-color: initial;
|
|
background-image: linear-gradient(90deg, var(--bui-color-primary-start, #ef16b9)0, var(--bui-color-primary-end, #ff335c) 100%);
|
|
background-image: linear-gradient(45deg, var(--bui-color-primary-start, #ef16b9)0, var(--bui-color-primary-end, #ff335c) 100%);
|
|
border: 0;
|
|
border-radius: 240rpx;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 24rpx;
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
padding: 0 26rpx;
|
|
text-align: center;
|
|
user-select: none;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tpp-btn-primary {
|
|
background-image: linear-gradient(90deg, var(--bui-color-primary-start)0, var(--bui-color-primary-end) 100%);
|
|
background-image: linear-gradient(45deg, var(--bui-color-primary-start)0, var(--bui-color-primary-end) 100%)
|
|
}
|
|
|
|
.tpp-btn-info {
|
|
background-image: linear-gradient(90deg, var(--bui-color-info-start)0, var(--bui-color-info-end) 100%);
|
|
background-image: linear-gradient(45deg, var(--bui-color-info-start)0, var(--bui-color-info-end) 100%)
|
|
}
|
|
|
|
.tpp-btn-warning {
|
|
background-image: linear-gradient(90deg, var(--bui-color-warning-start)0, var(--bui-color-warning-end) 100%);
|
|
background-image: linear-gradient(45deg, var(--bui-color-warning-start)0, var(--bui-color-warning-end) 100%)
|
|
}
|
|
|
|
.tpp-btn-outline,
|
|
.tpp-btn-outline-info,
|
|
.tpp-btn-outline-primary,
|
|
.tpp-btn-outline-warning {
|
|
background-image: none;
|
|
padding: 0 24rpx
|
|
}
|
|
|
|
.tpp-btn-outline {
|
|
border: 2rpx solid #959aa5;
|
|
color: #959aa5
|
|
}
|
|
|
|
.tpp-btn-outline-primary {
|
|
border: 2rpx solid var(--bui-color-primary);
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.tpp-btn-outline-warning {
|
|
border: 2rpx solid var(--bui-color-warning);
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.tpp-btn-outline-info {
|
|
border: 2rpx solid var(--bui-color-info);
|
|
color: var(--bui-color-info)
|
|
}
|
|
|
|
.tpp-btn-block {
|
|
border-radius: 0;
|
|
display: block;
|
|
font-size: 34rpx;
|
|
height: 110rpx;
|
|
line-height: 110rpx;
|
|
width: 100%
|
|
}
|
|
|
|
.tpp-btn.disabled,
|
|
.tpp-btn:disabled {
|
|
background-color: #c8c8c8;
|
|
background-image: none;
|
|
pointer-events: none
|
|
}
|
|
|
|
.tpp-btn-outline-info.disabled,
|
|
.tpp-btn-outline-info:disabled,
|
|
.tpp-btn-outline-primary.disabled,
|
|
.tpp-btn-outline-primary:disabled,
|
|
.tpp-btn-outline.disabled,
|
|
.tpp-btn-outline:disabled {
|
|
background-color: initial;
|
|
background-image: none;
|
|
border: 2rpx solid #c8c8c8;
|
|
color: #c8c8c8;
|
|
pointer-events: none
|
|
}
|
|
|
|
.tpp-lbl {
|
|
align-items: center;
|
|
background-color: #f8f8fb;
|
|
border-radius: 6rpx;
|
|
box-sizing: border-box;
|
|
color: #000;
|
|
display: inline-flex;
|
|
font-size: 20rpx;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 30rpx;
|
|
justify-content: center;
|
|
line-height: 30rpx;
|
|
padding: 0 6rpx;
|
|
position: relative;
|
|
user-select: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.tpp-lbl-primary {
|
|
background-color: var(--bui-color-primary)
|
|
}
|
|
|
|
.tpp-lbl-info {
|
|
background-color: var(--bui-color-info)
|
|
}
|
|
|
|
.tpp-lbl-warning {
|
|
background-color: var(--bui-color-warning)
|
|
}
|
|
|
|
.tpp-lbl-success {
|
|
background-color: var(--bui-color-success)
|
|
}
|
|
|
|
.tpp-lbl-outline {
|
|
background-color: initial;
|
|
border: 2rpx solid #959aa5;
|
|
border-radius: 6rpx;
|
|
color: #959aa5
|
|
}
|
|
|
|
.tpp-lbl-outline-primary {
|
|
background-color: initial;
|
|
border: 2rpx solid var(--bui-color-border-primary);
|
|
border-radius: 6rpx;
|
|
color: var(--bui-color-primary)
|
|
}
|
|
|
|
.tpp-lbl-outline-info {
|
|
background-color: initial;
|
|
border: 2rpx solid var(--bui-color-border-info);
|
|
border-radius: 6rpx;
|
|
color: var(--bui-color-info)
|
|
}
|
|
|
|
.tpp-lbl-outline-warning {
|
|
background-color: initial;
|
|
border: 2rpx solid var(--bui-color-border-warning);
|
|
border-radius: 6rpx;
|
|
color: var(--bui-color-warning)
|
|
}
|
|
|
|
.tpp-lbl-outline-success {
|
|
background-color: initial;
|
|
border: 2rpx solid var(--bui-color-border-success);
|
|
border-radius: 6rpx;
|
|
color: var(--bui-color-success)
|
|
}
|
|
|
|
.tpp-i {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
display: inline-block;
|
|
height: 32rpx;
|
|
position: relative;
|
|
width: 32rpx
|
|
}
|
|
|
|
.bui-icon.tph {
|
|
fill: currentColor;
|
|
height: 28rpx;
|
|
width: 28rpx
|
|
}
|
|
|
|
.tpp-spinner {
|
|
animation: rotation .5s linear infinite;
|
|
border: 4rpx solid var(--bui-color-primary);
|
|
border-bottom: 4rpx solid transparent;
|
|
border-radius: 100%;
|
|
height: 40rpx;
|
|
width: 40rpx
|
|
}
|
|
|
|
.a-cp-loading-indicator,
|
|
.a-cp-loading-item,
|
|
.tpp-spinner {
|
|
display: inline-block
|
|
}
|
|
|
|
.a-cp-loading-item {
|
|
animation: ACPAULoadingScaleColorBoth .766s ease-in-out infinite alternate;
|
|
height: 20rpx;
|
|
opacity: 0;
|
|
position: relative;
|
|
transform: scale(0);
|
|
width: 20rpx
|
|
}
|
|
|
|
.a-cp-loading-item:before {
|
|
background-color: #108ee9;
|
|
border-radius: 2rpx 4rpx 4rpx 6rpx;
|
|
content: " ";
|
|
height: 38.26rpx;
|
|
left: 50%;
|
|
margin-left: -12.76rpx;
|
|
margin-top: -19.12rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: skew(-.46rad) scale(.5);
|
|
transform-origin: center center;
|
|
width: 25.5rpx
|
|
}
|
|
|
|
.a-cp-loading-item:nth-child(1) {
|
|
animation-delay: -2.2s
|
|
}
|
|
|
|
.a-cp-loading-item:nth-child(2) {
|
|
animation-delay: -1.966s
|
|
}
|
|
|
|
.a-cp-loading-item:nth-child(3) {
|
|
animation-delay: -1.666s
|
|
}
|
|
|
|
@keyframes ACPAULoadingScaleColorBoth {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0)
|
|
}
|
|
|
|
35% {
|
|
opacity: .001;
|
|
transform: scale(.12)
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes rotation {
|
|
from {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(359deg)
|
|
}
|
|
}
|
|
|
|
.privacy-modal {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
z-index: 10000
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-card {
|
|
box-sizing: border-box;
|
|
height: 792rpx;
|
|
padding: 42rpx 42rpx 0;
|
|
position: relative;
|
|
width: 600rpx
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-title {
|
|
color: var(--bui-color-fg-default);
|
|
display: flex;
|
|
font-size: 36rpx;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-link {
|
|
color: var(--bui-color-fg-default);
|
|
font-size: 26rpx;
|
|
line-height: 42rpx;
|
|
margin-top: 14rpx;
|
|
width: 100%
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-link-blue {
|
|
color: #148aff
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-content {
|
|
color: var(--bui-color-fg-default);
|
|
font-size: 26rpx;
|
|
line-height: 42rpx;
|
|
margin-top: 6rpx;
|
|
width: 100%
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-btn {
|
|
border-top: 2rpx solid var(--bui-color-border-default);
|
|
bottom: 0;
|
|
display: flex;
|
|
font-size: 34rpx;
|
|
height: 104rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-btn-cancel {
|
|
align-items: center;
|
|
border-right: 2rpx solid var(--bui-color-border-default);
|
|
color: #5f6672;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 50%
|
|
}
|
|
|
|
.privacy-modal .privacy-modal-btn-confirm {
|
|
align-items: center;
|
|
color: #ff335c;
|
|
display: flex;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
width: 50%
|
|
}
|