.ttop{position: fixed;top: 0;left: 0;right: 0;z-index: 50;} .back{position: relative;} .back image{width: 15rpx;height: 25rpx;padding: 10rpx 23rpx;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .top{position: relative;z-index: 2;height: 480rpx;overflow: hidden;} .top::after{content: '';display: block;position: absolute;top: 0;width: 120%;left: -10%;right: -10%;bottom: 0;border-radius: 0 0 40% 40%;z-index: 1;background: linear-gradient(45deg,var(--submain),var(--mian));} .top-c{position: relative;z-index: 5;padding-top: 180rpx;font-size: 36rpx;color: #fff;text-align: center;height: 100%;box-sizing: border-box;background-color: var(--main);} .top-c image{width: 230rpx;height: 238rpx;position: absolute;right: 60rpx;bottom: 110rpx;z-index: 6;} .box{background-color: #fff;border-radius: 12rpx;margin: 30rpx;padding: 25rpx 0 0;position: relative;} .tits{font-size: 36rpx;color: #333;font-weight: bold;padding-right: 30rpx;} .tits::before{content: '';display: block;width: 8rpx;height: 32rpx;background: var(--mina);border-radius: 0 5rpx 5rpx 0;margin-right: 22rpx;} .form{padding: 0 32rpx;} .form .li{border-bottom: 1rpx solid #E9E9E9;font-size: 32rpx;color: #333;} .form .li:last-child{border-bottom: none;} .label{width: 140rpx;} .ipt{font-size: 32rpx;color: #333;padding: 32rpx 0;} .picker{position: relative;} .picker view{font-size: 32rpx;color: #333;padding: 32rpx 0;} .picker .bico{width: 25rpx;height: 16rpx;position: absolute;top: 50%;transform: translateY(-50%);right: 0;} .placeholder,view.placeholder{color: #999;} .gender{padding: 32rpx 0;} .gender .lis{color: #999;margin-right: 70rpx;} .gender .lis:last-child{margin-right: 0;} .gou{width: 32rpx;height: 32rpx;margin-right: 8rpx;} .shou{width: 116rpx !important;height: 56rpx !important;border-radius: 10rpx !important;border: 2rpx solid #07C160;font-size: 24rpx;color: #07C160;text-align: center;line-height: 56rpx !important;} .add-box{padding: 75rpx 0;} .add{width: 266rpx !important;height: 56rpx !important;border-radius: 10rpx !important;border: 2rpx solid #07C160;font-size: 24rpx;color: #07C160;text-align: center;line-height: 56rpx !important;margin: 0 auto !important;} .edit{font-size: 32rpx;font-weight: normal;} .edit image{width: 16rpx;height: 26rpx;margin-left: 14rpx;} .addr{padding: 40rpx 30rpx 45rpx;align-items: flex-start;} .addr image{width: 37rpx;height: 42rpx;margin-right: 10rpx;} .addr-dz{font-size: 32rpx;color: #333;} .addr-info{font-size: 28rpx;color: #999;margin-top: 10rpx;} .addr-info text{margin-left: 20rpx;} .bot{position: fixed;left: 0;right: 0;bottom: 0;padding: 0 30rpx 30rpx;} .btn{height: 96rpx;background: var(--mina);border-radius: 48rpx;font-size: 32rpx;color: #fff;text-align: center;line-height: 96rpx;}