index.wxss 2.6 KB

1
  1. .all{width:100vw;background-color:#F1F1F2;background-image:url(https://file-cloud.fmode.cn/qpFbRRSZrO/20241225/h1105d091940141.png);background-repeat:no-repeat;background-size:750rpx 468rpx ;display:flex;align-items:center;flex-direction:column;font-family:MicrosoftYaHei;color:#333333}.all .navbox{width:100vw;display:flex;align-items:flex-end}.all .navbox .nav{width:100%;display:flex;justify-content:center;position:relative;margin-bottom:20rpx;height:40rpx}.all .navbox .nav image{position:absolute;left:38rpx;top:8rpx;width:44rpx;height:35rpx}.all .navbox .nav .nav-title{height:36rpx;font-family:MicrosoftYaHei;font-size:36rpx;color:#333333;line-height:40rpx;text-align:center}.all .perxonalbox{width:100%;height:162rpx;padding-top:20rpx;display:flex;position:relative;margin-bottom:70rpx;padding-left:34rpx;padding-right:34rpx;align-items:center}.all .perxonalbox .avatar{width:120rpx;height:120rpx;border-radius:50%}.all .perxonalbox .namebox{width:450rpx;height:162rpx;display:flex;justify-content:center;flex-direction:column;margin-left:20rpx}.all .perxonalbox .namebox .name{font-size:32rpx}.all .perxonalbox .namebox .databox{width:100%;height:40rpx;display:flex;color:#d81e06;margin-top:10rpx;align-items:center}.all .perxonalbox .namebox .databox .data{font-size:28rpx}.all .perxonalbox .namebox .databox image{width:30rpx;height:30rpx;margin-left:10rpx}.all .perxonalbox .namebox .numberbox{width:100%;font-size:26rpx;margin-top:20rpx}.all .perxonalbox .picbox{height:100%;display:flex;justify-content:center;align-items:center;margin-left:auto}.all .perxonalbox .picbox image{width:34rpx;height:34rpx}.all .perxonalbox .picbox image:nth-child(2){margin-left:20rpx}.all .infobox{width:627rpx;height:139rpx;display:flex;justify-content:space-around;align-items:center;background-color:white;border-radius:20rpx}.all .infobox .info{width:120rpx;height:100rpx;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:10rpx;margin-right:10rpx}.all .infobox .info .info-num{font-weight:bold;font-size:31rpx;color:#333333}.all .infobox .info .info-tex{font-size:26rpx;color:#333333;margin-top:4rpx}.all .textbox{width:100%;height:auto;padding-left:33rpx;padding-right:33rpx;background-color:white;margin-top:26rpx}.all .textbox .text1box{width:100%;height:110rpx;display:flex;align-items:center;justify-content:flex-end;border-bottom:#E0E0E0 2rpx solid}.all .textbox .text1box image{width:34rpx;height:34rpx;margin-left:10rpx}.all .textbox .text1box .text1{font-size:28rpx;margin-right:auto;margin-left:10rpx}.all .textbox .text1box:last-child{border-bottom:#E0E0E0 0rpx solid}