page { background-color: #f6f7fb; } .container { .container_body { background: url("http://192.168.0.152:5500/assets/community_providentFund_Group_1523.png") no-repeat; background-size: 100% 100%; } .title { margin-top: 11rpx; margin-bottom: 20rpx; text-align: center; font-size: 36rpx; color: #ffffff; } .title_bottom { display: flex; justify-content: center; align-items: baseline; font-size: 60rpx; color: #ffffff; margin-bottom: 24rpx; view { margin-right: 19rpx; } } .name { display: flex; justify-content: center; font-size: 28rpx; color: #ffffff; padding-bottom: 68rpx; text { margin-right: 10rpx; } } .main { margin: 20rpx 20rpx 0; .person_info { background: #FFFFFF; border-radius: 20rpx 20rpx 20rpx 20rpx; padding: 26rpx 32rpx 20rpx 20rpx; margin-top: 20rpx; &:first-child { margin-top: 0; } .item { display: flex; justify-content: space-between; margin-bottom: 20rpx; .label { font-size: 28rpx; color: #999999; position: relative; .popup { position: absolute; padding: 20rpx; width: 542rpx; top: -200rpx; background: rgba(0,0,0,0.7); border-radius: 20rpx 20rpx 20rpx 20rpx; font-size: 28rpx; color: #FFFFFF; .angle { position: absolute; bottom: -10px; /* 调整箭头位置 */ left: 128px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.7); } } } .fix { display: flex; text { margin-right: 10rpx; } } .desc { font-size: 28rpx; color: #222222; } &:last-child{ margin-bottom: 0; } } } } .btn { width: 600rpx; height: 90rpx; line-height: 90rpx; background: linear-gradient( 91deg, #FF7658 0%, #FF370B 100%); border-radius: 100rpx 100rpx 100rpx 100rpx; text-align: center; font-size: 36rpx; color: #FFFFFF; margin: 77rpx auto 0; } .select_Popup { .header { margin: 0 33rpx; height: 93rpx; display: flex; justify-content: space-between; align-items: center; .title { font-size: 32rpx; color: #222222; } .close { font-size: 28rpx; color: #999999; } } .line { height: 20rpx; background: #F6F7FB; } .main { max-height: 420rpx; overflow: scroll; margin: 0 20rpx; .item { height: 103rpx; display: flex; justify-content: space-between; align-items: center; border-bottom: 1rpx solid #EBEBEB;; text { font-size: 32rpx; color: #222222; } .pic { width: 34rpx; height: 34rpx; margin-right: 16rpx; } } } } }