body { background-color: #f5f5f5; } page { background-color: #f5f5f5; min-height: 100%; } image { max-width: 100%; height: auto; } :root { --van-primary-color: #ee6d46; } .van-grid-item__content { padding: 0 var(--van-padding-base); } .scroll-view-H { white-space: nowrap; width: 100%; } .page-space { padding: 0 34rpx; } .page-card { background: #fff; -webkit-border-radius: 15rpx; border-radius: 15rpx; } .mb-10 { margin-bottom: 10rpx; } .mb-15 { margin-bottom: 15rpx; } .mb-20 { margin-bottom: 20rpx; } .mb-25 { margin-bottom: 25rpx; } .mb-30 { margin-bottom: 30rpx; } .pl-10 { padding-left: 10rpx; } .pl-15 { padding-left: 15rpx; } .pl-20 { padding-left: 20rpx; } .pl-25 { padding-left: 25rpx; } .pl-30 { padding-left: 30rpx; } .pl-40 { padding-left: 40rpx; } .pr-10 { padding-right: 10rpx; } .pr-15 { padding-right: 15rpx; } .pr-20 { padding-right: 20rpx; } .pr-25 { padding-right: 25rpx; } .pr-30 { padding-right: 30rpx; } .pr-40 { padding-right: 40rpx; } .p-40 { padding: 40rpx; } .paddingH-10 { padding: 0 20rpx; } .border-top { position: relative; } .border-top::after { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 1rpx; background: #e6e6e6; } .van-button { -webkit-border-radius: 0; border-radius: 0; } .van-button--mini { font-size: 24rpx; } .icon .image { display: block; width: 100%; height: 100%; } .infos { padding: 20rpx 37rpx 20rpx; } .infos.infos-right .info-cell-value { text-align: right; } .infos .info-cell { margin-bottom: 20rpx; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .infos .info-cell-label { margin-right: 30rpx; line-height: 32rpx; font-size: 24rpx; color: #999999; } .infos .info-cell-value { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height: 32rpx; font-size: 24rpx; color: #333333; } .infos .info-cell-operation { line-height: 32rpx; font-size: 24rpx; color: #ee6d46; } .simple-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .simple-cell-icon { width: 64rpx; height: 64rpx; } .simple-cell-content { margin-left: 15rpx; } .simple-cell-title { line-height: 40rpx; font-size: 28rpx; font-weight: 500; color: #333333; } .simple-cell-label { line-height: 30rpx; font-size: 22rpx; color: #333333; } .time-bar { background: #fff; height: 150rpx; } .time-bar .van-tab--active .time-bar-item { background: #e96b45; } .time-bar .van-tab--active .time-bar-item .time { color: #fff; } .time-bar .van-tab--active .time-bar-item .status { color: #fff; } .time-bar-item { width: 180rpx; height: 150rpx; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .time-bar-item .time { margin-top: 26rpx; line-height: 1em; font-size: 34rpx; font-weight: bold; color: #333333; margin-bottom: 10rpx; } .time-bar-item .status { line-height: 1em; font-size: 24rpx; font-weight: 400; color: #999999; } .time-bar-item .countdown { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1em; font-size: 20rpx; color: #ffffff; font-weight: 100; } .time-bar .van-tab { padding: 0; } .time-bar .van-tabs--line .van-tabs__wrap { height: 150rpx; } .time-bar .van-tabs__nav--line { padding-bottom: 0; padding: 0; } .time-bar .van-tabs__wrap { height: 150rpx; } .time-bar .van-tabs__line { display: none; } .card { background: #ffffff; -webkit-border-radius: 15rpx; border-radius: 15rpx; } .card.noBorder .card-head { border-bottom: 0; } .card.noBorder .card-title { font-size: 28rpx; color: #999999; } .card.noBorder .card-content { padding: 0; } .card.min .card-title { font-size: 28rpx; color: #999999; } .card.min .card-content { padding: 0; } .card.full { -webkit-border-radius: 0; border-radius: 0; } .card.full .card-content { padding: 0 34rpx 20rpx; } .card-head { height: 85rpx; border-bottom: 1rpx solid #e6e6e6; padding-left: 30rpx; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .card-title { font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #333; } .card-title .card-title-sub { font-weight: normal; font-size: 22rpx; color: #999999; } .card-more { font-size: 24rpx; font-family: PingFang SC; font-weight: 400; color: #999999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .card-more .uv-icon { margin-left: 10px; margin-right: 10px; } .card-content { padding: 20rpx 0 0; -webkit-border-bottom-left-radius: 15rpx; border-bottom-left-radius: 15rpx; -webkit-border-bottom-right-radius: 15rpx; border-bottom-right-radius: 15rpx; overflow: hidden; } .card .card-grid-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10rpx 0; margin-bottom: 20rpx; position: relative; } .card .card-grid-item-badge { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 0; top: 0; } .card .card-grid-item-badge span { margin: 0 !important; color: #fff !important; } .card .card-grid-item .image { width: 60rpx; height: 60rpx; } .card .card-grid-item-label { margin-top: 14rpx; line-height: 33rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 400; color: #333333; } .search .y-search { background: none; } .cell-attr .cell-title { line-height: 40rpx; font-size: 28rpx; color: #333333; } .cell-attr .cell-sub-title { line-height: 40rpx; font-size: 28rpx; color: #999999; } .storeInfo { padding: 24rpx 35rpx; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; } .storeInfo-pic { width: 80rpx; height: 80rpx; } .storeInfo-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20rpx; } .storeInfo-info-name { line-height: 40rpx; font-size: 28rpx; color: #333333; } .storeInfo-info-address { line-height: 28rpx; font-size: 20rpx; color: #999999; margin-top: 84px; } .storeInfo-action { width: 120rpx; height: 50rpx; background: #333333; line-height: 50rpx; text-align: center; font-size: 24rpx; line-height: 0rpx; color: #ffffff; } .center-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 20rpx 0; } .center-title-line { width: 36rpx; height: 1rpx; background: #333333; } .center-title .title { margin: 0 22rpx; } .blank { height: var(--van-action-bar-height); } .shopping-bar { bottom: var(--van-tabbar-height); } .full-btn { height: var(--van-action-bar-height); } .shopping-checkbox .van-checkbox { padding: 2px; margin-right: 10rpx; } .shopping-checkbox-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 26rpx 0 26rpx 30rpx; } .list { padding: 25rpx 35rpx; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; } .list-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .list-actions-edit { width: 33rpx; height: 33rpx; } .list-actions-edit .image { width: 100%; height: 100%; display: block; } .list.noBorder::after { display: none; } .list::after { content: ''; position: absolute; left: 35rpx; top: 0; right: 0; height: 1rpx; background: #e6e6e6; } .list-label { line-height: 40rpx; font-size: 28rpx; color: #333333; } .list-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .list-content input, .list-content .uni-input { line-height: 40rpx; font-size: 28rpx; color: #333333; } .form-checkbox { padding: 43rpx 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-buttons { margin-top: 34rpx; padding: 0 34rpx; } .background-warp { position: relative; } .background-warp .background { position: absolute; left: 0; top: 0; right: 0; z-index: 1; } .background-warp .background .image { width: 100%; } .background-warp .background-content { position: relative; z-index: 10; } .order { background-color: #fff; -webkit-border-radius: 15rpx; border-radius: 15rpx; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10rpx 34rpx; } .order-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 80rpx; border-bottom: 1rpx solid #e6e6e6; padding: 0 34rpx; } .order-logo .image { height: 45rpx; width: auto; } .order-title { line-height: 45rpx; font-size: 32rpx; font-weight: 500; color: #333333; } .order-status.status-1 { line-height: 40rpx; font-size: 28rpx; color: #999999; } .order-status.status-2 { line-height: 40rpx; font-size: 28rpx; color: #ee6d46; } .order-info { border-top: 1rpx solid #e6e6e6; border-bottom: 1rpx solid #e6e6e6; height: 80rpx; line-height: 80rpx; font-size: 24rpx; color: #999999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 34rpx; } .order-info text { margin-left: 10rpx; } .order-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-right: 34rpx; padding: 34rpx; } .order-actions-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .order-actions-delete { width: 169rpx; height: 60rpx; border: 1px solid #333333; opacity: 1; -webkit-border-radius: 0rpx; border-radius: 0rpx; line-height: 58rpx; text-align: center; color: #333333; font-size: 24rpx; } .order-actions-primary { margin-left: 20rpx; width: 169rpx; height: 60rpx; background: #ee6d46; border: 1px solid #ee6d46; opacity: 1; -webkit-border-radius: 0rpx; border-radius: 0rpx; line-height: 58rpx; text-align: center; color: #ffffff; font-size: 24rpx; } .address { background: #ffffff; -webkit-border-radius: 15rpx; border-radius: 15rpx; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20rpx; padding: 40rpx 34rpx; background: #fff; } .address-main { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .address-actions-edit { width: 33rpx; height: 33rpx; } .address-actions-edit .image { width: 100%; height: 100%; display: block; } .address.noBorder::after { display: none; } .address::after { content: ''; position: absolute; left: 35rpx; top: 0; right: 0; height: 1rpx; background: #e6e6e6; } .address-icon { margin-right: 20rpx; width: 35rpx; height: 46rpx; } .address-icon .image { width: 100%; height: 100%; display: block; } .address-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .address-name { line-height: 40rpx; font-size: 28rpx; color: #333333; margin-right: 30rpx; } .address-phone { line-height: 40rpx; font-size: 28rpx; color: #333333; } .address-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .address-default { margin-right: 82rpx; } .address-desc { line-height: 33rpx; font-size: 24rpx; color: #999999; } .bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .bottom-bar-bg { height: 150rpx; } .action-bar { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); left: 0; right: 0; background: #fff; } .action-bar.screen { bottom: 50px; } .action-bar.screen { padding-bottom: 0; } .action-bar.column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .action-bar.column .action-info { -webkit-box-flex: 0; -webkit-flex: 0 0 100rpx; -ms-flex: 0 0 100rpx; flex: 0 0 100rpx; } .action-bar.column .action-btns { height: 100rpx; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .action-bar .action-total { margin-left: 20rpx; } .action-bar .action-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 34rpx; height: 100rpx; } .action-bar .action-icons { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100rpx; padding-left: 20rpx; } .action-bar .action-icons-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .action-bar .action-icons .action-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .action-bar .action-icons .action-icon-badge { position: absolute; right: -10rpx; top: 0; } .action-bar .action-icons .action-icon .action-icon-img { width: 50rpx; height: 50rpx; } .action-bar .action-icons .action-icon .action-icon-label { line-height: 28rpx; font-size: 20rpx; color: #333333; } .action-bar .action-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 24rpx; } .action-bar .action-btns .uv-button-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 10rpx; } .action-bar .action-btns .uv-button { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .y-list { margin-bottom: 20rpx; } .y-list.min { margin-bottom: 15rpx; } .y-list.min .y-list-label { margin-right: 10rpx; } .y-list.min .y-list-content { height: 88rpx; } .y-list .uv-list-item__wrapper { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .y-list-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100rpx; padding-left: 34rpx; padding-right: 34rpx; } .y-list-content.avatar { height: 130rpx; } .y-list-label { line-height: 40rpx; font-size: 28rpx; font-weight: 400; color: #999999; margin-right: 30rpx; word-break: normal; word-wrap: normal; text-wrap: nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .y-list-select { line-height: 40rpx; font-size: 28rpx; font-weight: 400; color: #333333; opacity: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .y-list-select-placeholder { color: #999999; line-height: 40rpx; font-size: 28rpx; font-weight: 400; color: #999; opacity: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .y-list-default { font-size: 28rpx; font-weight: 400; color: #333333; opacity: 1; } .y-list-value { line-height: 40rpx; font-size: 28rpx; font-weight: 500; color: #ee6d46; } .y-list-value .uv-input { border: 0; } .y-list .uvicon-arrow-right { font-size: 10rpx !important; } .y-list-avatar { padding: 20rpx 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .y-list-avatar .img { width: 90rpx; height: 90rpx; -webkit-border-radius: 50%; border-radius: 50%; } .uv-list--border-top { background: #e6e6e6 !important; } .uv-list--border-left { background: #e6e6e6 !important; } .uv-list--border-bottom { background: #e6e6e6 !important; } .uv-list--border-right { background: #e6e6e6 !important; } .uv-list--border:after:after { background: #e6e6e6 !important; } .uvicon-arrow-right { color: #999999; } .search-bar { background: #fff; padding: 20rpx 34rpx; } .y-subsection { padding: 20rpx 33rpx 0; } .swiper { width: 100%; } .swiper.detail { height: 750rpx; } .swiper .image { width: 100%; display: block; } .uv-button--info { border-color: #333333 !important; color: #333333 !important; }