.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;}