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