view { box-sizing: border-box; } .container { min-height: 100vh; background: #F7F8FB; .box { padding-top: 24rpx; // min-height: 100vh; .addpd { padding: 0 30rpx; } .top { height: 96rpx; background: #FFFFFF; border-radius: 32rpx; padding-left: 24rpx; padding-right: 24rpx; display: flex; align-items: center; justify-content: space-between; .left { font-size: 32rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 500; color: #080F18; } .right { display: flex; align-items: center; font-size: 28rpx; font-family: PingFang-SC, PingFang-SC; font-weight: bold; color: #333333; .icon { width: 34rpx; height: 32rpx; margin-right: 12rpx; } .icon_arrR{ width: 12rpx; height: 21rpx; margin-left:16rpx; } } } .money { display: flex; flex-direction: column; // height: 248rpx; background: #FFFFFF; border-radius: 32rpx; margin-top: 24rpx; padding: 32rpx 28rpx 48rpx 28rpx; .label { font-size: 32rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 500; color: #080F18; margin-bottom: 60rpx; } .bot { display: flex; align-items: center; justify-content: space-between; border-bottom: 2rpx solid #ECECEC; // padding-bottom: 6rpx; .left { display: flex; align-items: center; .danwei { font-size: 52rpx; font-family: PingFang-SC, PingFang-SC; font-weight: bold; color: #080F18; } input { font-size: 32rpx; font-family: PingFang-SC, PingFang-SC; font-weight: bold; color: #080F18; width: 42vw; } } .tips { font-size: 24rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 500; color: #999999; } } } .info { background: #FFFFFF; border-radius: 20rpx; margin-top: 24rpx; padding-left: 24rpx; padding-right: 24rpx; .item { display: flex; justify-content: space-between; align-items: center; height: 100rpx; .label { font-size: 28rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; color: #333333; } input { font-size: 28rpx; text-align: right; width: 70vw; } } .bb { border-bottom: 1rpx solid #E6E7E8; } } .botTxt { margin-top: 26rpx; display: flex; align-items: start; .icon { width: 24rpx; height: 24rpx; margin-right: 8rpx; margin-top: 8rpx; } .right { .item { display: flex; align-items: center; font-size: 24rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 400; color: #007AFF; line-height: 36rpx; } } } } .quxiao { font-size: 32rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 500; color: #999999; margin-left: 28rpx; } .queren { font-size: 32rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 500; color: #01C1C4; margin-right: 28rpx; } .content { padding: 130rpx 28rpx; .item { height: 96rpx; display: flex; align-items: center; justify-content: center; } .bord { border-top: 1rpx solid #CECFD1; border-bottom: 1rpx solid #CECFD1; } .active { font-weight: bold; color: #01C1C4; border-top: 1rpx solid #CECFD1; border-bottom: 1rpx solid #CECFD1; } } .myRoot{ border-radius: 20rpx 20rpx 0rpx 0rpx!important; box-shadow: 0rpx -10rpx 32rpx 0rpx rgba(0, 0, 0, 0.04)!important; // position: relative!important; // z-index: 999999!important; position: fixed!important; bottom: 0!important; width: 100%; } .myAc { font-weight: bold; color: #01C1C4 !important; // border-top: 1rpx solid #CECFD1; // border-bottom: 1rpx solid #CECFD1; } .van-picker__confirm { font-size: 32rpx !important; font-family: PingFang-SC, PingFang-SC !important; font-weight: 500 !important; color: #01C1C4 !important; } .van-picker__title { font-size: 32rpx !important; font-family: PingFangSC, PingFang SC !important; font-weight: 500 !important; color: #080F18 !important; } } .btnBox{ height: 176rpx; background: #FFFFFF; // background:red; box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.05); border-radius: 32rpx 32rpx 0rpx 0rpx; position: fixed; bottom: 0; width: 100%; padding-left: 30rpx; padding-right: 30rpx; padding-top: 32rpx; .btn{ height: 96rpx; background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%); box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,122,255,0.2); border-radius: 54rpx; display: flex; justify-content: center; align-items: center; font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #FFFFFF; } } ::v-deep .u-picker{ border-radius: 30rpx 30rpx 0 0; } ::v-deep .u-popup__content{ border-radius: 30rpx 30rpx 0 0!important; }