229 lines
6.3 KiB
Plaintext
229 lines
6.3 KiB
Plaintext
.zr {
|
|
background: #4facfe;
|
|
width: 100%;
|
|
height: 130px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.water {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -10px;
|
|
height: 30px;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.water-c {
|
|
position: relative;
|
|
}
|
|
|
|
.water-1 {
|
|
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjYwMHB4IiBoZWlnaHQ9IjYwcHgiIHZpZXdCb3g9IjAgMCA2MDAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjQgKDE1NTc1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT53YXRlci0xPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IuaIkSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9Ii0iIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjEuMDAwMDAwLCAtMTMzLjAwMDAwMCkiIGZpbGwtb3BhY2l0eT0iMC4zIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IndhdGVyLTEiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMS4wMDAwMDAsIDEzMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDcuNjk4NTczOTUgTDQuNjcwNzE5NjJlLTE1LDYwIEw2MDAsNjAgTDYwMCw3LjM1MjMwNDYxIEM2MDAsNy4zNTIzMDQ2MSA0MzIuNzIxMDUyLDI0LjEwNjUxMzggMjkwLjQ4NDA0LDcuMzU2NzQxODcgQzE0OC4yNDcwMjcsLTkuMzkzMDMwMDggMCw3LjY5ODU3Mzk1IDAsNy42OTg1NzM5NSBaIiBpZD0iUGF0aC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") repeat-x;
|
|
background-size: 600px;
|
|
-webkit-animation: wave-animation-1 3.5s infinite linear;
|
|
animation: wave-animation-1 3.5s infinite linear;
|
|
}
|
|
|
|
.water-2 {
|
|
top: 5px;
|
|
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjYwMHB4IiBoZWlnaHQ9IjYwcHgiIHZpZXdCb3g9IjAgMCA2MDAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjQgKDE1NTc1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT53YXRlci0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IuaIkSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9Ii0iIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjEuMDAwMDAwLCAtMjQ2LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0id2F0ZXItMiIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIxLjAwMDAwMCwgMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNy42OTg1NzM5NSBMNC42NzA3MTk2MmUtMTUsNjAgTDYwMCw2MCBMNjAwLDcuMzUyMzA0NjEgQzYwMCw3LjM1MjMwNDYxIDQzMi43MjEwNTIsMjQuMTA2NTEzOCAyOTAuNDg0MDQsNy4zNTY3NDE4NyBDMTQ4LjI0NzAyNywtOS4zOTMwMzAwOCAwLDcuNjk4NTczOTUgMCw3LjY5ODU3Mzk1IFoiIGlkPSJQYXRoLTIiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMC4wMDAwMDAsIDMwLjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMzAwLjAwMDAwMCwgLTMwLjAwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") repeat-x;
|
|
background-size: 600px;
|
|
-webkit-animation: wave-animation-2 6s infinite linear;
|
|
animation: wave-animation-2 6s infinite linear;
|
|
}
|
|
|
|
.water-1, .water-2 {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 60px;
|
|
}
|
|
|
|
.back-white {
|
|
background: #f6f6f6;
|
|
}
|
|
|
|
@keyframes wave-animation-1 {
|
|
0% {
|
|
background-position: 0 top;
|
|
}
|
|
|
|
100% {
|
|
background-position: 600px top;
|
|
}
|
|
}
|
|
|
|
@keyframes wave-animation-2 {
|
|
0% {
|
|
background-position: 0 top;
|
|
}
|
|
|
|
100% {
|
|
background-position: 600px top;
|
|
}
|
|
}
|
|
|
|
.top_box {
|
|
color: #fff;
|
|
font-size: 28rpx;
|
|
line-height: 1;
|
|
}
|
|
|
|
.total {
|
|
text-align: center;
|
|
padding-top: 10rpx;
|
|
padding-bottom: 40rpx;
|
|
}
|
|
|
|
.total-money {
|
|
font-weight: bold;
|
|
font-size: 50rpx;
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.three {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.three-item {
|
|
position: relative;
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.three-item::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 1rpx;
|
|
border-left: 1rpx solid #ffb193;
|
|
}
|
|
|
|
.three-item:first-child::before {
|
|
content: none;
|
|
}
|
|
|
|
.three-money {
|
|
margin-top: 15rpx;
|
|
}
|
|
|
|
.list {
|
|
position: relative;
|
|
}
|
|
|
|
.list-title {
|
|
position: relative;
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
margin: 30rpx;
|
|
padding-left: 15rpx;
|
|
}
|
|
|
|
.list .list-item {
|
|
width: 710rpx;
|
|
box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(0, 0, 0, 0.05);
|
|
border-radius: 20rpx;
|
|
margin: 20rpx auto 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.list .list-item:last-of-type {
|
|
margin: 20rpx auto;
|
|
}
|
|
|
|
.list-title::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 4rpx;
|
|
bottom: 4rpx;
|
|
border-left: 6rpx solid #4facfe;
|
|
}
|
|
|
|
.distributionNum {
|
|
height: 80rpx;
|
|
font-size: 26rpx;
|
|
color: #333;
|
|
padding: 0 30rpx;
|
|
border-top-left-radius: 20rpx;
|
|
border-top-right-radius: 20rpx;
|
|
border-bottom: 2rpx solid #e4e4e4;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.distributionNum .distributionTime {
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.distributionNum .statusName {
|
|
font-size: 26rpx;
|
|
color: #4facfe;
|
|
}
|
|
|
|
.distributionCommision {
|
|
border-top: 2rpx solid #e4e4e4;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 80rpx;
|
|
font-size: 26rpx;
|
|
color: #777;
|
|
padding: 0 30rpx;
|
|
}
|
|
|
|
.details {
|
|
padding: 10rpx 30rpx;
|
|
line-height: 1.6;
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.details-item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-content: center;
|
|
}
|
|
|
|
.noDistributionList {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
margin-top: 150rpx;
|
|
}
|
|
|
|
.noDistributionList .noDistributionListImg {
|
|
width: 218rpx;
|
|
height: 218rpx;
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.noDistributionList .noDistributionListTit {
|
|
font-size: 30rpx;
|
|
color: #666;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.rightArrowImg {
|
|
width: 12rpx;
|
|
height: 22rpx;
|
|
margin-left: 8rpx;
|
|
}
|
|
|
|
.qrcode {
|
|
position: absolute;
|
|
right: 30rpx;
|
|
font-size: 24rpx;
|
|
top: 20rpx;
|
|
border: 1rpx solid #fff;
|
|
padding: 5rpx 10rpx;
|
|
border-radius: 10rpx;
|
|
} |