index.wxss 3.2 KB

1
  1. .all{width:100vw;height:100vh;background-color:#f7f7f7}.all .picturebox{width:100%;height:430rpx;position:relative}.all .picturebox .img{width:100%;height:430rpx}.all .picturebox .img image{width:100%;height:100%}.all .picturebox .infobox{width:94%;height:250rpx;background-color:white;display:flex;justify-content:center;flex-direction:column;align-items:center;border-radius:20rpx;position:absolute;left:3%;bottom:-186rpx;z-index:10;border:solid #e5e5e5 2rpx;box-shadow:0 4rpx 10rpx rgba(0,0,0,0.2)}.all .picturebox .infobox .seach{width:80%;height:110rpx;background-color:white}.all .picturebox .infobox .seach .a{background-color:white;padding:auto}.all .picturebox .infobox .datebox{width:90%;height:132rpx;display:flex;align-items:center;font-size:32rpx;border-top:solid #e5e5e5 2rpx}.all .picturebox .infobox .datebox .today{font-size:28rpx;color:gray;margin-left:10rpx;display:flex;justify-content:flex-end}.all .picturebox .infobox .datebox .start{display:flex;justify-content:flex-end}.all .picturebox .infobox .datebox .day{display:flex;justify-content:center;align-items:center;margin-left:auto;width:90rpx;height:42rpx;background-color:#ECECEC;font-size:25rpx;color:black}.all .picturebox .infobox .datebox .end{margin-left:auto}.all .Legendary-Information{margin-top:204rpx;width:100%;background-color:white;overflow-y:hidden;padding-left:3%;padding-right:3%;padding-bottom:40rpx;column-count:2;column-gap:20rpx}.all .Legendary-Information .picbox{height:280rpx;background-image:url('https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/01atf5032703958.png?imageView2/1/w/200/h/200');margin-top:20rpx;margin-bottom:20rpx;break-inside:avoid}.all .Legendary-Information .picbox .pic-2{width:100%;height:56rpx}.all .Legendary-Information .picbox .pic-1{width:100%;height:66rpx;padding-left:126rpx;margin-top:4rpx}.all .Legendary-Information .picbox .pic-1 .pic-1tex{font-size:26rpx}.all .Legendary-Information .picbox .pic-1 .pic-1tex2{font-size:20rpx}.all .Legendary-Information .cardbox{break-inside:avoid;margin-bottom:20rpx;width:100%}.all .Legendary-Information .cardbox .pic{width:100%;height:275rpx}.all .Legendary-Information .cardbox .textobx{width:100%;height:220rpx;padding-top:10rpx;padding-left:20rpx;padding-right:20rpx}.all .Legendary-Information .cardbox .textobx .title{width:100%;height:50rpx;display:flex;align-items:center}.all .Legendary-Information .cardbox .textobx .title .til{font-size:30rpx;font-weight:600}.all .Legendary-Information .cardbox .textobx .title .collect{width:50rpx;height:50rpx;margin-left:auto}.all .Legendary-Information .cardbox .textobx .miaosu{width:100%;height:80rpx;font-size:28rpx;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.all .Legendary-Information .cardbox .textobx .bottom{width:100%;height:80rpx;display:flex;align-items:center}.all .Legendary-Information .cardbox .textobx .bottom .qian{color:#C5262Ced;display:flex}.all .Legendary-Information .cardbox .textobx .bottom .qian .numbox{margin-left:6rpx}.all .Legendary-Information .cardbox .textobx .bottom .soucang{width:104rpx;height:48rpx;font-size:26rpx;background-color:#343027;border-radius:40rpx;color:white;margin-left:auto;display:flex;justify-content:center;align-items:center}