EP-WachatApp/eaterplanet_ecommerce/moduleA/groupCenter/gruopInfo.wxss

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;
}