5568 lines
91 KiB
Plaintext
5568 lines
91 KiB
Plaintext
@import 'public.less';
|
|
@import 'tailwind.less';
|
|
|
|
@proColor: #841e36;
|
|
|
|
.home {
|
|
font-size: 8vw;
|
|
}
|
|
|
|
.login {
|
|
.b_l_w;
|
|
.box;
|
|
.box-wrap;
|
|
padding: 24vw 0 0;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: #1B1A20;
|
|
background-image: url(/img/login-bg.jpg);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: -1;
|
|
}
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.logo {
|
|
margin-bottom: 7.2vw;
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-center;
|
|
|
|
.fonts {
|
|
margin-left: 4vw;
|
|
}
|
|
|
|
b {
|
|
font-size: 5.33vw;
|
|
line-height: 6.67vw;
|
|
color: #841e36;
|
|
}
|
|
|
|
p {
|
|
line-height: 6.67vw;
|
|
color: #000000;
|
|
}
|
|
|
|
img {
|
|
height: 31.2vw;
|
|
}
|
|
}
|
|
|
|
.contaiar {
|
|
padding: 0 3.33vw;
|
|
}
|
|
|
|
.lg_box {
|
|
background: #fff;
|
|
border-radius: 2.67vw;
|
|
padding: 4vw 4.53vw;
|
|
|
|
.line {
|
|
margin-top: 4.27vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
.title {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
img {
|
|
width: 3.73vw;
|
|
}
|
|
|
|
span {
|
|
margin-left: 2.67vw;
|
|
font-size: 4vw;
|
|
line-height: 6.67vw;
|
|
color: #222222;
|
|
}
|
|
}
|
|
|
|
.input_box {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
.hqyzm {
|
|
.bs;
|
|
font-size: 3.2vw;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
width: 26.67vw;
|
|
height: 6.67vw;
|
|
background-color: #841e36;
|
|
border-radius: 3.33vw;
|
|
}
|
|
}
|
|
|
|
input {
|
|
border: none;
|
|
width: 100%;
|
|
padding: 3.33vw 0;
|
|
font-size: 3.47vw;
|
|
color: #333;
|
|
}
|
|
|
|
:-ms-input-placeholder,
|
|
::-webkit-input-placeholder,
|
|
input::placeholder {
|
|
color: #999;
|
|
}
|
|
}
|
|
}
|
|
|
|
.submit {
|
|
border: none;
|
|
margin-top: 8vw;
|
|
width: 100%;
|
|
background-color: #841e36;
|
|
border-radius: 6.67vw;
|
|
font-size: 4.8vw;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.agreement {
|
|
.box;
|
|
.center;
|
|
.box-center-center;
|
|
margin-top: 5.6vw;
|
|
width: 100%;
|
|
}
|
|
|
|
.toLogin {
|
|
.box;
|
|
.box-center-center;
|
|
margin-top: 4vw;
|
|
|
|
.ct1 {
|
|
font-size: 4vw;
|
|
line-height: 6.67vw;
|
|
color: #ca2904;
|
|
}
|
|
|
|
.ct2 {
|
|
font-size: 4vw;
|
|
line-height: 6.67vw;
|
|
color: #ca2904;
|
|
|
|
p {
|
|
padding: 0 4vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.my {
|
|
// .b_l_w;
|
|
.f5;
|
|
background: url(/img/my-bg.jpg) no-repeat;
|
|
background-size: 100% auto;
|
|
min-height: 80vw;
|
|
padding: 0 4vw 8vw;
|
|
|
|
// >div {
|
|
// .b_l_w;
|
|
// }
|
|
|
|
.top {
|
|
height: 35.6vw;
|
|
.box;
|
|
.bs;
|
|
.box-align-center;
|
|
|
|
.vBicon {
|
|
.box;
|
|
.box-center-center;
|
|
border-radius: 2.27vw;
|
|
padding: 0 2.27vw 0 4.93vw;
|
|
margin-right: 2.93vw;
|
|
position: relative;
|
|
height: 4.53vw;
|
|
|
|
|
|
&::after {
|
|
content: '';
|
|
height: 4.53vw;
|
|
width: 100%;
|
|
z-index: 1;
|
|
left: -2vw;
|
|
bottom: 0;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
.vip {
|
|
color: #fbd797;
|
|
background-color: #422717;
|
|
|
|
&::after {
|
|
background: url(/img/label-1.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 100%;
|
|
}
|
|
}
|
|
|
|
.svip {
|
|
color: #ed7c2e;
|
|
background-color: #ffffff;
|
|
|
|
&::after {
|
|
background: url(/img/label-2.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 100%;
|
|
left: -1vw;
|
|
}
|
|
}
|
|
|
|
.director {
|
|
background-color: #ffffff;
|
|
color: #1d85ff;
|
|
|
|
&::after {
|
|
background: url(/img/label-3.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 100%;
|
|
left: -1vw;
|
|
}
|
|
|
|
}
|
|
|
|
.shopcenter {
|
|
.r;
|
|
.box;
|
|
.box-align-center;
|
|
position: absolute;
|
|
.bs;
|
|
font-size: 3.47vw;
|
|
.b;
|
|
right: 0;
|
|
height: 6.67vw;
|
|
background-color: #842a1e;
|
|
border-radius: 3.33vw 0vw 0vw 3.33vw;
|
|
padding: 0 2.8vw;
|
|
// margin-top: -10vw;
|
|
white-space: nowrap;
|
|
|
|
img {
|
|
height: 3.33vw;
|
|
margin-right: 1.6vw;
|
|
}
|
|
}
|
|
|
|
.avatar {
|
|
width: 18vw;
|
|
height: 18vw;
|
|
background-color: #eee;
|
|
border: solid .4vw #fff;
|
|
margin: 0 7.333vw 0 1.6vw;
|
|
.y50;
|
|
}
|
|
|
|
._info {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
height: 18vw;
|
|
|
|
.name {
|
|
font-size: 4.8vw;
|
|
.b;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.user {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
img {
|
|
height: 3.2vw;
|
|
margin-right: 1.867vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.wallet_box {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-around;
|
|
height: 23.2vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
margin-bottom: 4vw;
|
|
|
|
>div:last-child {
|
|
border: none;
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
width: 33%;
|
|
height: 11.87vw;
|
|
border-right: 1px #f5f5f580 solid;
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
img {
|
|
width: 3.73vw;
|
|
height: 3.73vw;
|
|
}
|
|
|
|
span {
|
|
font-size: 3.47vw;
|
|
margin-left: 1.6vw;
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
b {
|
|
font-size: 4.53vw;
|
|
color: #222222;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.my_order {
|
|
.box;
|
|
.box-tb;
|
|
padding: 3.6vw 2.67vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
margin-bottom: 4vw;
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
padding-bottom: 3.6vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
b {
|
|
font-size: 4.8vw;
|
|
color: #222222;
|
|
}
|
|
|
|
span {
|
|
color: #999999;
|
|
}
|
|
}
|
|
|
|
.c {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-around;
|
|
width: 100%;
|
|
margin-top: 3.6vw;
|
|
|
|
.st_box {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
|
|
img {
|
|
height: 5.87vw;
|
|
}
|
|
|
|
p {
|
|
color: #333333;
|
|
margin-top: 3.33vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.fast_to {
|
|
.box;
|
|
.box-pack-between;
|
|
flex-wrap: wrap;
|
|
gap: 2.4vw;
|
|
|
|
img {
|
|
width: 44.8vw;
|
|
height: 17.33vw;
|
|
background-color: #c2715c;
|
|
border-radius: 1.6vw;
|
|
}
|
|
}
|
|
|
|
.service_center {
|
|
.box;
|
|
.box-tb;
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
padding: 4vw 2.67vw 1.2vw;
|
|
margin-top: 4vw;
|
|
|
|
.tit {
|
|
font-size: 4.8vw;
|
|
color: #222222;
|
|
}
|
|
|
|
.list {
|
|
.box;
|
|
.box-tb;
|
|
|
|
>div:last-child {
|
|
border: none;
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
height: 12vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
img {
|
|
width: 4.27vw;
|
|
}
|
|
|
|
span {
|
|
font-size: 4vw;
|
|
margin-left: 3.2vw;
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.index-page {
|
|
.b_l_w;
|
|
.f5;
|
|
|
|
.k {
|
|
.b_l_w;
|
|
.b_k;
|
|
border-radius: 1.333vw;
|
|
margin: 0 0 4vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.data {
|
|
.box;
|
|
.box-align-center;
|
|
.b_k;
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
margin: 4vw 0;
|
|
height: 16vw;
|
|
|
|
._d {
|
|
.text-center;
|
|
width: 18vw;
|
|
height: 10.667vw;
|
|
border-right: 1px solid #f1f1f1;
|
|
font-size: 3.2vw;
|
|
|
|
p {
|
|
.b;
|
|
font-size: 5.333vw;
|
|
}
|
|
}
|
|
|
|
.v {
|
|
a {
|
|
width: 75vw;
|
|
font-size: 4vw;
|
|
.text-hide(1);
|
|
height: 6vw;
|
|
line-height: 6vw;
|
|
padding-right: 2vw;
|
|
|
|
span {
|
|
display: inline-block;
|
|
.y50;
|
|
width: 1.333vw;
|
|
height: 1.333vw;
|
|
background-color: #222;
|
|
vertical-align: top;
|
|
margin: 2.2vw 2.133vw 0 3.6vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// .column4 {
|
|
// .box;
|
|
// background: #fff;
|
|
// margin-bottom: 4vw;
|
|
// padding: 5.33vw 0;
|
|
// color: #020202;
|
|
// border-radius: 1.33vw;
|
|
|
|
// >div {
|
|
// .box;
|
|
// .box-tb;
|
|
// .box-align-center;
|
|
// width: 25%;
|
|
|
|
// img {
|
|
// height: 6.13vw;
|
|
// margin-bottom: 2vw;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
.column3_part {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
height: 35vw;
|
|
margin-bottom: 4vw;
|
|
|
|
img {
|
|
height: 10vw;
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
width: 29vw;
|
|
height: 100%;
|
|
padding: 6vw;
|
|
white-space: nowrap;
|
|
|
|
span {
|
|
color: #222222;
|
|
font-size: 3.47vw;
|
|
}
|
|
|
|
p {
|
|
color: #841e36;
|
|
}
|
|
}
|
|
|
|
.p1 {
|
|
background: url(/img/col-bg-i1.png) no-repeat;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
.p2 {
|
|
background: url(/img/col-bg-i2.png) no-repeat;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
.p3 {
|
|
background: url(/img/col-bg-i3.png) no-repeat;
|
|
background-size: 100% auto;
|
|
}
|
|
}
|
|
|
|
.tomall {
|
|
.box;
|
|
.box-pack-between;
|
|
margin-bottom: 4vw;
|
|
|
|
.base_box {
|
|
.box;
|
|
width: 44.8vw;
|
|
height: 28vw;
|
|
padding: 2.8vw;
|
|
padding-top: 4.8vw;
|
|
border-radius: 2vw;
|
|
flex-wrap: wrap;
|
|
border: solid 0.13vw #ffffff;
|
|
|
|
.top {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-start;
|
|
margin-bottom: 2.67vw;
|
|
|
|
b {
|
|
font-size: 4.27vw;
|
|
margin-bottom: 2.8vw;
|
|
}
|
|
}
|
|
|
|
img {
|
|
height: 13.87vw;
|
|
margin-left: auto;
|
|
margin-top: auto;
|
|
}
|
|
}
|
|
|
|
.left {
|
|
background-color: #a14d4d;
|
|
|
|
.top {
|
|
b {
|
|
color: #fde5c6;
|
|
}
|
|
|
|
span {
|
|
color: #eedabb;
|
|
}
|
|
}
|
|
}
|
|
|
|
.right {
|
|
background-color: #fde5c6;
|
|
|
|
.top {
|
|
b {
|
|
color: #933e3e;
|
|
}
|
|
|
|
span {
|
|
color: #933e3e;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.mx-auto {
|
|
width: 92vw;
|
|
}
|
|
|
|
.tit {
|
|
.b_l_w;
|
|
height: 10.733vw;
|
|
line-height: 10.733vw;
|
|
font-size: 4.8vw;
|
|
position: relative;
|
|
padding: 0 2vw;
|
|
.box;
|
|
.box-align-center;
|
|
|
|
span {
|
|
// width: 30%;
|
|
position: relative;
|
|
z-index: 2;
|
|
overflow: visible;
|
|
.b;
|
|
|
|
// &::after {
|
|
// content: '';
|
|
// position: absolute;
|
|
// top: .5vw;
|
|
// right: -3.8vw;
|
|
// z-index: 1;
|
|
// width: 8.8vw;
|
|
// height: 8.67vw;
|
|
// background: url(/img/maisui.png) no-repeat;
|
|
// background-size: 100% 100%;
|
|
// }
|
|
|
|
}
|
|
|
|
|
|
font {
|
|
background: -webkit-linear-gradient(right, #8fe72b, #077e43);
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
a {
|
|
.r;
|
|
font-size: 3.733vw;
|
|
color: #686868;
|
|
}
|
|
|
|
// p {
|
|
// position: absolute;
|
|
// content: '';
|
|
// width: 17.333vw;
|
|
// height: 2vw;
|
|
// background-color: #f9d339;
|
|
// border-radius: 1vw;
|
|
// z-index: 1;
|
|
// top: 9vw;
|
|
// left: 4.7vw;
|
|
// }
|
|
}
|
|
|
|
.k {
|
|
padding: 4vw 3.2vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.video_box {
|
|
padding-bottom: 0;
|
|
position: relative;
|
|
height: 62.2vw;
|
|
|
|
video {
|
|
width: 100%;
|
|
height: 46.67vw;
|
|
background-color: #f7f7f7;
|
|
border-radius: 1.6vw;
|
|
object-fit: cover;
|
|
display: block;
|
|
// clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
button {
|
|
.bs;
|
|
position: absolute;
|
|
bottom: 0vw;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
z-index: 2;
|
|
font-size: 4vw;
|
|
font-weight: bold;
|
|
width: 50.4vw;
|
|
height: 9.87vw;
|
|
background-color: #841e36;
|
|
border-radius: 4.93vw;
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.news {
|
|
border-radius: 3.333vw 3.333vw 0 0;
|
|
// padding: 0 0 11.333vw;
|
|
position: relative;
|
|
.b_k;
|
|
|
|
.c {
|
|
.b_l_w;
|
|
}
|
|
|
|
.list {
|
|
.b_l_w;
|
|
.box;
|
|
.box-pack-between;
|
|
.box-align-center;
|
|
// background: #f5f5f5;
|
|
min-height: 26.667vw;
|
|
// padding: 3.333vw 2.667vw;
|
|
padding: 0 1.2vw;
|
|
border-radius: 2.667vw;
|
|
// margin: 0 0 3.333vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
&:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
img {
|
|
width: 19.733vw;
|
|
height: 19.733vw;
|
|
border-radius: 1.333vw;
|
|
display: block;
|
|
margin-right: 2.87vw;
|
|
}
|
|
|
|
>div {
|
|
width: 63vw;
|
|
min-height: 20vw;
|
|
.box;
|
|
.box-wrap;
|
|
align-content: space-between;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.titname {
|
|
font-size: 3.733vw;
|
|
font-weight: bold;
|
|
.text-hide-1;
|
|
}
|
|
|
|
.lab {
|
|
margin: 2vw 0;
|
|
font-size: 2.933vw;
|
|
.text-hide(2);
|
|
}
|
|
|
|
.times {
|
|
font-size: 3.2vw;
|
|
color: #c2c2c2;
|
|
}
|
|
}
|
|
}
|
|
|
|
>a {
|
|
.b_l_w;
|
|
height: 10vw;
|
|
.box;
|
|
.box-pack-center;
|
|
.box-align-center;
|
|
|
|
img {
|
|
height: 4vw;
|
|
}
|
|
}
|
|
|
|
.more {
|
|
.b_l_w;
|
|
.box;
|
|
.box-center-center;
|
|
height: 10.4vw;
|
|
font-size: 8vw;
|
|
left: 0;
|
|
bottom: .667vw;
|
|
|
|
img {
|
|
height: 4vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.Business_School {
|
|
.b_l_w;
|
|
width: 100%;
|
|
// padding: 0 3.33vw;
|
|
|
|
// height: 100vmax;
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.banner {
|
|
width: 100%;
|
|
}
|
|
|
|
// &::before {
|
|
// content: '';
|
|
// width: 100vw;
|
|
// height: 100vh;
|
|
// position: fixed;
|
|
// left: 0;
|
|
// background: #f5f5f5;
|
|
// z-index: -1;
|
|
// background: url(/img/Business_School_bg.jpg) no-repeat;
|
|
// background-size: 100vw auto;
|
|
// }
|
|
|
|
.list_box {
|
|
width: 100%;
|
|
// height: 100vh;
|
|
position: relative;
|
|
// background: url(/img/bs-bg.png) no-repeat;
|
|
// background-size: 100% auto;
|
|
z-index: 1;
|
|
margin-top: -8vw;
|
|
// padding: 2.67vw 3.47vw;
|
|
overflow: hidden;
|
|
background-color: #ffffff;
|
|
border-radius: 8vw 8vw 0vw 0vw;
|
|
}
|
|
|
|
.list_item {
|
|
margin-top: 4.8vw;
|
|
background-color: #fefefe;
|
|
border-radius: 0 0 5.33vw 5.33vw;
|
|
padding: 0 3.47vw;
|
|
overflow: hidden;
|
|
|
|
.school-list {
|
|
width: 100%;
|
|
height: 26.667vw;
|
|
padding: 3.333vw 2.667vw;
|
|
background-color: #f9f9f9;
|
|
border-radius: 2vw;
|
|
position: relative;
|
|
margin-bottom: 4vw;
|
|
.box;
|
|
|
|
.img {
|
|
width: 20vw;
|
|
height: 20vw;
|
|
position: relative;
|
|
margin-right: 3vw;
|
|
|
|
.t1 {
|
|
width: 20vw;
|
|
height: 20vw;
|
|
border-radius: 1.333vw;
|
|
margin-right: 3vw;
|
|
}
|
|
|
|
.i1 {
|
|
position: absolute;
|
|
bottom: .267vw;
|
|
left: -1.467vw;
|
|
height: 7.6vw;
|
|
z-index: 2;
|
|
}
|
|
|
|
.lock {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: rgba(0, 0, 0, .4);
|
|
width: 100%;
|
|
height: 100%;
|
|
.box;
|
|
.box-center-center;
|
|
border-radius: 1.333vw;
|
|
|
|
img {
|
|
height: 5.733vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.c {
|
|
width: 65vw;
|
|
height: 20vw;
|
|
.box;
|
|
.box-wrap;
|
|
align-content: space-around;
|
|
|
|
>* {
|
|
.b_l_w;
|
|
}
|
|
|
|
.name {
|
|
.text-hide(1);
|
|
|
|
.lv {
|
|
display: inline-block;
|
|
height: 4.533vw;
|
|
background-image: linear-gradient(93deg,
|
|
#000000 0%,
|
|
#444444 100%);
|
|
border-radius: 1.333vw;
|
|
.bs;
|
|
padding: 0 2vw;
|
|
margin-right: 1.867vw;
|
|
}
|
|
|
|
b {
|
|
font-size: 3.733vw;
|
|
}
|
|
}
|
|
|
|
.label {
|
|
max-height: 8vw;
|
|
line-height: 4vw;
|
|
.text-hide(2);
|
|
}
|
|
|
|
.times {
|
|
font-size: 3.2vw;
|
|
color: #999;
|
|
.box;
|
|
|
|
span:last-child {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.gift {
|
|
.b_l_w;
|
|
min-height: 100vh;
|
|
background: #f0caca;
|
|
background-size: 100% auto;
|
|
padding: 4vw 3.33vw;
|
|
padding-bottom: 10vw;
|
|
|
|
.logo_box {
|
|
.box;
|
|
.box-center-center;
|
|
padding-top: 8.67vw;
|
|
margin-bottom: 12vw;
|
|
|
|
img {
|
|
height: 32.4vw;
|
|
}
|
|
}
|
|
|
|
.agreement {
|
|
.box;
|
|
.box-center-center;
|
|
margin-top: 3vw;
|
|
white-space: nowrap;
|
|
|
|
a {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
// >div {
|
|
// .b_l_w;
|
|
// }
|
|
|
|
.gift_box {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
// margin-top: 35.73vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
padding: 2.67vw;
|
|
background: url(/img/gift_bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
|
|
>div {
|
|
width: 100%;
|
|
}
|
|
|
|
.tit_icon {
|
|
width: 48.13vw;
|
|
position: absolute;
|
|
left: 21.87vw;
|
|
top: -4vw;
|
|
}
|
|
|
|
.title_box {
|
|
.box;
|
|
.box-center-center;
|
|
width: 100%;
|
|
padding: 3.33vw 0;
|
|
|
|
img {
|
|
width: 8vw;
|
|
height: 8vw;
|
|
margin-right: 1.2vw;
|
|
}
|
|
|
|
b {
|
|
font-size: 4.67vw;
|
|
color: #151515;
|
|
}
|
|
}
|
|
|
|
.big_box {
|
|
padding: 2.93vw 2.67vw;
|
|
background-color: #ffffff;
|
|
border-radius: 3.33vw;
|
|
border: solid 0.13vw #85cb58;
|
|
}
|
|
|
|
.choose {
|
|
.box;
|
|
.box-align-center;
|
|
// margin-top: 4vw;
|
|
// background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
background: url(/img/gift_bg1.png);
|
|
background-size: 100% 100%;
|
|
// border: solid 0.13vw #85cb58;
|
|
padding: 4vw 4vw;
|
|
margin-top: 6.53vw;
|
|
width: 100%;
|
|
|
|
.choose_img {
|
|
width: 24vw;
|
|
height: 24vw;
|
|
border-radius: 1.85vw;
|
|
margin-right: 3.33vw;
|
|
}
|
|
|
|
.choose_box {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
height: 24vw;
|
|
|
|
.title {
|
|
font-size: 4.67vw;
|
|
font-weight: bold;
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
|
|
.choose_icon {
|
|
width: 3.2vw;
|
|
height: 4vw;
|
|
margin-right: 1.33vw;
|
|
}
|
|
|
|
b {
|
|
color: #ff0000;
|
|
}
|
|
}
|
|
|
|
.choose_item {
|
|
.box;
|
|
.box-align-end;
|
|
white-space: nowrap;
|
|
|
|
.btn1 {
|
|
.box;
|
|
.box-center-center;
|
|
height: 7.73vw;
|
|
background-color: #1b1b1b;
|
|
border-radius: 0.93vw;
|
|
padding: 0 3.33vw 0 1.67vw;
|
|
clip-path: polygon(0 0, 100% 0, calc(100% - 2vw) 100%, 0% 100%);
|
|
|
|
span {
|
|
color: #ffffff;
|
|
|
|
b {
|
|
font-size: 6vw;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn2 {
|
|
.box;
|
|
.bs;
|
|
.box-center-center;
|
|
height: 7.47vw;
|
|
background-color: #841e36;
|
|
border-radius: 0.93vw;
|
|
padding: 0 4.33vw;
|
|
padding-right: 2.4vw;
|
|
font-size: 4vw;
|
|
font-weight: bold;
|
|
margin-left: -2.67vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.detail {
|
|
.box;
|
|
.box-tb;
|
|
background: url(/img/gift_bg2.png);
|
|
background-size: 100% 100%;
|
|
margin-top: 4vw;
|
|
padding: 4vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
padding: 1.67vw 0;
|
|
|
|
.title {
|
|
font-weight: bold;
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
span {
|
|
.box;
|
|
.box-align-end;
|
|
color: #1b1b1b;
|
|
font-weight: bold;
|
|
|
|
p {
|
|
font-size: 4.67vw;
|
|
|
|
font {
|
|
font-size: 3.2vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
b {
|
|
.box;
|
|
font-size: 4.53vw;
|
|
color: #841e36;
|
|
|
|
span {
|
|
color: #841e36;
|
|
font-size: 3.2vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.address {
|
|
.box;
|
|
.box-tb;
|
|
background: url(/img/gift_bg3.png);
|
|
background-size: 100% 100%;
|
|
margin-top: 4vw;
|
|
padding: 4vw;
|
|
color: #b1867c;
|
|
|
|
.van-field {
|
|
color: #b1867c;
|
|
}
|
|
|
|
.van-cell {
|
|
padding: 0;
|
|
background: transparent;
|
|
|
|
&::after {
|
|
content: none;
|
|
}
|
|
}
|
|
|
|
.input {
|
|
.box;
|
|
.box-align-center;
|
|
padding-bottom: 3.33vw;
|
|
margin-top: 3.33vw;
|
|
border-bottom: solid 0.13vw #33333380;
|
|
|
|
.img {
|
|
.box;
|
|
.box-pack-center;
|
|
min-width: 3.33vw;
|
|
}
|
|
|
|
img {
|
|
width: 3.33vw;
|
|
height: 3.33vw;
|
|
}
|
|
|
|
input {
|
|
width: 100%;
|
|
border: none;
|
|
background-color: transparent;
|
|
font-size: 3.33vw;
|
|
color: #333;
|
|
margin-left: 2.67vw;
|
|
|
|
&::-webkit-input-placeholder {
|
|
color: #b1867c;
|
|
}
|
|
}
|
|
|
|
.btn_box {
|
|
.box;
|
|
margin-left: 3.33vw;
|
|
|
|
button {
|
|
margin-right: 2.67vw;
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
.r;
|
|
.box;
|
|
.box-align-center;
|
|
border: none;
|
|
.bs;
|
|
height: 6.67vw;
|
|
background-color: #841e36;
|
|
border-radius: 3.33vw;
|
|
white-space: nowrap;
|
|
padding: 0 2.4vw;
|
|
|
|
img {
|
|
width: 2vw;
|
|
height: 1.73vw;
|
|
margin-left: 1.33vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.commit {
|
|
width: 53.33vw;
|
|
height: 9.87vw;
|
|
background-color: #841e36;
|
|
border-radius: 4.93vw;
|
|
border: none;
|
|
// background-color: #fbcd15;
|
|
// border-radius: 5.67vw;
|
|
font-size: 4.27vw;
|
|
font-weight: bold;
|
|
letter-spacing: 0.85vw;
|
|
color: #000000;
|
|
margin-top: 8vw;
|
|
.bs;
|
|
}
|
|
|
|
.toList {
|
|
text-decoration: underline;
|
|
font-size: 4vw;
|
|
color: #841e36;
|
|
margin-top: 4vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.agriculture {
|
|
.f5;
|
|
|
|
// &::before {
|
|
// background: url(/img/agri_bg.png) no-repeat #f5f5f5;
|
|
// background-size: 100% auto;
|
|
// }
|
|
|
|
.top {
|
|
.box;
|
|
.box-tb;
|
|
position: relative;
|
|
|
|
.search {
|
|
.box;
|
|
.box-align-center;
|
|
width: 92.13vw;
|
|
height: 9.47vw;
|
|
background-color: #eeeeee80;
|
|
border-radius: 4.67vw;
|
|
padding: 0 4.67vw;
|
|
position: absolute;
|
|
top: 2.53vw;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
img {
|
|
width: 4vw;
|
|
margin-right: 4.4vw;
|
|
}
|
|
|
|
input::placeholder {
|
|
color: #ffffff;
|
|
}
|
|
|
|
input {
|
|
width: 100%;
|
|
height: auto;
|
|
border: none;
|
|
background: transparent;
|
|
font-size: 3.47vw;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tabs {
|
|
.box;
|
|
.box-align-center;
|
|
padding-right: 2.4vw;
|
|
// margin-top: 40vw;
|
|
|
|
.van-tabs__nav {
|
|
background: transparent;
|
|
}
|
|
|
|
.van-tab__text--ellipsis {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.van-tab--active {
|
|
&::before {
|
|
position: absolute;
|
|
bottom: 2vw;
|
|
right: 0;
|
|
content: '';
|
|
width: 8.93vw;
|
|
height: 7.47vw;
|
|
background: url(/img/leaf.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.goods_list {
|
|
.box;
|
|
.box-pack-between;
|
|
flex-wrap: wrap;
|
|
padding: 0 2.4vw;
|
|
|
|
.goods_item {
|
|
.box;
|
|
.box-tb;
|
|
width: 46.53vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.33vw;
|
|
margin-bottom: 3.6vw;
|
|
|
|
img {
|
|
width: 46.53vw;
|
|
}
|
|
|
|
.title {
|
|
.text-hide(2);
|
|
font-size: 3.73vw;
|
|
color: #000000;
|
|
line-height: 4vw;
|
|
margin-bottom: 3.73vw;
|
|
min-height: 8vw;
|
|
}
|
|
|
|
.money {
|
|
.box;
|
|
|
|
span {
|
|
font-size: 4vw;
|
|
color: #ff4a26;
|
|
font-weight: bold;
|
|
}
|
|
|
|
b {
|
|
font-size: 4.97vw;
|
|
}
|
|
}
|
|
|
|
p {
|
|
font-size: 3.33vw;
|
|
color: #a2a2a2;
|
|
text-decoration: line-through;
|
|
margin-bottom: 2.4vw;
|
|
}
|
|
|
|
>div {
|
|
padding: 2.93vw 2vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.GoodsDetail {
|
|
.b_l_w;
|
|
.f5;
|
|
|
|
.banner {
|
|
.b_l_w;
|
|
margin: 0 0 4vw;
|
|
|
|
.custom-indicator {
|
|
position: absolute;
|
|
left: 3.733vw;
|
|
bottom: 3.733vw;
|
|
padding: 1vw 2vw;
|
|
border-radius: .667vw;
|
|
.bs;
|
|
background: rgba(0, 0, 0, .6);
|
|
}
|
|
}
|
|
|
|
.mx-auto {
|
|
width: 92.267vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
.b_k;
|
|
margin-bottom: 3.333vw;
|
|
border-radius: 2.667vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.top {
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.t {
|
|
height: 15.867vw;
|
|
background-image: linear-gradient(90deg,
|
|
#ff7550 0%,
|
|
#fd4249 100%);
|
|
border-radius: 2.667vw;
|
|
position: relative;
|
|
.box;
|
|
.box-align-center;
|
|
padding: 0 5vw;
|
|
.bs;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 21.467vw;
|
|
height: 15.867vw;
|
|
background: url(/img/GroupShopDetail-bg-1.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
border-radius: .667vw;
|
|
}
|
|
|
|
>b {
|
|
font-size: 9.165vw;
|
|
|
|
span {
|
|
font-size: 4vw;
|
|
}
|
|
}
|
|
|
|
.m {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-center;
|
|
margin-left: 4vw;
|
|
padding-bottom: 1vw;
|
|
|
|
p {
|
|
margin-top: 1vw;
|
|
height: 4.267vw;
|
|
line-height: 4.267vw;
|
|
background-color: #ffe07c;
|
|
border-radius: .667vw;
|
|
color: #2f2f2f;
|
|
padding: 0 1vw;
|
|
}
|
|
}
|
|
|
|
.r {
|
|
.box;
|
|
.box-align-center;
|
|
line-height: 3.733vw;
|
|
white-space: nowrap;
|
|
|
|
span {
|
|
width: 3.733vw;
|
|
height: 3.733vw;
|
|
.b_k;
|
|
.center;
|
|
color: #eb3941;
|
|
border-radius: .667vw;
|
|
margin-right: 1.3vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.c {
|
|
padding: 3vw 4vw;
|
|
position: relative;
|
|
.box;
|
|
.box-tb;
|
|
|
|
.name {
|
|
font-size: 4.533vw;
|
|
|
|
span {
|
|
background: #222;
|
|
.bs;
|
|
height: 4.8vw;
|
|
line-height: 4.8vw;
|
|
border-radius: 1vw;
|
|
font-size: 3.2vw;
|
|
display: inline-block;
|
|
padding: 0 1.5vw;
|
|
margin-right: 1.2vw;
|
|
}
|
|
}
|
|
|
|
.remark {
|
|
padding-right: 8vw;
|
|
color: #979ba6;
|
|
margin: 3vw 0;
|
|
}
|
|
|
|
.price {
|
|
.w;
|
|
.box;
|
|
height: 8vw;
|
|
line-height: 6vw;
|
|
|
|
b {
|
|
font-size: 4.667vw;
|
|
color: #f00;
|
|
|
|
span {
|
|
font-size: 3.2vw;
|
|
}
|
|
}
|
|
|
|
s {
|
|
margin: .3vw 0 0 2vw;
|
|
color: #979ba6;
|
|
}
|
|
|
|
p {
|
|
.r;
|
|
color: #979ba6;
|
|
}
|
|
}
|
|
|
|
.give {
|
|
.box;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
padding-bottom: 3vw;
|
|
margin-bottom: 3vw;
|
|
|
|
div {
|
|
height: 5.333vw;
|
|
background-color: #fff9ee;
|
|
border-radius: 1.333vw;
|
|
border: solid 1px #ecb658;
|
|
.box;
|
|
.box-align-center;
|
|
color: #c49237;
|
|
font-size: 2.933vw;
|
|
line-height: calc(~'5.333vw - 2px');
|
|
padding: 0 1.333vw;
|
|
margin-right: 2.667vw;
|
|
white-space: nowrap;
|
|
|
|
img {
|
|
height: 3.333vw;
|
|
margin-right: 1.467vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.label {
|
|
.box;
|
|
.box-pack-between;
|
|
.w;
|
|
|
|
span {
|
|
.box;
|
|
.box-align-center;
|
|
white-space: nowrap;
|
|
font-size: 3.467vw;
|
|
color: #17133c;
|
|
margin-right: 2.667vw;
|
|
|
|
img {
|
|
height: 3.2vw;
|
|
margin-right: 1.467vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
a.share {
|
|
position: absolute;
|
|
top: 4vw;
|
|
right: 3.733vw;
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
|
|
img {
|
|
height: 5.2vw;
|
|
margin-bottom: .5vw;
|
|
}
|
|
|
|
p {
|
|
color: #484848;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
._sku {
|
|
.van-cell__left-icon {
|
|
.box;
|
|
.box-align-center;
|
|
}
|
|
|
|
.van-cell__title {
|
|
.text-hide(1);
|
|
}
|
|
|
|
.span {
|
|
font-size: 3.2vw;
|
|
color: #ccc;
|
|
}
|
|
}
|
|
|
|
._coupon {
|
|
height: 12vw;
|
|
padding: 0 3.333vw;
|
|
.box;
|
|
.box-align-center;
|
|
|
|
div {
|
|
height: 5.333vw;
|
|
background-color: #ffeeed;
|
|
border-radius: 1.333vw;
|
|
border: solid 1px #d0241c;
|
|
.box;
|
|
.box-align-center;
|
|
color: #d0241c;
|
|
line-height: calc(~'5.333vw - 2px');
|
|
padding: 0 2.667vw;
|
|
margin-left: 2.667vw;
|
|
white-space: nowrap;
|
|
|
|
img {
|
|
height: 3.333vw;
|
|
margin-right: 1.467vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
._video {
|
|
position: fixed;
|
|
right: 2.4vw;
|
|
bottom: 55.467vw;
|
|
width: 14.667vw;
|
|
height: 13.333vw;
|
|
background-color: #707070;
|
|
border-radius: 1.333vw;
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-center;
|
|
.box-align-center;
|
|
.bs;
|
|
|
|
img {
|
|
height: 5.333vw;
|
|
margin-bottom: 1.2vw;
|
|
}
|
|
}
|
|
|
|
.title {
|
|
.box;
|
|
.box-tb;
|
|
padding: 4vw 5.2vw;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
font-size: 3.6vw;
|
|
color: #17133c;
|
|
white-space: nowrap;
|
|
|
|
img {
|
|
height: 3.6vw;
|
|
margin-right: 1.6vw;
|
|
}
|
|
}
|
|
|
|
.m {
|
|
.box;
|
|
.box-align-center;
|
|
margin-top: 1.5vw;
|
|
|
|
span {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
p {
|
|
color: #fd4b42;
|
|
}
|
|
}
|
|
|
|
.r {
|
|
margin-right: -2vw;
|
|
.box;
|
|
.box-align-center;
|
|
font-size: 3.2vw;
|
|
line-height: 4vw;
|
|
|
|
.van-count-down {
|
|
min-width: 19vw;
|
|
margin-left: 1.5vw;
|
|
font-size: 3.2vw;
|
|
color: #ff7928;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.rule {
|
|
.c {
|
|
.w;
|
|
padding: 0 5.2vw;
|
|
|
|
.row {
|
|
.w;
|
|
height: 19.6vw;
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
font-size: 3.072vw;
|
|
color: #636363;
|
|
|
|
.d1 {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
min-width: 15vw;
|
|
|
|
img {
|
|
height: 6vw;
|
|
margin-bottom: 3vw;
|
|
}
|
|
|
|
p {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.d2 {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
height: 13vw;
|
|
width: 16.267vw;
|
|
|
|
p {
|
|
.box;
|
|
.box-align-center;
|
|
line-height: 3.6vw;
|
|
.center;
|
|
.w;
|
|
white-space: nowrap;
|
|
|
|
img {
|
|
height: 3.6vw;
|
|
}
|
|
|
|
span {
|
|
.w;
|
|
}
|
|
|
|
font {
|
|
color: rgb(244, 30, 30);
|
|
}
|
|
}
|
|
}
|
|
|
|
div:last-child {
|
|
width: 20vw;
|
|
}
|
|
|
|
>img {
|
|
height: 3.6vw;
|
|
}
|
|
|
|
.img {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
height: 13vw;
|
|
|
|
img {
|
|
height: 3.6vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.join {
|
|
.c {
|
|
.w;
|
|
padding: 0 5.2vw;
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-center;
|
|
position: relative;
|
|
|
|
p {
|
|
color: #acacac;
|
|
margin-top: 3vw;
|
|
|
|
span {
|
|
color: #f41e1e;
|
|
}
|
|
}
|
|
|
|
._c {
|
|
.box;
|
|
.box-wrap;
|
|
margin-top: 4vw;
|
|
|
|
>img {
|
|
.y50;
|
|
width: 11.067vw;
|
|
height: 11.067vw;
|
|
margin: 0 3vw 3vw 0;
|
|
|
|
&:nth-child(6n) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.a {
|
|
border: solid 1px #ff5858;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.html {
|
|
.w100 {
|
|
padding: 3.333vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.van-share-sheet__header {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.van-share-sheet__options {
|
|
.box-pack-around;
|
|
}
|
|
|
|
.van-action-bar {
|
|
padding: 0 2vw;
|
|
height: 16vw;
|
|
|
|
.van-action-bar-icon {
|
|
width: 18vw;
|
|
}
|
|
|
|
button {
|
|
margin-left: 3vw;
|
|
|
|
&:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
height: 10vw;
|
|
}
|
|
}
|
|
|
|
.showSpecs {
|
|
.box;
|
|
.box-tb;
|
|
padding: 3.333vw;
|
|
|
|
._product {
|
|
.box;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
margin-bottom: 2vw;
|
|
padding-bottom: 2vw;
|
|
color: #323233;
|
|
|
|
>img {
|
|
max-width: 26.133vw;
|
|
min-width: 26.133vw;
|
|
height: 26.133vw;
|
|
margin-right: 2vw;
|
|
}
|
|
|
|
._c {
|
|
width: 100%;
|
|
height: 26.133vw;
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-around;
|
|
|
|
.price {
|
|
font-size: 5.467vw;
|
|
margin-bottom: .667vw;
|
|
|
|
span {
|
|
font-size: 3.467vw;
|
|
}
|
|
}
|
|
|
|
.d {
|
|
font-size: 3.467vw;
|
|
}
|
|
|
|
.selected {
|
|
height: 7vw;
|
|
line-height: 7vw;
|
|
border-radius: 1vw;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.specs {
|
|
height: 10vw;
|
|
line-height: 10vw;
|
|
font-size: 3.467vw;
|
|
}
|
|
|
|
.label {
|
|
.box;
|
|
.box-wrap;
|
|
|
|
a {
|
|
height: 8vw;
|
|
line-height: 8vw;
|
|
padding: 0 5vw;
|
|
background: #f1f1f1;
|
|
border-radius: 1vw;
|
|
margin: 0 3.333vw 2vw 0;
|
|
}
|
|
|
|
.a {
|
|
.bs;
|
|
background: linear-gradient(to right, rgb(255, 96, 52), rgb(238, 10, 36))
|
|
}
|
|
}
|
|
|
|
.number {
|
|
.box;
|
|
.box-align-center;
|
|
margin: 3.333vw 0 0;
|
|
font-size: 3.467vw;
|
|
|
|
.van-stepper {
|
|
.r;
|
|
}
|
|
|
|
.van-stepper__input {
|
|
font-size: 3.467vw;
|
|
}
|
|
|
|
--van-stepper-button-round-theme-color:#ff3c02;
|
|
}
|
|
|
|
.van-button {
|
|
height: 10vw;
|
|
font-size: 4vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mall {
|
|
.b_l_w;
|
|
min-height: 100vh;
|
|
padding: 3.87vw 2vw 0;
|
|
background-color: #f5f5f5 !important;
|
|
background-image: linear-gradient(180deg,
|
|
#f36d8d 0%,
|
|
#f6f6f6 100%);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 62.933vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.top {
|
|
.search_box {
|
|
.box;
|
|
.box-align-center;
|
|
padding: 0.67vw 0.8vw 0.8vw 2.4vw;
|
|
height: 7.47vw;
|
|
background-color: #ffffff;
|
|
border-radius: 3.73vw;
|
|
|
|
img {
|
|
width: 3.6vw;
|
|
height: 3.6vw;
|
|
margin: 0 1.73vw 0 0;
|
|
}
|
|
|
|
input {
|
|
border: none;
|
|
width: 100%;
|
|
|
|
&::-webkit-input-placeholder {
|
|
color: #c1c1c1;
|
|
}
|
|
}
|
|
|
|
button {
|
|
.r;
|
|
.box;
|
|
.box-center-center;
|
|
padding: 0 2.4vw;
|
|
background: @proColor;
|
|
width: 13.33vw;
|
|
height: 6vw;
|
|
border-radius: 3vw;
|
|
border: none;
|
|
font-size: 3.2vw;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
|
|
.banner img {
|
|
width: 100%;
|
|
margin-top: 3.07vw;
|
|
}
|
|
|
|
.label_box {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
padding: 3.73vw 4.8vw 2.93vw 3.6vw;
|
|
font-size: 2.93vw;
|
|
color: #f5f5f5;
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
}
|
|
|
|
img {
|
|
width: 3.33vw;
|
|
margin: 0 1.47vw 0 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.cg_bigbox {
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
padding: 3.33vw;
|
|
margin-top: 4vw;
|
|
|
|
.top {
|
|
.box;
|
|
.box-pack-between;
|
|
width: 100%;
|
|
margin-bottom: 2vw;
|
|
|
|
.left_box {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
img {
|
|
height: 4.67vw;
|
|
margin-right: 2vw;
|
|
}
|
|
}
|
|
|
|
.right_box {
|
|
.r;
|
|
font-size: 3.2vw;
|
|
line-height: 4.48vw;
|
|
color: #787878;
|
|
}
|
|
}
|
|
}
|
|
|
|
.Category_box {
|
|
.box;
|
|
flex-wrap: wrap;
|
|
// padding: 1vw 2vw 4.67vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2.67vw;
|
|
|
|
.Category_item {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
.box-pack-center;
|
|
width: 20%;
|
|
font-size: 3.14vw;
|
|
color: #0d0d0d;
|
|
|
|
img {
|
|
margin: 3.33vw 0 1.87vw;
|
|
height: 14.4vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.v2 {
|
|
background: url(/img/fruit_bg.png) no-repeat;
|
|
|
|
.onsale_box {
|
|
img {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.banner_style1 {
|
|
.box;
|
|
.box-tb;
|
|
padding: 2.13vw 2.8vw 0;
|
|
border-radius: 2.67vw;
|
|
margin-top: 2.67vw;
|
|
background-color: #fff !important;
|
|
background: url(/img/banner_bg.png) no-repeat;
|
|
background-size: 100%;
|
|
margin-bottom: 1.6vw;
|
|
|
|
.top {
|
|
.box;
|
|
margin-bottom: 2.4vw;
|
|
|
|
.left {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
img {
|
|
width: 18.67vw;
|
|
margin-right: 2.13vw;
|
|
}
|
|
|
|
span {
|
|
.bs;
|
|
padding: 0 1.2vw;
|
|
height: 4.27vw;
|
|
background-image: linear-gradient(118deg,
|
|
#ff3133 100%);
|
|
border-radius: 1.33vw;
|
|
}
|
|
}
|
|
|
|
span {
|
|
.r;
|
|
font-size: 3.2vw;
|
|
color: #282828;
|
|
}
|
|
}
|
|
|
|
.banner {
|
|
margin-bottom: 3vw;
|
|
}
|
|
|
|
.item {
|
|
.box;
|
|
.box-tb;
|
|
width: 27.87vw;
|
|
margin-right: 4.8vw;
|
|
|
|
._img {
|
|
width: 26.4vw;
|
|
height: 26.4vw;
|
|
border: 1px solid #f7f7f7;
|
|
border-radius: 2.667vw;
|
|
position: relative;
|
|
|
|
>img {
|
|
width: 26.4vw;
|
|
height: 26.4vw;
|
|
border-radius: 2.67vw;
|
|
border: solid 0.13vw #f7f7f7;
|
|
margin-bottom: 1.73vw;
|
|
}
|
|
|
|
._point_ {
|
|
div {
|
|
height: 3.867vw;
|
|
line-height: 3.867vw;
|
|
padding: 0 1.467vw 0 3.733vw;
|
|
background-image: linear-gradient(93deg,
|
|
#ff5243 50%,
|
|
#ff5143 100%);
|
|
border-radius: 1vw;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
font-size: 2.667vw;
|
|
clip-path: polygon(1.5vw 0, 100% 0, 100% 100%, 2.6vw 100%);
|
|
.bs;
|
|
}
|
|
|
|
img {
|
|
height: 3.733vw;
|
|
position: absolute;
|
|
left: -.8vw;
|
|
bottom: 0;
|
|
z-index: 1;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.title {
|
|
font-size: 3.2vw;
|
|
color: #020202;
|
|
.text-hide(2);
|
|
margin-bottom: 1.87vw;
|
|
height: 8.3vw;
|
|
}
|
|
|
|
.sales {
|
|
font-size: 2.67vw;
|
|
color: #afafaf;
|
|
margin-bottom: 2.27vw;
|
|
}
|
|
|
|
.oprice {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.price {
|
|
.box;
|
|
align-items: baseline;
|
|
font-size: 3.73vw;
|
|
color: #ff191b;
|
|
|
|
.money {
|
|
font-size: 2.4vw;
|
|
}
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
|
|
img {
|
|
width: 5.6vw;
|
|
height: 5.07vw;
|
|
border-radius: 2vw;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.van-swipe-item {
|
|
.box;
|
|
.box-pack-around;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.van-swipe__indicators {
|
|
.box;
|
|
.box-center-center;
|
|
margin: 2vw auto 0;
|
|
bottom: 0;
|
|
position: relative;
|
|
|
|
.van-swipe__indicator {
|
|
width: 0.67vw;
|
|
height: 0.8vw;
|
|
background-color: #a0a0a0;
|
|
border-radius: 0.27vw;
|
|
}
|
|
|
|
.van-swipe__indicator--active {
|
|
width: 2.53vw !important;
|
|
height: 0.8vw !important;
|
|
border-radius: 0.27vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.banner_style2 {
|
|
background: #fff;
|
|
border-radius: 2vw;
|
|
overflow: hidden;
|
|
margin-top: 4vw;
|
|
margin-bottom: 4vw;
|
|
|
|
.top {
|
|
.box;
|
|
.box-align-center;
|
|
height: 10vw;
|
|
padding: 0vw 2.8vw;
|
|
background-color: #ffb43d;
|
|
color: #a86906;
|
|
|
|
img {
|
|
width: 4.27vw;
|
|
}
|
|
|
|
b {
|
|
font-size: 4.8vw;
|
|
color: #ffffff;
|
|
margin: 0 3.6vw 0 1.47vw;
|
|
}
|
|
|
|
p {
|
|
color: #a86906;
|
|
}
|
|
}
|
|
|
|
.banner {
|
|
.box;
|
|
// margin-bottom: 3vw;
|
|
padding: 4vw 3.33vw;
|
|
overflow-x: auto
|
|
}
|
|
|
|
.item {
|
|
.box;
|
|
.box-tb;
|
|
margin-right: 2.67vw;
|
|
width: 34.67vw;
|
|
|
|
img {
|
|
object-fit: contain;
|
|
width: 34.67vw;
|
|
height: 34.67vw;
|
|
background-color: #e5e5e5;
|
|
border-radius: 1.33vw;
|
|
}
|
|
|
|
.title {
|
|
font-size: 3.2vw;
|
|
font-weight: bold;
|
|
line-height: 4vw;
|
|
color: #333333;
|
|
min-height: 8vw;
|
|
.text-hide(2);
|
|
margin-top: 2.8vw;
|
|
}
|
|
|
|
.oprice {
|
|
font-size: 3.2vw;
|
|
text-decoration: line-through;
|
|
// line-height: 4.8vw;
|
|
color: #b1b1b1;
|
|
margin-top: 1.67vw;
|
|
}
|
|
|
|
.price {
|
|
font-size: 4vw;
|
|
font-weight: bold;
|
|
color: #ea3e23;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.goods {
|
|
.box;
|
|
.box-tb;
|
|
margin-bottom: 5vw;
|
|
|
|
.van-tabs {
|
|
font-size: 3.87vw;
|
|
font-weight: bold;
|
|
|
|
.van-tabs__nav {
|
|
background: none;
|
|
}
|
|
|
|
.van-tab--active {
|
|
z-index: 2;
|
|
font-size: 4.27vw;
|
|
}
|
|
|
|
.van-tabs__line {
|
|
bottom: 6.7vw;
|
|
}
|
|
|
|
// .van-tabs__line {
|
|
// position: absolute;
|
|
// left: 0;
|
|
// top: 0;
|
|
// width: 20.13vw;
|
|
// height: 100%;
|
|
// z-index: 1;
|
|
// background: url(/img/mall_i35.png) no-repeat;
|
|
// background-size: 100% auto;
|
|
// }
|
|
}
|
|
|
|
.g_fonts {
|
|
.box;
|
|
.box-align-center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-weight: bold;
|
|
|
|
.g_f1 {
|
|
font-size: 3.6vw;
|
|
}
|
|
|
|
.g_f2 {
|
|
font-size: 2.67vw;
|
|
}
|
|
}
|
|
|
|
.goods_box {
|
|
.box;
|
|
.box-pack-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.good {
|
|
.box;
|
|
.box-tb;
|
|
margin-top: 2.13vw;
|
|
width: 46.67vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.33vw;
|
|
position: relative;
|
|
|
|
>div {
|
|
padding: 0 3vw 3.6vw;
|
|
height: 100%;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 46.67vw;
|
|
margin-bottom: 3.2vw;
|
|
}
|
|
|
|
.title {
|
|
font-size: 3.47vw;
|
|
font-weight: bold;
|
|
color: #141414;
|
|
.text-hide(2);
|
|
margin-bottom: 2.8vw;
|
|
height: 10vw;
|
|
line-height: 5vw;
|
|
}
|
|
|
|
.zeng_box {
|
|
.box;
|
|
margin-left: auto;
|
|
width: auto;
|
|
margin-bottom: 3.2vw;
|
|
|
|
span {
|
|
.box;
|
|
.box-center-center;
|
|
line-height: 3.52vw;
|
|
width: 5.87vw;
|
|
height: 4vw;
|
|
line-height: 4vw;
|
|
background-color: #ff3234;
|
|
border-radius: 0.67vw 0 0 0.67vw;
|
|
padding: 0.4vw 1vw;
|
|
font-size: 3.2vw;
|
|
color: #ffffff;
|
|
}
|
|
|
|
>div {
|
|
border-radius: 0 0.67vw 0.67vw 0;
|
|
border: 1px solid #fcc;
|
|
border-left: 0;
|
|
font-size: 2.93vw;
|
|
color: #ff3234;
|
|
padding: 0 0.6vw;
|
|
line-height: calc(~'4vw - 2px');
|
|
}
|
|
}
|
|
|
|
.oldprice {
|
|
font-size: 3.33vw;
|
|
color: #a2a2a2;
|
|
text-decoration: line-through;
|
|
margin-bottom: 3.07vw;
|
|
display: block;
|
|
margin-top: auto;
|
|
}
|
|
|
|
.price {
|
|
.box;
|
|
.box-align-center;
|
|
color: #ff4a26;
|
|
font-size: 4.97vw;
|
|
font-weight: bold;
|
|
height: 6vw;
|
|
|
|
.money {
|
|
font-size: 3.07vw;
|
|
}
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.merchant {
|
|
.b_l_w;
|
|
.f5;
|
|
padding: 4vw 3.33vw;
|
|
background: url(/img/merchant_bg.jpg) no-repeat;
|
|
background-size: 100% auto;
|
|
|
|
.shopinfo {
|
|
.box;
|
|
position: relative;
|
|
|
|
.tx {
|
|
width: 16vw;
|
|
height: 16vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
margin-right: 3.6vw;
|
|
}
|
|
|
|
.info {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-around;
|
|
width: 100%;
|
|
|
|
b {
|
|
font-size: 3.733vw;
|
|
color: #222222;
|
|
}
|
|
|
|
p {
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.service-box {
|
|
margin-left: auto;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
position: absolute;
|
|
color: #fff;
|
|
font-size: 3.47vw;
|
|
font-weight: bold;
|
|
right: -3.33vw;
|
|
top: 8vw;
|
|
height: 6.67vw;
|
|
background-color: #fc6a39;
|
|
border-radius: 3.33vw 0vw 0vw 3.33vw;
|
|
padding: 0 2.8vw;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.wallet {
|
|
padding: 4.133vw 2.667vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
position: relative;
|
|
margin-top: 4vw;
|
|
|
|
.tit {
|
|
span {
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
.line {
|
|
.box;
|
|
.box-align-center;
|
|
margin-top: 4.53vw;
|
|
|
|
>div {
|
|
margin-left: 6.67vw;
|
|
.box;
|
|
.box-align-center;
|
|
height: 6.13vw;
|
|
padding: 0 1.47vw;
|
|
border-radius: 1.07vw;
|
|
border: solid 0.13vw #222222;
|
|
color: #1b1b1b;
|
|
|
|
p {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
b {
|
|
font-size: 6.67vw;
|
|
color: #1b1b1b;
|
|
}
|
|
}
|
|
}
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
}
|
|
|
|
.cc {
|
|
.box;
|
|
position: relative;
|
|
z-index: 1;
|
|
background-color: #f5f5f5;
|
|
border-radius: 1.6vw;
|
|
padding: 5.667vw 3.33vw;
|
|
margin-top: 3.33vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
width: 50%;
|
|
color: #222222;
|
|
}
|
|
|
|
>div:first-child {
|
|
border-right: 1px solid #8a8a8a80;
|
|
}
|
|
|
|
span {
|
|
display: block;
|
|
margin-bottom: 2vw;
|
|
}
|
|
|
|
b {
|
|
color: #222222;
|
|
font-size: 4.533vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fastTo {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
margin-top: 4vw;
|
|
|
|
>div {
|
|
.box;
|
|
width: 29.33vw;
|
|
height: 18.67vw;
|
|
border-radius: 1.6vw;
|
|
position: relative;
|
|
padding: 4vw 2.2vw;
|
|
font-size: 3.73vw;
|
|
font-weight: bold;
|
|
line-height: 4.44vw;
|
|
color: #1b1b1b;
|
|
|
|
img {
|
|
width: 11.6vw;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.ft1 {
|
|
background-color: #f5f8ff;
|
|
border: solid 0.27vw #9ab0f9;
|
|
}
|
|
|
|
.ft2 {
|
|
background-color: #fff8f6;
|
|
border: solid 0.27vw #f9b49d;
|
|
}
|
|
|
|
.ft3 {
|
|
background-color: #fff8ef;
|
|
border: solid 0.27vw #f6c88a;
|
|
|
|
img {
|
|
bottom: 1.2vw;
|
|
right: 1.2vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.block {
|
|
.box;
|
|
.box-pack-between;
|
|
margin-top: 4vw;
|
|
|
|
b {
|
|
font-size: 3.733vw;
|
|
position: relative;
|
|
z-index: 1;
|
|
color: #222222;
|
|
}
|
|
|
|
p {
|
|
position: relative;
|
|
z-index: 1;
|
|
color: #999999;
|
|
}
|
|
|
|
img {
|
|
height: 18.267vw;
|
|
position: absolute;
|
|
z-index: 0;
|
|
}
|
|
|
|
button {
|
|
.bs;
|
|
margin-top: 2.4vw;
|
|
width: max-content;
|
|
min-width: 17.867vw;
|
|
height: 5.333vw;
|
|
border: none;
|
|
position: relative;
|
|
z-index: 1;
|
|
border-radius: 2.667vw;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
._r {
|
|
.box;
|
|
// .box-tb;
|
|
width: 100%;
|
|
.box-pack-between;
|
|
|
|
div {
|
|
width: 45.33vw;
|
|
height: 20.1vw;
|
|
border-radius: 2.667vw;
|
|
position: relative;
|
|
.box;
|
|
.box-tb;
|
|
.box-middle;
|
|
padding: 1vw 3vw;
|
|
}
|
|
}
|
|
|
|
.d1 {
|
|
position: relative;
|
|
width: 40vw;
|
|
height: 42.667vw;
|
|
background-color: #e4e2ce;
|
|
border-radius: 2.667vw;
|
|
padding: 4.267vw;
|
|
|
|
button {
|
|
background-color: #b7b38f;
|
|
}
|
|
|
|
img {
|
|
width: 15.733vw;
|
|
height: 17.733vw;
|
|
bottom: 2vw;
|
|
right: 4vw;
|
|
}
|
|
}
|
|
|
|
.d2 {
|
|
background-color: #d7f3eb;
|
|
|
|
button {
|
|
background-color: #61cfa7;
|
|
}
|
|
|
|
img {
|
|
height: 18.27vw;
|
|
bottom: 0vw;
|
|
right: 4.667vw;
|
|
}
|
|
}
|
|
|
|
.d3 {
|
|
background-color: #daedfc;
|
|
|
|
button {
|
|
background-color: #6db0e1;
|
|
}
|
|
|
|
img {
|
|
width: 16.8vw;
|
|
height: 14.4vw;
|
|
bottom: 2.67vw;
|
|
right: 2.93vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.countbox {
|
|
margin-top: 4vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2.667vw;
|
|
padding: 4.267vw;
|
|
|
|
.title {
|
|
.box;
|
|
.box-center-center;
|
|
width: 100%;
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
color: #222222;
|
|
}
|
|
}
|
|
|
|
.line {
|
|
margin-top: 4.667vw;
|
|
color: #222222;
|
|
|
|
span {
|
|
color: #999999;
|
|
}
|
|
|
|
.refresh {
|
|
color: #ff4242;
|
|
margin-left: 2.8vw;
|
|
}
|
|
|
|
}
|
|
|
|
.list {
|
|
.box;
|
|
.box-pack-between;
|
|
margin-top: 4.267vw;
|
|
flex-wrap: wrap;
|
|
|
|
.item {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
width: 41.333vw;
|
|
height: 24vw;
|
|
|
|
background-color: #f2f4f5;
|
|
border-radius: 1.333vw;
|
|
padding: 3.2vw;
|
|
margin-bottom: 4vw;
|
|
|
|
span {
|
|
color: #222222;
|
|
}
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
line-height: 10.667vw;
|
|
color: #222222;
|
|
}
|
|
|
|
p {
|
|
.box;
|
|
.box-align-center;
|
|
white-space: nowrap;
|
|
text-wrap: nowrap;
|
|
color: #999999;
|
|
|
|
span {
|
|
margin-left: 1.2vw;
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.actionbox {
|
|
.box;
|
|
.box-align-center;
|
|
width: 100%;
|
|
padding: 4.533vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2.667vw;
|
|
margin-top: 4vw;
|
|
|
|
>div {
|
|
width: 25%;
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
|
|
img {
|
|
height: 7.467vw;
|
|
margin-bottom: 3.467vw;
|
|
}
|
|
|
|
span {
|
|
color: #222222;
|
|
}
|
|
}
|
|
}
|
|
|
|
.back {
|
|
width: 100%;
|
|
border: none;
|
|
margin-top: 4vw;
|
|
height: 12.133vw;
|
|
background-color: #22a56e;
|
|
border-radius: 6vw;
|
|
font-size: 4.8vw;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
|
|
.merchantincome {
|
|
padding: 4vw 3.33vw;
|
|
.f5;
|
|
.b_l_w;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
|
|
.count_box {
|
|
.box;
|
|
.box-tb;
|
|
position: relative;
|
|
min-height: 34.667vw;
|
|
// padding: 6vw 5.067vw;
|
|
padding: 4.53vw;
|
|
border-radius: 2vw;
|
|
background: url(/img/income-bg.png) no-repeat;
|
|
background-size: 100% auto;
|
|
|
|
.title {
|
|
.box;
|
|
// .bs;
|
|
.box-align-center;
|
|
font-size: 3.73vw;
|
|
|
|
img {
|
|
width: 4.27vw;
|
|
height: 4.4vw;
|
|
}
|
|
|
|
span {
|
|
margin-right: 1.8vw;
|
|
}
|
|
}
|
|
|
|
.perform {
|
|
font-size: 9.333vw;
|
|
font-weight: bold;
|
|
// .bs;
|
|
margin-top: 2vw;
|
|
}
|
|
|
|
.btm {
|
|
.box;
|
|
margin-top: 3.067vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
width: 100%;
|
|
|
|
span {
|
|
font-size: 3.2vw;
|
|
// color: #89caaf;
|
|
// .bs;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.tips {
|
|
.box;
|
|
.box-center-center;
|
|
background-color: #ffe9ee;
|
|
border-radius: 2vw;
|
|
margin-top: -6vw;
|
|
padding-top: 5vw;
|
|
margin-bottom: 4vw;
|
|
height: 17.067vw;
|
|
font-size: 3.2vw;
|
|
color: #841e36;
|
|
|
|
span {
|
|
margin-left: 1.2vw;
|
|
}
|
|
}
|
|
|
|
.time {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
|
|
.date_box {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
width: 100%;
|
|
z-index: 3;
|
|
font-size: 3.33vw;
|
|
margin-bottom: 4vw;
|
|
padding: 0 0.13vw;
|
|
// color: #474747;
|
|
// padding: 2.8vw 4.93vw 2.53vw 4.93vw;
|
|
|
|
// >div {
|
|
// .box;
|
|
// .box-tb;
|
|
// .box-align-center;
|
|
// }
|
|
|
|
.date {
|
|
.box;
|
|
height: 8vw;
|
|
background-color: #eeeeee;
|
|
border-radius: 4vw;
|
|
padding: 0 3.33vw;
|
|
|
|
>div {
|
|
.box;
|
|
// .box-tb;
|
|
.box-align-center;
|
|
margin-right: 1.2vw;
|
|
}
|
|
}
|
|
|
|
.income {
|
|
.box;
|
|
.box-align-center;
|
|
.r;
|
|
// :first-child {
|
|
// margin-bottom: 1.47vw;
|
|
// }
|
|
}
|
|
|
|
// .expend {
|
|
// :first-child {
|
|
// margin-bottom: 1.47vw;
|
|
// }
|
|
// }
|
|
|
|
img {
|
|
width: 2.13vw;
|
|
// margin-right: 11.07vw;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.details_box {
|
|
.box;
|
|
.box-tb;
|
|
|
|
.item {
|
|
.box;
|
|
.box-tb;
|
|
margin-bottom: 4vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2.667vw;
|
|
// padding: 4.667vw 5vw;
|
|
padding: 4vw 3.33vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
color: #999999;
|
|
margin-bottom: 2vw;
|
|
}
|
|
|
|
>div:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
.line1 {
|
|
.type {
|
|
// .bs;
|
|
.box;
|
|
.box-center-center;
|
|
color: #000000;
|
|
// width: 10vw;
|
|
height: 4.8vw;
|
|
padding: 0 1.2vw;
|
|
background-color: #ffc6d4;
|
|
border-radius: 1.333vw;
|
|
margin-right: 1.2vw;
|
|
}
|
|
|
|
p {
|
|
color: #222222;
|
|
}
|
|
|
|
.income {
|
|
.r;
|
|
.b;
|
|
.bs;
|
|
line-height: 4.8vw;
|
|
height: 4.8vw;
|
|
padding: 0 1vw;
|
|
background-color: #f05151;
|
|
}
|
|
|
|
.expend {
|
|
.r;
|
|
.b;
|
|
.bs;
|
|
line-height: 4.8vw;
|
|
height: 4.8vw;
|
|
padding: 0 1vw;
|
|
background-color: #3f9e76;
|
|
}
|
|
}
|
|
}
|
|
|
|
// .tit {
|
|
// font-size: 3.733vw;
|
|
// color: #222222;
|
|
// font-weight: bold;
|
|
// }
|
|
|
|
// .list {
|
|
// .b_k;
|
|
// border-radius: 2vw;
|
|
// margin-bottom: 4vw;
|
|
// padding: 3vw 2.667vw;
|
|
|
|
// .item {
|
|
// margin-top: 6vw;
|
|
// padding-bottom: 5.2vw;
|
|
// border-bottom: 0.13vw solid #f5f5f5;
|
|
|
|
// >div {
|
|
// .box;
|
|
// .box-align-center;
|
|
// line-height: 5.333vw;
|
|
// color: #222222;
|
|
|
|
// .in {
|
|
// color: #ef4c2b;
|
|
// }
|
|
|
|
// .out {
|
|
// color: #222222;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
}
|
|
}
|
|
|
|
.merchantcashout {
|
|
.f5;
|
|
|
|
.top {
|
|
height: 12vw;
|
|
padding: 0 3.33vw;
|
|
.box;
|
|
.box-align-center;
|
|
background-color: #ffffff;
|
|
|
|
span {
|
|
color: #1b1b1b;
|
|
|
|
b {
|
|
font-size: 3.73vw;
|
|
}
|
|
}
|
|
|
|
.red {
|
|
color: #ff0000;
|
|
}
|
|
}
|
|
|
|
.list {
|
|
margin-top: 4vw;
|
|
padding: 0 4vw;
|
|
|
|
.item {
|
|
margin-bottom: 4vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
padding: 3.33vw;
|
|
|
|
.state {
|
|
font-size: 3.73vw;
|
|
font-weight: bold;
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
.line {
|
|
.box;
|
|
|
|
.money {
|
|
span {
|
|
font-size: 4vw;
|
|
}
|
|
}
|
|
|
|
.red {
|
|
color: #ff0000;
|
|
}
|
|
}
|
|
|
|
.record {
|
|
.box;
|
|
.box-align-center;
|
|
color: #a0a0a0;
|
|
margin-top: 4vw;
|
|
|
|
.right {
|
|
.r;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.statistics {
|
|
.f5;
|
|
.b_l_w;
|
|
padding: 4vw 3.33vw;
|
|
|
|
&::before {
|
|
background-image: linear-gradient(0deg,
|
|
#f5f5f5 60%,
|
|
#fc6a39 100%);
|
|
}
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.top {
|
|
.bs;
|
|
|
|
.refresh {
|
|
.box;
|
|
.box-center-center;
|
|
width: 13.33vw;
|
|
height: 5.33vw;
|
|
border-radius: 0.67vw;
|
|
border: solid 0.13vw #ffffff;
|
|
white-space: nowrap;
|
|
|
|
img {
|
|
width: 3.2vw;
|
|
height: 3.2vw;
|
|
margin-left: 1.2vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.count-box {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
margin-top: 2.8vw;
|
|
|
|
.item {
|
|
background-color: #ffffff;
|
|
border-radius: 2.667vw;
|
|
width: 45.333vw;
|
|
margin-bottom: 2.533vw;
|
|
padding: 3.2vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
margin-bottom: 5.333vw;
|
|
|
|
span {
|
|
color: #222;
|
|
}
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
margin-top: 2.933vw;
|
|
}
|
|
}
|
|
|
|
p {
|
|
.box;
|
|
.box-align-center;
|
|
border-radius: 0.67vw;
|
|
border: solid 0.13vw #ffffff;
|
|
|
|
span {
|
|
color: #999999;
|
|
margin-left: 1.2vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.report {
|
|
background-color: #ffffff;
|
|
border-radius: 2.667vw;
|
|
margin-top: 2vw;
|
|
padding: 4.4vw;
|
|
|
|
.van-tabs {
|
|
margin-top: 4vw;
|
|
}
|
|
|
|
.van-tabs__nav--card {
|
|
// margin: 4vw 0 0 0;
|
|
margin: 0;
|
|
}
|
|
|
|
b {
|
|
font-size: 3.733vw;
|
|
color: #222222;
|
|
}
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
>div {
|
|
.calendar {
|
|
width: 3.467vw;
|
|
height: 3.333vw;
|
|
}
|
|
|
|
.down {
|
|
width: 1.867vw;
|
|
height: 1.067vw;
|
|
}
|
|
|
|
span {
|
|
margin: 0 1.2vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.datecount {
|
|
.box;
|
|
.box-align-center;
|
|
flex-wrap: wrap;
|
|
background-color: #fff5f5;
|
|
border-radius: 2vw;
|
|
border: solid 0.13vw #fc6a39;
|
|
margin: 2.933vw 0;
|
|
padding: 3.867vw;
|
|
|
|
.dc-item {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
width: 50%;
|
|
color: #222;
|
|
// padding: 4.533vw 0;
|
|
margin-bottom: 6vw;
|
|
|
|
b {
|
|
margin-top: 2.933vw;
|
|
font-size: 4vw;
|
|
}
|
|
}
|
|
|
|
.dc-item:nth-child(3),
|
|
.dc-item:nth-child(4) {
|
|
margin: 0;
|
|
}
|
|
|
|
.dc-item:nth-child(2n+1) {
|
|
border-right: #e9d6a4 1px solid;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.merchanttrade {
|
|
.f5;
|
|
|
|
.top {
|
|
.box;
|
|
.box-align-center;
|
|
padding: 0 4vw;
|
|
height: 12vw;
|
|
background-color: #ffffff;
|
|
|
|
img {
|
|
height: 2vw;
|
|
margin-left: 1.2vw;
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
}
|
|
|
|
.date {
|
|
>div {
|
|
.box;
|
|
}
|
|
}
|
|
|
|
.filter {
|
|
.r;
|
|
}
|
|
}
|
|
|
|
.list {
|
|
padding: 0 4vw;
|
|
margin-top: 4vw;
|
|
|
|
.item {
|
|
.top_line {
|
|
.bs;
|
|
.box;
|
|
.box-align-center;
|
|
padding: 3.47vw;
|
|
height: 14.67vw;
|
|
background-color: #333333;
|
|
border-radius: 1.6vw 1.6vw 0vw 0vw;
|
|
|
|
.date {
|
|
font-size: 4vw;
|
|
font-weight: bold;
|
|
line-height: 5.33vw;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.right_box {
|
|
.box;
|
|
.r;
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
margin-left: 6vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.item_detail:last-child {
|
|
border-radius: 0 0 1.6vw 1.6vw;
|
|
}
|
|
|
|
.item_detail {
|
|
padding: 4.8vw 3.33vw;
|
|
background: #fff;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
.line {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
button {
|
|
.r;
|
|
height: 6.67vw;
|
|
background: transparent;
|
|
border-radius: 1.07vw;
|
|
border: solid 0.13vw #000000;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.userinfo {
|
|
.box;
|
|
margin-top: 3.33vw;
|
|
|
|
.icon {
|
|
width: 10.67vw;
|
|
height: 10.67vw;
|
|
border-radius: 50%;
|
|
margin-right: 1.4vw;
|
|
}
|
|
|
|
.info {
|
|
.box;
|
|
.box-tb;
|
|
// .box-align-center;
|
|
.box-pack-between;
|
|
height: 10.67vw;
|
|
|
|
span {
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
p {
|
|
color: #707070;
|
|
}
|
|
}
|
|
}
|
|
|
|
.count {
|
|
.box;
|
|
.box-pack-around;
|
|
margin-top: 4vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
|
|
span {
|
|
color: #707070;
|
|
}
|
|
|
|
b {
|
|
color: #1b1b1b;
|
|
}
|
|
}
|
|
|
|
.red {
|
|
b {
|
|
color: #ca2904;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.filter-popup {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: #f5f5f5;
|
|
|
|
.filter-header {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
padding: 4vw 4vw;
|
|
background: #fff;
|
|
border-bottom: 1px solid #eee;
|
|
|
|
span {
|
|
font-size: 3.73vw;
|
|
color: #666;
|
|
|
|
&:nth-child(2) {
|
|
font-size: 4.27vw;
|
|
font-weight: bold;
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
&:last-child {
|
|
color: @proColor;
|
|
}
|
|
}
|
|
}
|
|
|
|
.filter-content {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
padding: 4vw;
|
|
|
|
.filter-section {
|
|
background: #fff;
|
|
border-radius: 2vw;
|
|
padding: 3vw;
|
|
margin-bottom: 3vw;
|
|
|
|
.section-title {
|
|
font-size: 3.73vw;
|
|
color: #1b1b1b;
|
|
margin-bottom: 2vw;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.date-range {
|
|
.box;
|
|
.box-align-center;
|
|
padding: 2vw 3vw;
|
|
background: #f5f5f5;
|
|
border-radius: 1vw;
|
|
|
|
span {
|
|
flex: 1;
|
|
font-size: 3.47vw;
|
|
color: #1b1b1b;
|
|
|
|
&.placeholder {
|
|
color: #999;
|
|
}
|
|
|
|
&.to {
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
}
|
|
}
|
|
|
|
.van-radio-group {
|
|
flex-wrap: wrap;
|
|
|
|
.van-radio {
|
|
margin-right: 2vw;
|
|
margin-bottom: 1vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
:deep(.van-action-bar) {
|
|
padding: 2vw 4vw;
|
|
padding-bottom: calc(2vw + env(safe-area-inset-bottom));
|
|
|
|
.van-action-bar-button {
|
|
border-radius: 1vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.date-range-popup {
|
|
background: #fff;
|
|
|
|
.date-range-header {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
padding: 4vw;
|
|
border-bottom: 1px solid #eee;
|
|
|
|
span {
|
|
font-size: 3.73vw;
|
|
|
|
&:nth-child(1) {
|
|
color: #666;
|
|
}
|
|
|
|
&:nth-child(2) {
|
|
font-size: 4.27vw;
|
|
font-weight: bold;
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
&:nth-child(3) {
|
|
color: @proColor;
|
|
}
|
|
}
|
|
}
|
|
|
|
.date-range-content {
|
|
padding: 4vw;
|
|
|
|
.date-picker-item {
|
|
margin-bottom: 4vw;
|
|
|
|
span {
|
|
display: block;
|
|
font-size: 3.47vw;
|
|
color: #666;
|
|
margin-bottom: 2vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.merchanttradedetail {
|
|
.f5;
|
|
background: linear-gradient(#841e36 0%,
|
|
#f5f5f5 40%);
|
|
|
|
.state {
|
|
.box;
|
|
.box-center-center;
|
|
padding-top: 10.67vw;
|
|
|
|
b {
|
|
font-size: 6.67vw;
|
|
color: #ffffff;
|
|
margin-left: 4.53vw;
|
|
}
|
|
|
|
img {
|
|
width: 10.67vw;
|
|
height: 10.67vw;
|
|
}
|
|
}
|
|
|
|
.line {
|
|
width: 90.67vw;
|
|
height: 2.67vw;
|
|
background-color: #841e36;
|
|
border-radius: 1.33vw;
|
|
margin-top: 8.67vw;
|
|
}
|
|
|
|
.containar {
|
|
.box;
|
|
.box-tb;
|
|
.box-center-center;
|
|
}
|
|
|
|
.details_box {
|
|
margin: 0 2vw;
|
|
background-color: #ffffff;
|
|
box-shadow: 0vw 0vw 1.33vw 0vw rgba(137, 137, 137, 0.3);
|
|
border-radius: 0vw 0vw 2vw 2vw;
|
|
width: 86.67vw;
|
|
margin-top: -1.33vw;
|
|
padding: 7.8vw 3.33vw 0;
|
|
white-space: nowrap;
|
|
|
|
.detail {
|
|
.box;
|
|
.box-align-center;
|
|
margin-bottom: 3.07vw;
|
|
white-space: nowrap;
|
|
|
|
span {
|
|
color: #000000;
|
|
}
|
|
|
|
p {
|
|
.r;
|
|
color: #606060;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
border: none;
|
|
height: 1px;
|
|
background: #f5f5f580;
|
|
margin: 0 0 3.07vw 0;
|
|
}
|
|
|
|
.red {
|
|
color: #ff0000 !important;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
|
|
.product_list {
|
|
padding: 4vw 3.33vw;
|
|
|
|
.product_item {
|
|
.box;
|
|
background: #fff;
|
|
border-radius: 2.667vw;
|
|
padding: 3.33vw;
|
|
margin-bottom: 4vw;
|
|
|
|
img {
|
|
width: 20vw;
|
|
height: 20vw;
|
|
margin-right: 3.33vw;
|
|
}
|
|
|
|
>div {
|
|
height: 20vw;
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
}
|
|
|
|
.name {
|
|
font-size: 4.27vw;
|
|
.text-hide(1);
|
|
}
|
|
|
|
.price {
|
|
color: #f00;
|
|
font-size: 3.67vw;
|
|
font-weight: bold;
|
|
|
|
b {
|
|
font-size: 3.2vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.asset {
|
|
.b_l_w;
|
|
// .f5;
|
|
padding: 4vw 3.333vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.a {
|
|
width: 35.733vw;
|
|
height: 8vw;
|
|
// background: url(/img/asset-a.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 7vw;
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-center;
|
|
// .bs;
|
|
font-size: 3.65vw;
|
|
z-index: 9;
|
|
|
|
img {
|
|
width: 3.47vw;
|
|
height: 3.47vw;
|
|
}
|
|
|
|
>i {
|
|
.b;
|
|
margin: 0 0 0 1.333vw;
|
|
}
|
|
}
|
|
|
|
.t {
|
|
background-size: 100% 100% !important;
|
|
border-radius: 4vw;
|
|
position: relative;
|
|
margin-bottom: 8vw;
|
|
|
|
.tit {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
span {
|
|
font-size: 4vw;
|
|
.box;
|
|
.box-align-center;
|
|
|
|
i {
|
|
font-size: 4vw;
|
|
margin: .5vw 0 0 1vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
._tit {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-center;
|
|
height: 6.667vw;
|
|
background-color: #d0f9cd;
|
|
|
|
span {
|
|
font-size: 3.2vw;
|
|
color: #009c4d;
|
|
.box;
|
|
.box-align-center;
|
|
|
|
i {
|
|
font-size: 4vw;
|
|
margin: .5vw 0 0 1vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.c {
|
|
.box;
|
|
.box-align-center;
|
|
.box-wrap;
|
|
font-size: 3.2vw;
|
|
position: relative;
|
|
background: url(/img/asset-c-bg.png) no-repeat;
|
|
background-size: 100% auto;
|
|
height: 60vw;
|
|
padding-bottom: 4.53vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.number {
|
|
font-size: 8vw;
|
|
.box;
|
|
.box-pack-between;
|
|
.box-align-center;
|
|
margin: 4vw 0 0;
|
|
color: #ff0000;
|
|
|
|
.a {
|
|
width: 26.667vw;
|
|
height: 8vw;
|
|
line-height: 8vw;
|
|
border-radius: 4vw;
|
|
.center;
|
|
background-color: #f3c947;
|
|
font-size: 4.267vw;
|
|
color: #141414;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.van-button {
|
|
width: 24vw;
|
|
.b;
|
|
font-size: 3.733vw;
|
|
margin-left: 3vw;
|
|
}
|
|
}
|
|
|
|
.total {
|
|
margin: 4vw 0 0;
|
|
line-height: 8vw;
|
|
.box;
|
|
.box-pack-around;
|
|
.center;
|
|
font-size: 3.333vw;
|
|
color: #959595;
|
|
|
|
p {
|
|
font-size: 4vw;
|
|
color: #252525;
|
|
.b;
|
|
}
|
|
}
|
|
|
|
.tip {
|
|
.center;
|
|
|
|
div {
|
|
.bs;
|
|
.center;
|
|
display: inline-block;
|
|
width: 49.333vw;
|
|
height: 7.333vw;
|
|
line-height: 7.533vw;
|
|
border-radius: 0.667vw;
|
|
border: solid 0.2vw #ffffff;
|
|
font-size: 3.2vw;
|
|
}
|
|
}
|
|
|
|
.i-a {
|
|
.b_l_w;
|
|
.box;
|
|
.box-pack-between;
|
|
|
|
a {
|
|
.box;
|
|
.box-align-center;
|
|
white-space: nowrap;
|
|
|
|
img {
|
|
height: 5.333vw;
|
|
margin-right: 1.867vw;
|
|
}
|
|
|
|
font-size: 4.267vw;
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
.box;
|
|
.box-pack-between;
|
|
padding: 2vw 0 0;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
padding: 0 8vw;
|
|
}
|
|
|
|
>button {
|
|
width: 40vw;
|
|
}
|
|
|
|
button {
|
|
.bs;
|
|
.b;
|
|
border: 0;
|
|
height: 12.667vw;
|
|
border-radius: 6.333vw;
|
|
font-size: 4.667vw;
|
|
letter-spacing: 0.467vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.times {
|
|
.box;
|
|
.box-align-center;
|
|
height: 12.8vw;
|
|
margin: 2vw 0 4vw;
|
|
background-color: #ffffff;
|
|
box-shadow: 0vw 0.67vw 1.11vw 0.09vw rgba(219, 255, 242, 0.08);
|
|
border-radius: 2.67vw;
|
|
position: relative;
|
|
z-index: 2;
|
|
|
|
&::after {
|
|
content: '';
|
|
width: 86.4vw;
|
|
height: 10.4vw;
|
|
background-color: #ffffff;
|
|
opacity: 0.5;
|
|
border-radius: 2.67vw;
|
|
position: absolute;
|
|
bottom: -2vw;
|
|
left: 2.4vw;
|
|
z-index: -1;
|
|
}
|
|
|
|
img {
|
|
width: 2.4vw;
|
|
height: 1.333vw;
|
|
margin-left: 1.2vw;
|
|
}
|
|
|
|
._t {
|
|
.box;
|
|
.box-align-center;
|
|
height: 12.667vw;
|
|
|
|
p {
|
|
width: 1.333vw;
|
|
height: 4vw;
|
|
border-radius: 0.667vw;
|
|
margin-right: 1.867vw;
|
|
}
|
|
|
|
b {
|
|
font-size: 3.867vw;
|
|
}
|
|
|
|
a {
|
|
.r;
|
|
.b;
|
|
.box;
|
|
.box-align-center;
|
|
}
|
|
}
|
|
|
|
._m {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
width: 100%;
|
|
padding-right: 3.33vw;
|
|
|
|
.l {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-center;
|
|
width: 28vw;
|
|
height: 8vw;
|
|
.b_k;
|
|
border-radius: 4vw;
|
|
font-size: 3.33vw;
|
|
color: #474747;
|
|
|
|
span {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
.box;
|
|
.center;
|
|
|
|
p {
|
|
margin-left: 10vw;
|
|
line-height: 4.5vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.van-tabs--card {
|
|
margin: 0 0 4vw;
|
|
|
|
.van-tabs__nav--card {
|
|
margin: 0;
|
|
border: 0;
|
|
.box-pack-between;
|
|
}
|
|
}
|
|
|
|
.balance-tabs {
|
|
.van-tab {
|
|
min-width: 15vw;
|
|
height: 8vw;
|
|
border-radius: 4vw;
|
|
background: #eee;
|
|
border: 0;
|
|
flex: initial !important;
|
|
padding: 0 1.5vw;
|
|
}
|
|
}
|
|
|
|
.fruit-tabs {
|
|
.van-tab {
|
|
min-width: 21vw;
|
|
height: 8vw;
|
|
border-radius: 4vw;
|
|
background: #eee;
|
|
border: 0;
|
|
flex: initial !important;
|
|
padding: 0 1.5vw;
|
|
}
|
|
}
|
|
|
|
.leaf-tabs {
|
|
.van-tab {
|
|
min-width: 29vw;
|
|
height: 8vw;
|
|
border-radius: 4vw;
|
|
background: #eee;
|
|
border: 0;
|
|
flex: initial !important;
|
|
padding: 0 1.5vw;
|
|
}
|
|
}
|
|
|
|
>.m {
|
|
margin: 0 0 4.667vw;
|
|
|
|
.van-list {
|
|
.list {
|
|
.b_k;
|
|
border-radius: 2vw;
|
|
margin-bottom: 4vw;
|
|
padding: 3vw 2.667vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
._m_ {
|
|
background: #fff;
|
|
border-radius: 2vw;
|
|
|
|
.list {
|
|
.b_l_w;
|
|
.b_k;
|
|
// margin-bottom: 4vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
padding: 3.333vw;
|
|
.box;
|
|
.box-tb;
|
|
border-radius: 2vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.tit {
|
|
height: 4.667vw;
|
|
.box;
|
|
|
|
.tip {
|
|
.center;
|
|
width: 9.333vw;
|
|
height: 4.667vw;
|
|
line-height: 4.667vw;
|
|
background-image: linear-gradient(90deg,
|
|
#131313 0%,
|
|
#323232 100%);
|
|
border-radius: 1.333vw;
|
|
.bs;
|
|
margin-right: 1.867vw;
|
|
}
|
|
|
|
p {
|
|
font-size: 3.467vw;
|
|
.b;
|
|
.r;
|
|
color: #595959;
|
|
}
|
|
}
|
|
|
|
.table {
|
|
background-color: #f5f5f5;
|
|
border-radius: 2vw;
|
|
.box;
|
|
.box-wrap;
|
|
height: 33.333vw;
|
|
padding: 2vw 0;
|
|
margin: 3.333vw 0;
|
|
|
|
div {
|
|
width: 25%;
|
|
height: 50%;
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
.box-pack-center;
|
|
line-height: 6vw;
|
|
|
|
p {
|
|
color: #7d7d7d;
|
|
}
|
|
|
|
b {
|
|
font-size: 3.333vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
._content {
|
|
.box;
|
|
.box-align-center;
|
|
padding: 3.333vw 0;
|
|
margin-bottom: 3.333vw;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
|
|
img {
|
|
width: 8vw;
|
|
height: 8vw;
|
|
border-radius: .667vw;
|
|
margin: 0 2.533vw 0 0;
|
|
}
|
|
|
|
div {
|
|
.box;
|
|
.box-tb;
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
p {
|
|
color: #898989;
|
|
}
|
|
}
|
|
|
|
>b {
|
|
.r;
|
|
font-size: 4.667vw;
|
|
}
|
|
}
|
|
|
|
._times {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
|
|
div {
|
|
line-height: 6vw;
|
|
|
|
font {
|
|
font-size: 3.467vw;
|
|
color: #a0a0a0;
|
|
}
|
|
}
|
|
|
|
button {
|
|
width: 20vw !important;
|
|
height: 6.667vw !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
button+button {
|
|
margin-left: 2.667vw;
|
|
}
|
|
}
|
|
|
|
.a1 {
|
|
color: #e03224 !important;
|
|
}
|
|
|
|
.a2 {
|
|
color: #898989 !important;
|
|
}
|
|
|
|
.a3 {
|
|
color: #009c4d !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.asset-1 {
|
|
background: url(/img/asset-bg1.png) no-repeat;
|
|
background-size: 100% auto;
|
|
padding: 6.667vw 3.333vw 0;
|
|
|
|
.t {
|
|
background: url(/img/asset-t1.png);
|
|
height: 52vw;
|
|
}
|
|
|
|
.c {
|
|
padding: 5vw 5.467vw 0;
|
|
}
|
|
}
|
|
|
|
.balance {
|
|
|
|
.top {
|
|
.bs;
|
|
background-color: #374c6d;
|
|
padding: 8vw 4vw;
|
|
|
|
.line {
|
|
.box;
|
|
.box-align-center;
|
|
margin-bottom: 5vw;
|
|
|
|
.num {
|
|
font-size: 8vw;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
|
|
.tit {
|
|
.box;
|
|
.box-align-center;
|
|
font-size: 4.8vw;
|
|
color: #ffffff;
|
|
|
|
.van-icon {
|
|
margin-left: 2.4vw;
|
|
}
|
|
}
|
|
|
|
.co_box {
|
|
.r;
|
|
.box;
|
|
.box-align-center;
|
|
|
|
span {
|
|
margin: 0 1.2vw;
|
|
}
|
|
|
|
img {
|
|
height: 4.27vw;
|
|
}
|
|
}
|
|
|
|
button {
|
|
padding: 0 4vw;
|
|
color: #333;
|
|
height: 8vw;
|
|
background-color: #ffffff;
|
|
border-radius: 4vw;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.pn {
|
|
.box;
|
|
.box-align-center;
|
|
color: #b6c7e1;
|
|
}
|
|
}
|
|
|
|
.botom {
|
|
padding: 5.87vw 4vw;
|
|
background-color: #ffffff;
|
|
border-radius: 5.33vw 5.33vw 0vw 0vw;
|
|
margin-top: -10vw;
|
|
|
|
.tabs {
|
|
margin-top: 4vw;
|
|
|
|
.van-tab--card:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
.van-tab--card {
|
|
border-right: none;
|
|
border-radius: 4vw;
|
|
background-color: #f6f6f6;
|
|
margin-right: 3vw;
|
|
gap: 3vw;
|
|
width: max-content;
|
|
font-size: 3.2vw;
|
|
}
|
|
|
|
.van-tabs__nav--card {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.date_box {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
.date {
|
|
.box;
|
|
.box-center-center;
|
|
height: 8vw;
|
|
background-color: #f6f6f6;
|
|
border-radius: 4vw;
|
|
padding: 0 2.8vw;
|
|
|
|
img {
|
|
height: 1.2vw;
|
|
margin-left: 1.2vw;
|
|
}
|
|
}
|
|
|
|
.count {
|
|
.r;
|
|
.box;
|
|
gap: 12vw;
|
|
line-height: 4.67vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
}
|
|
}
|
|
}
|
|
|
|
._m_ {
|
|
margin-top: 4vw;
|
|
|
|
.in {
|
|
background: #269f3d;
|
|
}
|
|
|
|
.out {
|
|
background: #d13c25;
|
|
}
|
|
|
|
.list {
|
|
.b_l_w;
|
|
.b_k;
|
|
margin-bottom: 4vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
padding: 3.333vw;
|
|
.box;
|
|
.box-tb;
|
|
background-color: #f6f6f6;
|
|
border-radius: 1.6vw;
|
|
border-radius: 2vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.tit {
|
|
height: 4.667vw;
|
|
.box;
|
|
|
|
.tip {
|
|
.center;
|
|
width: 9.333vw;
|
|
height: 4.667vw;
|
|
line-height: 4.667vw;
|
|
background-image: linear-gradient(90deg,
|
|
#131313 0%,
|
|
#323232 100%);
|
|
border-radius: 1.333vw;
|
|
.bs;
|
|
margin-right: 1.867vw;
|
|
}
|
|
|
|
p {
|
|
font-size: 3.467vw;
|
|
.b;
|
|
.r;
|
|
color: #595959;
|
|
}
|
|
}
|
|
|
|
.table {
|
|
background-color: #f5f5f5;
|
|
border-radius: 2vw;
|
|
.box;
|
|
.box-wrap;
|
|
height: 33.333vw;
|
|
padding: 2vw 0;
|
|
margin: 3.333vw 0;
|
|
|
|
div {
|
|
width: 25%;
|
|
height: 50%;
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
.box-pack-center;
|
|
line-height: 6vw;
|
|
|
|
p {
|
|
color: #7d7d7d;
|
|
}
|
|
|
|
b {
|
|
font-size: 3.333vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
._content {
|
|
.box;
|
|
.box-align-center;
|
|
padding: 3.333vw 0;
|
|
margin-bottom: 3.333vw;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
|
|
img {
|
|
width: 8vw;
|
|
height: 8vw;
|
|
border-radius: .667vw;
|
|
margin: 0 2.533vw 0 0;
|
|
}
|
|
|
|
div {
|
|
.box;
|
|
.box-tb;
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
color: #1b1b1b;
|
|
}
|
|
|
|
p {
|
|
color: #898989;
|
|
}
|
|
}
|
|
|
|
>b {
|
|
.r;
|
|
font-size: 4.667vw;
|
|
}
|
|
}
|
|
|
|
._times {
|
|
.box;
|
|
.box-align-center;
|
|
.box-pack-between;
|
|
|
|
div {
|
|
line-height: 6vw;
|
|
|
|
font {
|
|
font-size: 3.467vw;
|
|
color: #a0a0a0;
|
|
}
|
|
}
|
|
|
|
button {
|
|
width: 20vw !important;
|
|
height: 6.667vw !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
button+button {
|
|
margin-left: 2.667vw;
|
|
}
|
|
}
|
|
|
|
.a1 {
|
|
color: #e03224 !important;
|
|
}
|
|
|
|
.a2 {
|
|
color: #898989 !important;
|
|
}
|
|
|
|
.a3 {
|
|
color: #009c4d !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.cv {
|
|
.f5;
|
|
padding: 8vw 4vw;
|
|
|
|
.card {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
background-color: #fbf0f0;
|
|
border-radius: 2.67vw;
|
|
overflow: hidden;
|
|
border: solid 1.33vw #ffffff;
|
|
padding: 5.07vw 2.67vw;
|
|
// height: 34.67vw;
|
|
width: 100%;
|
|
position: relative;
|
|
z-index: 1;
|
|
|
|
&::after {
|
|
content: '';
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: -1;
|
|
position: absolute;
|
|
width: 26vw;
|
|
height: 23.33vw;
|
|
background: url(/img/cv-i1.png) no-repeat;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
.u_info {
|
|
margin-left: 3.6vw;
|
|
height: 10.4vw;
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-around;
|
|
|
|
b {
|
|
font-size: 3.47vw;
|
|
color: #222;
|
|
}
|
|
|
|
span {
|
|
color: #999999;
|
|
}
|
|
}
|
|
|
|
.record {
|
|
color: #841e36;
|
|
}
|
|
}
|
|
|
|
.db {
|
|
.box;
|
|
.box-align-center;
|
|
padding-left: 12.4vw;
|
|
margin-top: 5.2vw;
|
|
|
|
.left {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-start;
|
|
|
|
span {
|
|
color: #999999;
|
|
}
|
|
|
|
b {
|
|
margin-top: 1.73vw;
|
|
display: block;
|
|
font-size: 4.8vw;
|
|
line-height: 3.2vw;
|
|
color: #222222;
|
|
}
|
|
}
|
|
|
|
button {
|
|
.r;
|
|
height: 6.67vw;
|
|
border-radius: 3.33vw;
|
|
border: solid 0.27vw #841e36;
|
|
padding: 0 2.4vw;
|
|
background: transparent;
|
|
color: #841e36;
|
|
}
|
|
}
|
|
}
|
|
|
|
.list_box {
|
|
background-color: #ffffff;
|
|
border-radius: 2.67vw 2.67vw 1.07vw 1.07vw;
|
|
margin-top: 4vw;
|
|
padding: 6vw 2.67vw;
|
|
height: 100%;
|
|
|
|
.date_box {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
.date {
|
|
.box;
|
|
.box-center-center;
|
|
height: 8vw;
|
|
background-color: #fbf0f0;
|
|
border-radius: 4vw;
|
|
padding: 0 2.8vw;
|
|
color: #841e36;
|
|
|
|
img {
|
|
height: 1.2vw;
|
|
margin-left: 1.2vw;
|
|
}
|
|
}
|
|
|
|
.count {
|
|
.r;
|
|
.box;
|
|
gap: 12vw;
|
|
line-height: 4.67vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.list {
|
|
margin-top: 4vw;
|
|
|
|
.item {
|
|
.box;
|
|
.box-tb;
|
|
padding: 3.07vw 2.67vw;
|
|
background-color: #f6f6f6;
|
|
border-radius: 1.6vw;
|
|
margin-bottom: 4vw;
|
|
|
|
span {
|
|
font-size: 3.2vw;
|
|
font-weight: normal;
|
|
font-stretch: normal;
|
|
line-height: 4.67vw;
|
|
letter-spacing: 0vw;
|
|
color: #999999;
|
|
}
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
margin-bottom: 1.2vw;
|
|
|
|
span {
|
|
.bs;
|
|
}
|
|
|
|
.tit {
|
|
font-size: 3.47vw;
|
|
color: #333333;
|
|
}
|
|
|
|
.in {
|
|
.box;
|
|
.box-center-center;
|
|
.bs;
|
|
height: 4.8vw;
|
|
background-color: #269f3d;
|
|
border-radius: 0.53vw;
|
|
padding: 0 2.4vw;
|
|
}
|
|
|
|
.out {
|
|
.box;
|
|
.box-center-center;
|
|
.bs;
|
|
height: 4.8vw;
|
|
background-color: #d13c25;
|
|
border-radius: 0.53vw;
|
|
padding: 0 2.4vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.point {
|
|
.top {
|
|
background: url(/img/point_bg.jpg) no-repeat;
|
|
background-size: 100% auto;
|
|
|
|
.line {
|
|
.pn {
|
|
color: #e8b5b6;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.team {
|
|
.b_l_w;
|
|
background: #f5f5f5;
|
|
min-height: 100vh;
|
|
padding: 4vw 3.33vw;
|
|
|
|
>div {
|
|
.b_l_w;
|
|
}
|
|
|
|
.count {
|
|
.box;
|
|
.box-tb;
|
|
background-color: #d1b792;
|
|
border-radius: 2vw;
|
|
padding: 3.33vw;
|
|
|
|
.num {
|
|
font-size: 6.67vw;
|
|
line-height: 6.4vw;
|
|
color: #222222;
|
|
}
|
|
|
|
.top {
|
|
.box;
|
|
.box-align-center;
|
|
color: #222222;
|
|
|
|
.left {
|
|
.box;
|
|
// .box-tb;
|
|
// .bs;
|
|
|
|
b {
|
|
font-size: 3.73vw;
|
|
}
|
|
|
|
span {
|
|
margin-top: 3.33vw;
|
|
font-size: 5.33vw;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.right_btn {
|
|
.box;
|
|
.box-align-center;
|
|
height: 8vw;
|
|
line-height: 8vw;
|
|
.b_k;
|
|
.bs;
|
|
background-color: #1b1b1b;
|
|
border-radius: 4vw;
|
|
padding: 0 3.33vw;
|
|
font-size: 4vw;
|
|
|
|
img {
|
|
width: 4.27vw;
|
|
height: 5.33vw;
|
|
margin-right: 2.67vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.count_box {
|
|
.box;
|
|
.box-align-center;
|
|
.bs;
|
|
flex-wrap: nowrap;
|
|
margin-top: 4vw;
|
|
background-color: #ffffff80;
|
|
border-radius: 3.33vw;
|
|
overflow: hidden;
|
|
|
|
hr {
|
|
height: 8vw;
|
|
background-color: #ffffff80;
|
|
border-radius: 0.07vw;
|
|
width: 1px;
|
|
border: none;
|
|
}
|
|
|
|
.item {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
width: 50%;
|
|
padding: 3.33vw 0;
|
|
// border-right: 1px solid #f5f5f580;
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
img {
|
|
width: 3.47vw;
|
|
height: 3.33vw;
|
|
margin-right: 1.33vw;
|
|
}
|
|
|
|
b {
|
|
font-size: 4.19vw;
|
|
margin-top: 2.67vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.list_title {
|
|
font-size: 4vw;
|
|
margin: 4vw 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.list {
|
|
.user_box {
|
|
.box;
|
|
.box-align-center;
|
|
width: 100%;
|
|
margin-bottom: 4vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
padding: 3.33vw;
|
|
padding-bottom: 0;
|
|
|
|
.icon {
|
|
width: 12vw;
|
|
height: 12vw;
|
|
border-radius: 50%;
|
|
margin-right: 4vw;
|
|
}
|
|
|
|
.info {
|
|
.box;
|
|
.box-tb;
|
|
width: 100%;
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
margin-bottom: 3.33vw;
|
|
width: 100%;
|
|
|
|
b {
|
|
font-size: 4vw;
|
|
}
|
|
|
|
.vip {
|
|
.box;
|
|
.box-center-center;
|
|
height: 5.33vw;
|
|
background-image: linear-gradient(90deg,
|
|
#e4b964 0%,
|
|
#f4da9c 100%);
|
|
border-radius: 3vw;
|
|
padding: 0 3.33vw;
|
|
font-size: 3.467vw;
|
|
color: #8d5e1f;
|
|
margin-left: 2.4vw;
|
|
}
|
|
|
|
p {
|
|
color: #585858;
|
|
}
|
|
|
|
img {
|
|
margin-left: 2.4vw;
|
|
width: 2.4vw;
|
|
height: 2.4vw;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
span {
|
|
color: #585858;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.allow {
|
|
|
|
.top {
|
|
background: url(/img/allow_bg.jpg);
|
|
background-size: 100% auto;
|
|
// height: 35vw;
|
|
padding: 12vw 4vw;
|
|
|
|
.tit {
|
|
.box;
|
|
.box-align-center;
|
|
font-size: 4.8vw;
|
|
color: #222222;
|
|
|
|
span {
|
|
display: block;
|
|
margin-right: 1.2vw;
|
|
}
|
|
}
|
|
|
|
b {
|
|
display: block;
|
|
font-size: 8vw;
|
|
color: #222222;
|
|
margin-top: 5.47vw;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
background-color: #ffffff;
|
|
border-radius: 5.33vw 5.33vw 0vw 0vw;
|
|
margin-top: -4vw;
|
|
padding: 4vw;
|
|
|
|
.t {
|
|
font-size: 4vw;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
}
|
|
|
|
.list {
|
|
.box;
|
|
.box-tb;
|
|
margin-top: 3.33vw;
|
|
|
|
.item {
|
|
.box;
|
|
.box-align-center;
|
|
// height: 10vw;
|
|
padding: 4vw 0;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
img {
|
|
width: 4.53vw;
|
|
height: 4.27vw;
|
|
margin-right: 4vw;
|
|
}
|
|
|
|
span {
|
|
font-size: 3.47vw;
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.certificate {
|
|
.f5;
|
|
|
|
.van-tabs__line {
|
|
bottom: 5.5vw;
|
|
}
|
|
|
|
.list {
|
|
margin-top: 4vw;
|
|
padding: 0 4vw;
|
|
|
|
.item {
|
|
.box;
|
|
.box-align-center;
|
|
margin-bottom: 4vw;
|
|
|
|
img {
|
|
width: 26.67vw;
|
|
height: 26.67vw;
|
|
}
|
|
|
|
.info {
|
|
.box;
|
|
.box-align-center;
|
|
height: 26.67vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
width: 100%;
|
|
padding: 5.2vw 0;
|
|
position: relative;
|
|
|
|
>div {
|
|
margin-left: 5.2vw;
|
|
|
|
b {
|
|
font-size: 4.8vw;
|
|
color: #010101;
|
|
}
|
|
|
|
p {
|
|
color: #333333;
|
|
margin-top: 5.2vw;
|
|
}
|
|
}
|
|
|
|
img {
|
|
width: 11.6vw;
|
|
height: 10.27vw;
|
|
position: absolute;
|
|
right: 2.4vw;
|
|
}
|
|
|
|
button {
|
|
position: absolute;
|
|
right: 2.4vw;
|
|
width: 18.67vw;
|
|
height: 6.67vw;
|
|
background-color: #ea3e23;
|
|
border-radius: 1.6vw;
|
|
border: none;
|
|
.bs;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.vanupup {
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
padding: 8.93vw 10vw;
|
|
|
|
.code_box {
|
|
.box;
|
|
.box-tb;
|
|
|
|
.top {
|
|
.box;
|
|
.box-center-center;
|
|
margin-bottom: 6.93vw;
|
|
font-size: 4.27vw;
|
|
color: #333333;
|
|
position: relative;
|
|
|
|
.van-icon {
|
|
position: absolute;
|
|
right: 0vw;
|
|
}
|
|
}
|
|
|
|
.ewm_box {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
padding: 5.2vw 4.53vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
border: solid 0.53vw #4c4c4c;
|
|
|
|
img {
|
|
width: 57.6vw;
|
|
height: 57.33vw;
|
|
margin-bottom: 4vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.opera {
|
|
.f5;
|
|
|
|
.top {
|
|
.box;
|
|
padding: 8vw 2.8vw;
|
|
padding-bottom: 16vw;
|
|
background: url(/img/opera_bg.jpg) no-repeat;
|
|
background-size: 100% auto;
|
|
|
|
.info_box {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
.icon {
|
|
width: 16vw;
|
|
height: 16vw;
|
|
border: solid 0.4vw #ffffff;
|
|
margin-right: 2.67vw;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.inf {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-around;
|
|
height: 16vw;
|
|
|
|
b {
|
|
font-size: 4.27vw;
|
|
color: #000000;
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
color: #333333;
|
|
|
|
img {
|
|
height: 3.2vw;
|
|
margin-right: 1.6vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.shopcenter {
|
|
.box;
|
|
.box-align-center;
|
|
position: absolute;
|
|
color: #fff;
|
|
font-size: 3.47vw;
|
|
font-weight: bold;
|
|
// top: 26.8vw;
|
|
right: 0;
|
|
height: 6.67vw;
|
|
background-color: #56a8f4;
|
|
border-radius: 3.33vw 0vw 0vw 3.33vw;
|
|
padding: 0 2.8vw;
|
|
margin-top: 6.8vw;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.containar {
|
|
padding: 0 3.33vw;
|
|
}
|
|
|
|
.wallet_box {
|
|
.box;
|
|
.box-align-center;
|
|
height: 24vw;
|
|
margin-top: -10vw;
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
|
|
.item {
|
|
.box;
|
|
.box-tb;
|
|
.box-align-center;
|
|
width: 50%;
|
|
|
|
b {
|
|
margin-top: 4.67vw;
|
|
font-size: 4.67vw;
|
|
color: #222222;
|
|
}
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
font-size: 3.47vw;
|
|
color: #000000;
|
|
|
|
img {
|
|
width: 4.8vw;
|
|
margin-right: 1.2vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.fun_box {
|
|
margin-top: 4vw;
|
|
|
|
.item {
|
|
.box;
|
|
margin-bottom: 4vw;
|
|
height: 19.33vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
padding: 4vw 3.33vw;
|
|
|
|
.left {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
|
|
b {
|
|
font-size: 3.73vw;
|
|
}
|
|
|
|
p {
|
|
color: #898989;
|
|
}
|
|
}
|
|
|
|
img {
|
|
.r;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.verif {
|
|
.f5;
|
|
|
|
padding: 8vw 4vw;
|
|
|
|
.search_box {
|
|
.box;
|
|
.box-align-center;
|
|
padding: 0 4.93vw;
|
|
height: 9.33vw;
|
|
background-color: #ffffff;
|
|
border-radius: 4.67vw;
|
|
|
|
img {
|
|
width: 4vw;
|
|
height: 4vw;
|
|
margin-right: 2vw;
|
|
}
|
|
|
|
input {
|
|
font-size: 3.47vw;
|
|
background: transparent;
|
|
border: none;
|
|
width: 100%;
|
|
color: #333;
|
|
}
|
|
|
|
input::placeholder,
|
|
:-ms-input-placeholder,
|
|
::-webkit-input-placeholder {
|
|
color: #9b9b9b;
|
|
}
|
|
}
|
|
|
|
.list {
|
|
.box;
|
|
.box-tb;
|
|
margin-top: 4vw;
|
|
|
|
.item {
|
|
background-color: #ffffff;
|
|
border-radius: 1.6vw;
|
|
padding: 4vw 3.33vw 0;
|
|
margin-bottom: 4vw;
|
|
|
|
.t {
|
|
.box;
|
|
.box-align-center;
|
|
padding-bottom: 3.33vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
.icon {
|
|
width: 10.67vw;
|
|
height: 10.67vw;
|
|
margin-right: 5.47vw;
|
|
}
|
|
|
|
>div {
|
|
.box;
|
|
.box-tb;
|
|
.box-pack-between;
|
|
height: 10.67vw;
|
|
|
|
span {
|
|
font-size: 3.47vw;
|
|
color: #303030;
|
|
}
|
|
|
|
p {
|
|
font-size: 3.47vw;
|
|
color: #999999;
|
|
}
|
|
}
|
|
|
|
.pre {
|
|
color: #333333;
|
|
|
|
b {
|
|
font-size: 3.73vw;
|
|
color: #ea3e23;
|
|
}
|
|
}
|
|
|
|
.tt {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.info_box {
|
|
margin-top: 3.33vw;
|
|
|
|
>div {
|
|
.box;
|
|
.box-align-center;
|
|
margin-bottom: 2.67vw;
|
|
|
|
span {
|
|
color: #333333;
|
|
}
|
|
|
|
.rg {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
img {
|
|
height: 3.2vw;
|
|
margin-left: 1.2vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.checkout {
|
|
.f5;
|
|
padding: 7.6vw 4vw;
|
|
|
|
.van-radio {
|
|
margin-left: 1.2vw;
|
|
}
|
|
|
|
.shopinfo {
|
|
.box;
|
|
.box-align-center;
|
|
|
|
.icon {
|
|
width: 10.67vw;
|
|
height: 10.67vw;
|
|
margin-right: 2.67vw;
|
|
}
|
|
|
|
.inf {
|
|
.box;
|
|
.box-tb;
|
|
|
|
b {
|
|
display: block;
|
|
margin-bottom: 2vw;
|
|
font-size: 4.27vw;
|
|
color: #1f1f1f;
|
|
}
|
|
|
|
.hl {
|
|
.box;
|
|
.box-align-center;
|
|
width: max-content;
|
|
height: 4.67vw;
|
|
border-radius: 1.33vw;
|
|
border: solid 0.13vw #e2593a;
|
|
|
|
img {
|
|
height: 4.67vw;
|
|
}
|
|
|
|
span {
|
|
.r;
|
|
padding: 0 2.4vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.paynums_box {
|
|
.box;
|
|
.box-tb;
|
|
padding: 6.67vw 3.33vw;
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
margin-top: 9.33vw;
|
|
|
|
.tit {
|
|
font-size: 4.27vw;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
margin-bottom: 7.73vw;
|
|
}
|
|
|
|
.input_box {
|
|
.box;
|
|
align-items: flex-end;
|
|
font-size: 5.33vw;
|
|
font-weight: bold;
|
|
color: #1f1f1f;
|
|
padding-bottom: 4vw;
|
|
border-bottom: 1px solid #f5f5f580;
|
|
|
|
input {
|
|
width: 100%;
|
|
border: none;
|
|
padding: 0 3.6vw;
|
|
font-size: 10.67vw;
|
|
}
|
|
|
|
::placeholder {
|
|
font-size: 5.33vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.deduction_box {
|
|
background-color: #ffffff;
|
|
border-radius: 2vw;
|
|
padding: 4vw 3.07vw;
|
|
margin-top: 4vw;
|
|
|
|
.van-cell {
|
|
padding: 2.67vw 0;
|
|
align-items: center
|
|
}
|
|
|
|
.price {
|
|
.box;
|
|
.box-align-center;
|
|
justify-content: flex-end;
|
|
padding: 3.33vw 0;
|
|
|
|
p {
|
|
color: #050505;
|
|
margin-right: 1.2vw;
|
|
}
|
|
|
|
span {
|
|
color: #1b1b1b;
|
|
|
|
b {
|
|
font-size: 4.67vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.van-cell-group--inset {
|
|
margin: 0;
|
|
}
|
|
|
|
.van-cell__left-icon {
|
|
height: max-content;
|
|
}
|
|
|
|
.use {
|
|
font-size: 3.73vw;
|
|
font-weight: bold;
|
|
color: #e64624;
|
|
}
|
|
|
|
.canuse {
|
|
background-color: #e64624;
|
|
border-radius: 0.67vw;
|
|
.bs;
|
|
height: 4.67vw;
|
|
.box;
|
|
.box-center-center;
|
|
padding: 0 1.2vw;
|
|
}
|
|
|
|
.cantuse {
|
|
font-size: 3.2vw;
|
|
color: #7d7d7d;
|
|
}
|
|
}
|
|
|
|
.payfor {
|
|
height: 13.33vw;
|
|
background-color: #ca2904;
|
|
border-radius: 6.67vw;
|
|
margin-top: 10vw;
|
|
border: none;
|
|
.bs;
|
|
font-size: 4.8vw;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
}
|
|
} |