mobileclient/packkey/style.css

216 lines
2.9 KiB
CSS
Raw Permalink Normal View History

2024-02-21 16:54:10 +08:00
/* 公用css */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
2024-02-23 14:22:16 +08:00
html,
body {
min-height: 100%;
}
body {
-webkit-user-select: none;
user-select: none;
}
a,
img {
-webkit-touch-callout: none;
}
body {
background-color: #f5f5f9;
}
body.am-bg-white {
background-color: #fff;
}
body,
input,
textarea,
select,
button {
font-size: 16px;
line-height: 1.5;
color: #333;
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
input {
line-height: normal;
}
a {
color: #0af;
text-decoration: none;
}
.fn-clear:after {
content: "\0200";
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
}
.fn-hide {
display: none;
}
.fn-left {
float: left;
}
.fn-right {
float: right;
}
.am-fixed {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 99;
width: 100%;
}
.am-fixed-bottom {
top: inherit;
bottom: 0;
}
.user-select {
-webkit-user-select: auto;
user-select: auto;
}
2024-02-21 16:54:10 +08:00
#app {
width: 100%;
min-height: 100vh;
2024-03-07 14:42:51 +08:00
background-color: #fff;
2024-02-25 16:58:12 +08:00
}
.goods-main {
2024-02-23 14:22:16 +08:00
padding-bottom: 1rem;
}
.demo-swiper.swiper-container {
overflow: hidden;
2024-02-21 16:54:10 +08:00
}
2024-02-23 14:22:16 +08:00
.demo-swiper .swiper-slide {
width: 3.75rem;
height: 3.75rem;
2024-02-21 16:54:10 +08:00
background-color: #bbb;
}
.swiper-slide img {
width: 100%;
}
2024-03-07 14:42:51 +08:00
.bm-goods-info {
border-top: 0.08rem solid #f3f5f7;
background-color: #fff;
padding: 0.3rem 0 0.3rem 0.3rem;
}
2024-02-21 19:18:50 +08:00
.use-mark {
2024-02-21 16:54:10 +08:00
padding-top: 1px;
2024-02-23 14:22:16 +08:00
margin: 0.08rem auto 0 auto;
2024-02-21 16:54:10 +08:00
}
2024-02-21 19:18:50 +08:00
.use-mark img {
2024-02-21 16:54:10 +08:00
width: 100%;
}
2024-03-25 19:39:10 +08:00
.countdown {
position: absolute;
2024-03-25 20:06:00 +08:00
top: 2%;
2024-03-25 19:57:57 +08:00
left: 50%;
2024-03-25 19:39:10 +08:00
display: flex;
align-items: center;
color: #fff;
2024-03-25 19:57:57 +08:00
z-index: 999;
/* 使用transform属性进行微调确保完全居中 */
2024-03-25 20:06:00 +08:00
transform: translate(-50%, 0%);
2024-03-25 19:39:10 +08:00
}
.countdown p {
margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_1.png");
background-size: 100% 100%;
padding: 0.03rem;
}
2024-02-21 16:54:10 +08:00
.footer {
2024-02-23 14:22:16 +08:00
width: 3.75rem;
2024-03-07 14:42:51 +08:00
height: 0.6rem;
2024-02-21 16:54:10 +08:00
background-color: #ffffff;
text-align: center;
2024-03-07 14:42:51 +08:00
/* position: fixed;
bottom: 0; */
2024-02-23 14:22:16 +08:00
padding-top: 0.05rem;
2024-02-21 16:54:10 +08:00
display: flex;
justify-content: center;
}
.footer-btn {
2024-02-23 14:22:16 +08:00
width: 3.43rem;
height: 0.44rem;
2024-02-21 16:54:10 +08:00
background: #437fff;
2024-02-23 14:22:16 +08:00
border-radius: 0.44rem;
2024-02-21 16:54:10 +08:00
border: none;
color: #fff;
2024-02-23 14:22:16 +08:00
font-size: 0.16rem;
2024-02-22 14:05:53 +08:00
font-weight: 600;
}
/* 样式禁用状态下的按钮 */
.footer-btn[disabled] {
/* 可根据需要添加其他样式,如改变背景色、文本颜色等 */
background-color: #d7d7d7;
color: #333333;
2024-02-21 16:54:10 +08:00
}
2024-02-25 16:58:12 +08:00
.bm-red-ljj-bg {
width: 100%;
height: 8.12rem;
position: relative;
text-align: center;
overflow: hidden;
}
.ref-bg-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ljj-btn-img-box {
width: 100%;
height: auto;
position: fixed;
bottom: 0.2rem;
left: 0;
text-align: center;
}
.ljj-btn-img {
2024-03-25 20:58:28 +08:00
width: 2.39rem;
height: 0.705rem;
2024-02-25 16:58:12 +08:00
}
.ysf-btn-img {
width: 2.51rem;
height: 0.46rem;
}
.hb-btn1 {
width: 2.7rem;
height: 0.56rem;
}