246 lines
3.5 KiB
Plaintext
246 lines
3.5 KiB
Plaintext
/* pages/my/my_bill/my_bill.wxss */
|
|
.all {
|
|
width: 690rpx;
|
|
padding: 0 30rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.title {
|
|
width: 100%;
|
|
height: 90rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.title-l {
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.title-r {
|
|
font-size: 24rpx;
|
|
letter-spacing: 1rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.title-r image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
}
|
|
|
|
.t-type__all {
|
|
width: 150rpx;
|
|
border-radius: 10rpx;
|
|
border: solid 1rpx #e5e5e5;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 90rpx;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.t-type {
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
letter-spacing: 1rpx;
|
|
color: #333333;
|
|
border-bottom: solid 1rpx #e5e5e5;
|
|
}
|
|
.t-type__active{
|
|
color: #ee7b1e;
|
|
}
|
|
|
|
.t-type:first-child {
|
|
border-radius: 10rpx 10rpx 0 0;
|
|
}
|
|
|
|
.t-type:last-child {
|
|
border-radius: 0 0 10rpx 10rpx;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.cont{
|
|
margin: 0 auto 30rpx;
|
|
width: 690rpx;
|
|
border-radius: 40rpx;
|
|
border: solid 1rpx #eeeeee;
|
|
padding: 30rpx 30rpx 40rpx 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.cont-l{
|
|
width: 380rpx;
|
|
}
|
|
.content{
|
|
font-size:30rpx;
|
|
color: #333333;
|
|
margin: 0rpx 0 20rpx;
|
|
width: 400rpx;
|
|
}
|
|
.number{
|
|
margin-bottom: 15rpx;
|
|
font-size: 20rpx;
|
|
color: #999999;
|
|
}
|
|
.time{
|
|
font-size: 20rpx;
|
|
color: #999999;
|
|
}
|
|
.cont-r{
|
|
width:250rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-end;
|
|
text-align: right;
|
|
}
|
|
.type{
|
|
font-size:36rpx;
|
|
color: #333333;
|
|
width:250rpx;
|
|
}
|
|
.type_1{
|
|
color: #f31717;
|
|
font-size: 28rpx;
|
|
}
|
|
.state{
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
margin-top: 30rpx;
|
|
width:250rpx;
|
|
}
|
|
.cont-r .state_2{
|
|
color: #f31717;
|
|
}
|
|
|
|
|
|
.empty{
|
|
font-size: 28rpx;
|
|
letter-spacing: 3rpx;
|
|
color: #999;
|
|
text-align: center;
|
|
margin: 150rpx 0;
|
|
}
|
|
|
|
|
|
.top{
|
|
width: 750rpx;
|
|
padding: 50rpx 0rpx 0rpx;
|
|
}
|
|
.top-c{
|
|
margin: 0 30rpx;
|
|
width: 690rpx;
|
|
height: 242rpx;
|
|
border-radius: 20rpx;
|
|
margin: 0 auto;
|
|
padding-top: 50rpx;
|
|
text-align: center;
|
|
}
|
|
.c-1{
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
}
|
|
.c-2{
|
|
font-size: 60rpx;
|
|
color: #333333;
|
|
margin-top: 10rpx;
|
|
}
|
|
.c-3{
|
|
width: 160rpx;
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
background-color: #f36e17;
|
|
border-radius: 28rpx;
|
|
font-size: 32rpx;
|
|
color: #ffffff;
|
|
margin: 20rpx auto 0;
|
|
}
|
|
.c-4{
|
|
width: 160rpx;
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
background-color: #999999;
|
|
border-radius: 28rpx;
|
|
font-size: 32rpx;
|
|
color: #ffffff;
|
|
margin: 20rpx auto 0;
|
|
}
|
|
|
|
|
|
|
|
.type_tf{
|
|
width: 750rpx;
|
|
height: 100rpx;
|
|
background-image: linear-gradient(267deg,
|
|
#ffffff 50%,
|
|
#fefefe 100%);
|
|
border-radius: 20rpx;
|
|
padding: 0 50rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.type_tf1{
|
|
font-size: 30rpx;
|
|
color: #999999;
|
|
line-height: 100rpx;
|
|
position: relative;
|
|
width: 170rpx;
|
|
text-align: center;
|
|
}
|
|
.type_tf_xz{
|
|
position: absolute;
|
|
width: 140rpx;
|
|
height: 4rpx;
|
|
background-color: #ee7b1e;
|
|
bottom: 0;
|
|
left: 15rpx;
|
|
}
|
|
.type__xz{
|
|
font-size: 36rpx;
|
|
color: #ee7b1e;
|
|
}
|
|
|
|
|
|
.fx{
|
|
width: 690rpx;
|
|
padding: 0 30rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
.fx_title{
|
|
width: 100%;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
}
|
|
.fx_cont{
|
|
margin: 0 auto 30rpx;
|
|
width: 690rpx;
|
|
border-radius: 40rpx;
|
|
border: solid 1rpx #eeeeee;
|
|
padding: 30rpx 30rpx 40rpx 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.fxc_title{
|
|
font-size: 30rpx;
|
|
color: #333333;
|
|
margin-bottom: 45rpx;
|
|
}
|
|
.fxc_l{
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
}
|
|
.fxc_time{
|
|
margin-top: 20rpx;
|
|
}
|
|
.fxc_fr{
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
text-align: right;
|
|
}
|
|
.fxc_price{
|
|
font-size: 36rpx;
|
|
color: #ee7b1e;
|
|
text-align: right;
|
|
margin-top: 20rpx;
|
|
}
|
|
.fxc_price text{
|
|
font-size: 24rpx;
|
|
} |