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.
74 lines
6.5 KiB
74 lines
6.5 KiB
.banner{width:100%;height: 400rpx;z-index: 1;} |
|
.banner image{width:100%;height:100%;z-index: 1;} |
|
.circle{width:88%;margin:0 auto;margin-top:-50rpx;background: #ffffff;border: 1px solid #f0f0f0; |
|
border-radius: 17px;box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.04);z-index:3;position: relative;padding:24rpx} |
|
.photo,.activeman{width:88%;margin:0 auto;margin-top:24rpx;background: #ffffff;border: 1px solid #f0f0f0; |
|
border-radius: 17px;box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.04);padding:24rpx} |
|
.circle .com-nav{width:100%;display: flex;justify-content: space-between;height:144rpx;} |
|
.circle .com-nav .nav-left {width:25%} |
|
.circle .com-nav .nav-left image{width:144rpx;height:144rpx;} |
|
.circle .com-nav .nav-right{width:75%} |
|
.circle .com-nav .nav-right .right-name{font-size:32rpx;line-height:44rpx;display: flex;justify-content: space-between;} |
|
.circle .com-nav .nav-right .right-name image{width:40rpx;height:40rpx} |
|
.circle .com-nav .nav-right .right-user{font-size:20rpx;padding:8rpx 0 24rpx} |
|
.circle .com-nav .nav-right .right-user image{width:32rpx;height:32rpx;vertical-align: middle;margin-right:10rpx} |
|
.circle .com-nav .nav-right .nav-detail{font-size: 24rpx;color:#9C9C9C;} |
|
.circle .com-nav .nav-right .nav-detail text{padding:0 10rpx} |
|
.circle .company-intro{padding:26rpx 0;font-size:24rpx;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; |
|
word-break:break-all;color:#969696} |
|
.circle .company-call{width:100%;} |
|
.circle .company-call view{width:240rpx;margin:0 auto;height:64rpx;background: #FFCB12;text-align: center;border-radius: 8rpx;color:#fff;line-height:64rpx;font-size:32rpx;} |
|
.circle .company-call view image{width:32rpx;height:32rpx;vertical-align: middle;margin-right:16rpx} |
|
.circle .company-called{width:100%;position: relative;} |
|
.circle .company-called .joed{width:240rpx;margin:0 auto;height:64rpx;text-align: center;border-radius: 8rpx;color:#FFCB12;line-height:64rpx;font-size:32rpx;} |
|
.circle .company-called .joed image{width:32rpx;height:32rpx;vertical-align: middle;margin-right:16rpx} |
|
.circle .company-called .share{width:33rpx;height:32rpx;position: absolute;right:0;bottom:22rpx} |
|
.photo .title{width:94%;display:flex;justify-content: space-between;padding:24rpx 3%;height:70rpx;line-height:70rpx;font-size:28rpx;text-align: center;} |
|
.photo .title image{width:40rpx;height:40rpx;vertical-align: sub;margin-right:16rpx;} |
|
.photo .title .titleone{border-right:2rpx solid #dfdfdf;width:49%;display: flex;justify-content: start;} |
|
.photo .title .titleone .big{color:#5DAF34;margin-left:16rpx;display: flex;justify-content: start;} |
|
.photo .title .titleone .big view{margin-left:10rpx} |
|
.photo .title .titletwo{width:49%;} |
|
.photo .tophoto{width:100%;height:80rpx;line-height:80rpx;position: relative;} |
|
.photo .tophoto image{width:100%;height:100%;vertical-align: sub;} |
|
.photo .tophoto view{position: absolute;top:0;left:0;font-size:28rpx;text-align: center;width:100%;} |
|
.coupon{width:94%;margin:0 auto;margin-top:24rpx;} |
|
.coupon .list{width:100%;margin:24rpx auto;height:208rpx;background:#fff;position: relative;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.10); } |
|
.coupon .list image{width:100%;height:100%;} |
|
.coupon .list .list-content{position: absolute;top:0;left:0;width:100%;display: flex;justify-content: space-between;} |
|
.coupon .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); } |
|
.coupon .list .list-content .content-left .big text{font-size:80rpx;} |
|
.coupon .list .list-content .content-left .big{padding-top:42rpx} |
|
.coupon .list .list-content .content-right{width:60%;padding-right:5%} |
|
.coupon .list .list-content .content-right .right-top{display: flex;justify-content: space-between;font-size:26rpx;padding-top:16rpx;} |
|
.coupon .list .list-content .content-right .right-top text{color:#F66A01;font-size:20rpx;} |
|
.coupon .list .list-content .content-right .usetime{padding-top:16rpx;font-size:20rpx;color:#C9C9C9} |
|
.coupon .list .list-content .content-right .time{padding-top:4rpx;font-size:20rpx;} |
|
.coupon .list .list-content .content-right .status{background: rgba(255,172,12,0.20);border-radius: 64rpx;margin-top:18rpx;color:#F66A01;height:48rpx;line-height:48rpx;text-align: center;font-size:22rpx; |
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.10); } |
|
.other{width:100%;background: #fff;margin-top:24rpx;} |
|
.last{margin-bottom:120rpx;} |
|
.other .other-top{height:92rpx;line-height:92rpx;font-size:32rpx;padding: 0 6%;} |
|
.other .other-top image{height:36rpx;width:6rpx;vertical-align: middle;margin-right:16rpx;} |
|
.other .other-circle{width:100%;} |
|
.other .other-circle .other-list{border-bottom:2rpx solid #F3F3F3;padding:24rpx 6%; |
|
width:88%;} |
|
.other .other-circle .other-list .list-top{display: flex;justify-content: start;} |
|
.other .other-circle .other-list .other-left{width:40%;} |
|
.other .other-circle .other-list .other-left image{width:240rpx;height:152rpx;border-radius: 8rpx;} |
|
.other .other-circle .other-list .other-right{width:60%;} |
|
.other .other-circle .other-list .other-right .other-name{color:#676457;font-size:24rpx;height:56rpx;line-height:28rpx;overflow: hidden; |
|
display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all;} |
|
.other .other-circle .other-list .other-right .other-time{font-size:20rpx;color:#BBBBBB;padding:16rpx 0} |
|
.other .other-circle .other-list .other-right .other-people{padding-top:2rpx;font-size:24rpx;color:#676457} |
|
.numlist{width:100%;display: flex;justify-content: space-between;margin-top:15rpx;} |
|
.numlist .numleft {font-size: 20rpx;} |
|
.numlist .numleft .joing{background: rgba(255,203,18,0.15);border: 1px solid #ffac0c;border-radius: 5rpx;color:#FFAC0C;text-align: center;margin-right:8rpx;padding:2rpx 16rpx;} |
|
.numlist .numleft .end{background: #f0f0f0;border: 1px solid #909399;border-radius: 5rpx;color:#909399;text-align: center;margin-right:8rpx;padding:2rpx 16rpx;} |
|
.numlist .numleft .price{background: rgba(255,203,18,0.15);border: 1px solid #FF3C21;border-radius: 5rpx;color:#FF3C21;text-align: center;padding:2rpx 16rpx;} |
|
.numlist .numright {background: #f0faff;border-radius: 76rpx;padding:2rpx 16rpx;display: flex;justify-content: start;font-size: 24rpx;} |
|
.numlist .numright image{width:28rpx;height:28rpx;vertical-align: sub;margin-right:4rpx;} |
|
.numlist .numright view{margin-right:12rpx;} |
|
.bottom{width:100%;height:120rpx;color:#fff;text-align: center;background:#fff;position: fixed;bottom:0;left:0;} |
|
.bottom view{width:94%;background:#F66A01;margin:10rpx auto;height:100rpx;line-height:100rpx;border-radius: 12rpx;} |
|
.nodata{padding:50rpx;text-align: center;font-size: 26rpx;color:#808080;} |