| 1 |
- .all{width:100vw;height:100vh;background-color:#f7f7f7;position:relative}.all .picturebox{width:100%;height:480rpx;position:relative}.all .picturebox .img{width:100%;height:480rpx}.all .picturebox .img image{width:100%;height:100%}.all .picturebox .numberbox{position:absolute;bottom:40rpx;right:20rpx;border-radius:45%;z-index:10;color:white;width:70rpx;height:45rpx;font-size:24rpx;display:flex;justify-content:center;align-items:center;background-color:rgba(12,12,12,0.5)}.all .Legendary-Information{width:100%;background-color:white;border-top-left-radius:20px;border-top-right-radius:20px;position:absolute;top:455rpx;padding-top:20rpx;padding-left:25rpx;padding-right:20rpx;z-index:10;overflow-y:hidden;padding-bottom:20rpx}.all .Legendary-Information .text{width:100%;height:100rpx;display:flex;margin-top:10rpx}.all .Legendary-Information .text .namebox{width:75%;height:100rpx}.all .Legendary-Information .text .namebox .name{font-size:35rpx;font-weight:500}.all .Legendary-Information .text .namebox .adress{font-size:30rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all .Legendary-Information .text .markerbox{width:25%;height:100%;display:flex;justify-content:center;align-items:center}.all .Legendary-Information .datebox{width:100%;height:90rpx;background-color:#f7f7f7;display:flex;padding-left:20rpx;padding-right:20rpx;align-items:center;color:orange;font-size:32rpx}.all .Legendary-Information .datebox .start{display:flex;justify-content:flex-end}.all .Legendary-Information .datebox .day{display:flex;justify-content:center;align-items:center;margin-left:auto;width:90rpx;height:42rpx;border-radius:40rpx;border:gray solid 1px;font-size:25rpx;color:black}.all .Legendary-Information .datebox .end{margin-left:auto}.all .Legendary-Information .cardbox .card{width:100%;height:620rpx;background-color:white;margin-top:15rpx}.all .Legendary-Information .cardbox .card .img{width:100%;height:480rpx}.all .Legendary-Information .cardbox .card .name{font-size:30rpx}.all .Legendary-Information .cardbox .card .intruduce{font-size:28rpx}.all .Legendary-Information .cardbox .card .buttombox{width:100%;height:60rpx;color:red;display:flex;align-items:center}.all .Legendary-Information .cardbox .card .buttombox .salary{width:50%;height:100%;display:flex}.all .Legendary-Information .cardbox .card .buttombox .salary .symbol{height:100%;font-size:28rpx;display:flex;align-items:flex-end}.all .Legendary-Information .cardbox .card .buttombox .salary .number{height:100%;display:flex;align-items:flex-end;font-size:35rpx}.all .Legendary-Information .cardbox .card .buttombox .buttom{width:130rpx;height:50rpx;font-size:30rpx;color:white;background-color:red;border-radius:48rpx;display:flex;justify-content:center;align-items:center;margin-left:auto}
|
