index.wxss 4.2 KB

1
  1. .all{width:100vw;height:100vh;background-color:#ECECEC;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 .card{width:100%;height:auto;position:absolute;top:450rpx;padding-bottom:40rpx}.all .card .Legendary-Information{width:100%;height:auto;background-color:white;border-radius:20px;padding-top:20rpx;padding-left:35rpx;padding-right:35rpx;padding-bottom:20rpx}.all .card .Legendary-Information .info-name{width:100%;height:60rpx;display:flex;align-items:center}.all .card .Legendary-Information .info-name .name-tex{font-size:30rpx;font-weight:600}.all .card .Legendary-Information .info-name .name-pic{height:55rpx;width:55rpx;margin-left:auto}.all .card .Legendary-Information .info-intr{font-size:28rpx;width:100%;height:auto;margin-left:10rpx}.all .card .Legendary-Information .info-map{width:100%;height:250rpx;display:flex;align-items:center}.all .card .Legendary-Information .info-map .map{width:480rpx;height:188rpx;background-color:aqua}.all .card .Legendary-Information .info-map .info-call{width:156rpx;height:250rpx;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:40rpx}.all .card .Legendary-Information .info-map .info-call image{width:60rpx;height:60rpx}.all .card .Legendary-Information .info-map .info-call .call-tex{font-size:26rpx;margin-top:10rpx}.all .roomcard{width:100%;height:auto;padding-bottom:40rpx;border-top-left-radius:20rpx;border-top-right-radius:20rpx;margin-top:20rpx;padding-left:10rpx;padding-right:10rpx;background-color:white}.all .roomcard .timebox{width:100%;background-color:white;display:flex;align-items:flex-end;position:relative;padding-left:10rpx;margin-bottom:20rpx;padding-bottom:20rpx;padding-top:20rpx}.all .roomcard .timebox .time{width:150rpx;margin-left:10rpx}.all .roomcard .timebox .time .time-tex{font-size:28rpx;color:gray}.all .roomcard .timebox .time .time-time{font-size:30rpx;font-weight:600}.all .roomcard .timebox .time_tex2{font-size:24rpx;margin-left:20rpx;margin-bottom:2rpx}.all .roomcard .room-card{width:100%;height:auto;padding-left:40rpx;padding-right:40rpx;border:solid #e5e5e5 2rpx;box-shadow:0 4rpx 10rpx rgba(0,0,0,0.2);padding-top:40rpx;border-radius:30rpx;margin-bottom:20rpx;padding-bottom:20rpx}.all .roomcard .room-card .room-card1{width:100%;height:auto;display:flex}.all .roomcard .room-card .room-card1 image{width:200rpx;height:270rpx;margin-right:20rpx;border-radius:15rpx}.all .roomcard .room-card .room-card1 .room-card-textbox{width:400rpx;height:auto}.all .roomcard .room-card .room-card1 .room-card-textbox .room-card-textbox-titlebox{display:flex}.all .roomcard .room-card .room-card1 .room-card-textbox .room-card-textbox-titlebox .room-card-textbox-title{font-size:34rpx;font-weight:600}.all .roomcard .room-card .room-card1 .room-card-textbox .room-card-textbox-info{font-size:26rpx;width:400rpx;height:auto;margin-top:10rpx;margin-bottom:20rpx}.all .roomcard .room-card .room-card1 .room-card-textbox .room-card-textbox-label{width:400rpx;height:auto;display:flex;flex-wrap:wrap}.all .roomcard .room-card .room-card1 .room-card-textbox .room-card-textbox-label .room-card-textbox-label2{width:auto;font-size:24rpx;margin-right:20rpx;padding-left:4rpx;padding-right:4rpx;display:flex;justify-content:center;align-items:center;border:solid #e5e5e5 2rpx;white-space:normal;margin-top:10rpx;color:#6384AF}.all .roomcard .room-card .room-card2{width:100%;height:100rpx;display:flex;justify-content:flex-end;margin-top:20rpx}.all .roomcard .room-card .room-card2 .no{width:200rpx;height:80rpx;display:flex;justify-content:center;align-items:center;font-size:36rpx;background-color:#1A1A1A;color:white;margin-left:20rpx;border-radius:10rpx}.all .roomcard .room-card .room-card2 .price{font-size:36rpx;color:#C5262C;display:flex;align-items:center}.all .roomcard .room-card .room-card2 .submit{width:80rpx;height:80rpx;display:flex;justify-content:center;align-items:center;font-size:36rpx;background-color:#1A1A1A;color:white;margin-left:20rpx}