You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
2.0 KiB
22 lines
2.0 KiB
.nav{z-index: 4; position: fixed; top:0;left:0;width:100%;height:100rpx;line-height:100rpx;background:#fff;border-bottom:4rpx solid #F5F5F5} |
|
.nav .navtop{width:100%;margin:0 auto;display:flex;box-sizing: border-box;} |
|
.navtop> view{text-align:center;width:33%;} |
|
.navtop> view text{height:70rpx; display:inline-block;line-height: 70rpx;color:#979797;font-size: 32rpx;} |
|
.navtop .cur text{ border-bottom:4rpx solid #FE4C00; color:#494949;font-size: 34rpx;} |
|
.circle{width:100%;margin-top:120rpx;} |
|
.circle .list{width:94%;margin:24rpx auto;height:208rpx;background:#fff;position: relative;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.10); } |
|
.circle .list image{width:100%;height:100%;} |
|
.circle .list .list-content{position: absolute;top:0;left:0;width:100%;display: flex;justify-content: space-between;} |
|
.circle .list .list-content .content-left{width:30%;color:#fff;font-size:24rpx;text-align: center;text-shadow: 0px 8px 16px 0px rgba(0,0,0,0.10), 0px 2px 4px 0px rgba(0,0,0,0.10); } |
|
.circle .list .list-content .content-left .big text{font-size:80rpx;} |
|
.circle .list .list-content .content-left .big{padding-top:42rpx} |
|
.circle .list .list-content .content-right{width:60%;padding-right:5%} |
|
.circle .list .list-content .content-right .right-top{display: flex;justify-content: space-between;font-size:26rpx;padding-top:16rpx;} |
|
.circle .list .list-content .content-right .right-top text{color:#F66A01;font-size:20rpx;} |
|
.circle .list .list-content .content-right .usetime{padding-top:16rpx;font-size:20rpx;color:#C9C9C9} |
|
.circle .list .list-content .content-right .time{padding-top:4rpx;font-size:20rpx;} |
|
.circle .list .list-content .content-right .status{background: #eeeeee;border-radius: 64rpx;margin-top:18rpx;color:#C1C1C1;height:48rpx;line-height:48rpx;text-align: center;font-size:22rpx; |
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.10); } |
|
.bottom{width:94%;margin:48rpx auto 24rpx;background: #f66a01;border-radius: 12rpx;text-align: center;font-size:28rpx; |
|
box-shadow: 0px 4px 12px 0px rgba(255,108,1,0.34);height:80rpx;line-height:80rpx;color:#fff;} |
|
|