245 lines
3.3 KiB
CSS
245 lines
3.3 KiB
CSS
.card {
|
|
|
|
background-color: #fff;
|
|
box-shadow: 0px 0rpx 8rpx 1rpx #e2e2e2;
|
|
margin: 24rpx 24rpx;
|
|
position: relative;
|
|
padding: 24rpx 24rpx 20rpx 24rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
.conten-border{
|
|
box-shadow: 0 0px 6rpx #f9b297;
|
|
}
|
|
.contentName {
|
|
width: 410rpx;
|
|
font-size: 28rpx;
|
|
height: 54rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-left: 36rpx;
|
|
color: #333333;
|
|
|
|
}
|
|
.content-type-text {
|
|
color: #686868;
|
|
padding-left: 38rpx;
|
|
font-size: 22rpx;
|
|
line-height: 1.6;
|
|
max-width: 610rpx;
|
|
}
|
|
.content-index {
|
|
width: 42rpx;
|
|
height: 32rpx;
|
|
line-height: 32rpx;
|
|
font-size: 24rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #fb8b56;
|
|
position: absolute;
|
|
top: 30rpx;
|
|
left: -4rpx;
|
|
box-shadow: 4rpx 4rpx 2rpx 0 rgba(238,112,27,0.5)
|
|
}
|
|
.typeImg {
|
|
width: 102rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 28rpx;
|
|
}
|
|
|
|
.typeImg:before {
|
|
width: 130rpx;
|
|
height: 96rpx;
|
|
}
|
|
|
|
|
|
.typeText {
|
|
color: #df7f42;
|
|
font-size: 24rpx;
|
|
}
|
|
.typeText-color{
|
|
color: #999999;
|
|
}
|
|
.L-icon {
|
|
display: block;
|
|
background-color: #9c9c9c;
|
|
width: 22rpx;
|
|
height: 22rpx;
|
|
line-height: 22rpx;
|
|
border-radius: 22rpx;
|
|
text-align: center;
|
|
color: #fff;
|
|
margin: 0 16rpx 0 0;
|
|
font-size: 20rpx;
|
|
}
|
|
.content-box-cashpay {
|
|
justify-content: center;
|
|
align-items: baseline;
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.contentText {
|
|
color: #686868;
|
|
margin-left: 38rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
.staff-text {
|
|
max-width: 360rpx;
|
|
line-height: 1.5;
|
|
}
|
|
.lh15 {
|
|
line-height: 1.5;
|
|
}
|
|
.content-price{
|
|
margin-right: 10rpx;
|
|
font-size: 56rpx;
|
|
color: #111;
|
|
font-family: Bahnschrift Regular;
|
|
/* font-weight: 700; */
|
|
}
|
|
|
|
.A-icon {
|
|
/* display: block; */
|
|
width: 14rpx;
|
|
height: 14rpx;
|
|
/* line-height: 16rpx; */
|
|
border-radius: 14rpx;
|
|
margin: 14rpx 16rpx 0 10rpx;
|
|
}
|
|
|
|
.B-icon {
|
|
background-color: #74abfe;
|
|
}
|
|
|
|
.G-icon {
|
|
background-color: #44bea3;
|
|
}
|
|
|
|
.R-icon {
|
|
background-color: #fc9153;
|
|
}
|
|
|
|
.content-span {
|
|
color: #686868;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.revenun {
|
|
background-color: #fff;
|
|
padding: 0 30rpx;
|
|
margin: 0 30rpx;
|
|
margin-top: 20rpx;
|
|
box-shadow: 0px 0 8rpx #e2e2e2;
|
|
}
|
|
|
|
.revenun-daily {
|
|
/* color:#b4b4b4; */
|
|
font-size: 12px;
|
|
border-bottom: 1px solid #eee;
|
|
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
height: 84rpx;
|
|
}
|
|
|
|
.revenun-box {
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.revenun-bank {
|
|
padding: 0 30rpx;
|
|
}
|
|
|
|
.revenun-line {
|
|
padding: 0 40rpx;
|
|
background-color: #fff;
|
|
box-shadow: 0 0 8rpx #e2e2e2;
|
|
margin-top: 24rpx;
|
|
border-radius: 6rpx;
|
|
}
|
|
|
|
.revenun-date-box {
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.bb1 {
|
|
height: 2rpx;
|
|
width: 100%;
|
|
background-color: #eee;
|
|
margin-bottom: 18rpx;
|
|
}
|
|
|
|
.revenun-date {
|
|
color: #b4b4b4;
|
|
font-size: 12px;
|
|
margin-left: 36rpx;
|
|
}
|
|
|
|
.bt1 {
|
|
border-top: 1rpx solid #eee
|
|
}
|
|
|
|
.revenun-name {
|
|
height: 84rpx;
|
|
}
|
|
|
|
.revenun-title,
|
|
.revenun-name,
|
|
.revenun-name2 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.revenun-price {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 16rpx 0;
|
|
}
|
|
|
|
.revenun-door {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.bank-price {
|
|
height: 118rpx;
|
|
line-height: 118rpx;
|
|
|
|
font-size: 16px;
|
|
color: #ee792f;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.bank-detail-btn {
|
|
color: #333333;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.uni-icon-arrowright {
|
|
color: #cccbd1;
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
.pay-fs {
|
|
margin-left: 20rpx;
|
|
padding-left: 20rpx;
|
|
border-left: 1px solid #b4b4b4;
|
|
}
|
|
|
|
.revenun-name2 {
|
|
color: #b4b4b4;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.revenun-jy {
|
|
margin-right: 20rpx;
|
|
}
|