.ac{ position: relative; } .main{ padding: 0 26rpx; padding-bottom: 50rpx; } .main_con{ background-color: #fff; border-radius: 26rpx; padding-left: 26rpx; padding-right: 26rpx; margin-top: 98rpx; box-shadow: 0 10rpx 30rpx 10rpx #EAEDF0; position: relative; } .yuan{ width: 114rpx; height: 114rpx; border-radius: 50%; position: absolute; top:-50rpx; left: 50%; transform: translateX(-50%); } .yuan .img1{ width: 90rpx; height: 90rpx; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .main_con .title{ padding-top: 60rpx; text-align: center; font-size: 36rpx; font-weight: 600; } .flex{ display: flex; justify-content: space-between; align-items: center; } .main_con .item{ border-bottom: 2rpx solid #F6F8FD; padding: 40rpx 0; } .main_con .item .inputcon{ background-color: #FAFAFA; border-radius: 22rpx; } .main_con .item .input1{ padding-left: 20rpx; margin-top: 24rpx; width: 85%; position: relative; } input{ font-size: 26rpx; } .inputcon{ position: relative; } .inputcon .img1{ width: 48rpx; height: 48rpx; position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); } .main_con .item .top .text1{ color: #7D87A6; font-size: 30rpx; } .main_con .item .top .text2{ color: #5B53FF; font-size: 30rpx; } .main_con .item .top .text3{ color: #A3AED0; font-size: 28rpx; } .bg{ text-align: center; width: 108rpx; line-height: 56rpx; background-color: #F4F7FE; } .main_con .item .bottom{ margin-top: 16rpx; } .main_con .item .inputcon .rig{ position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); color: #A3AED0; } .main_con .item .inputcon .rig .text1{ margin-right: 8rpx; } .main_con .item .inputcon .rig .text2{ margin-left: 8rpx; } .ac{ color: #000 !important; } .main_con .item .input2{ width: 68% !important; padding-left: 20rpx; margin-top: 20rpx; } .inputcon2{ margin-top: 20rpx; } .inputcon2 .inputc{ background-color: #FAFAFA; border-radius: 22rpx; position: relative; padding: 0 20rpx; } .inputcon2 .inputc .input3{ width: 68%; } .flex{ display: flex; justify-content: space-between; align-items: center; } .textt{ font-weight: 500; font-size: 28rpx; } .btn_con{ position: relative; bottom: 0; background-color: #fff; padding: 20rpx 48rpx; } .btn_con .btn{ text-align: center; color: #fff; background-color: #5B53FF; border-radius: 32rpx; line-height: 96rpx; } .bottom_con{ background-color: #F8F8F9; border-radius: 24rpx 24rpx 0 0; padding-top: 24rpx; margin-top: 64rpx; padding-bottom: 60rpx; } .bottom_con .tiao{ width: 96rpx; height: 8rpx; background-color: #C9D4EA; border-radius: 8rpx; margin: 0 auto; } .big_con .bigtitle{ text-align: center; font-weight: 700; font-size: 36rpx; padding-top: 34rpx; } .big_con .tiao{ width: 96rpx; height: 8rpx; background-color: #C9D4EA; border-radius: 8rpx; margin: 0 auto; } .bottom_con { background-color: #fff; border-radius: 26rpx; padding-left: 26rpx; padding-right: 40rpx; position: relative; } .bottom_con .title{ text-align: center; font-size: 36rpx; padding-top: 50rpx; } .flex{ display: flex; justify-content: space-between; align-items: center; } .bottom_con .title_con{ padding-top: 60rpx; padding-bottom: 34rpx; border-bottom: 2rpx solid #F6F8FD; } .bottom_con .title_con .text1{ font-size: 34rpx; font-size: 500; } .bottom_con .item{ padding: 34rpx 0; } .bottom_con .item .text1{ font-size: 28rpx; color: #7D87A6; } .bottom_con .item .text2{ font-size: 28rpx; margin-top: 8rpx; word-break: break-word; } .bottom_con .item .text2 .img{ width: 48rpx; height: 48rpx; margin-left: 12rpx; vertical-align: middle; } .yuan{ width: 114rpx; height: 114rpx; border-radius: 50%; position: absolute; top:-50rpx; left: 50%; transform: translateX(-50%); } .yuan .img1{ width: 92rpx; height: 92rpx; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .big_con{ background-color: #F8F8F9; border-radius: 26rpx 26rpx 0 0; padding: 0 24rpx; position: absolute; z-index: 999; bottom: -120rpx; width: 100%; padding-top: 24rpx; padding-bottom: 100rpx; } .goto{ text-align: center; color: #fff; background-color: #5B53FF; border-radius: 32rpx; line-height: 96rpx; margin-top: 88rpx; } .zhiwen_con{ background-color: #F8F8F9; border-radius: 26rpx 26rpx 0 0; padding: 0 24rpx; position: absolute; z-index: 9999; bottom: -70rpx; padding-top: 24rpx; padding-bottom: 100rpx; width: 100%; } .zhiwen_con .tiao{ width: 96rpx; height: 8rpx; background-color: #C9D4EA; border-radius: 8rpx; margin: 0 auto; } .zhiwen_con .bigtitle{ text-align: center; font-weight: 700; font-size: 36rpx; padding-top: 34rpx; } .zhiwen_con .bottom_con { background-color: #fff; border-radius: 26rpx; padding-left: 26rpx; padding-right: 40rpx; position: relative; height: 480rpx; padding-top: 100rpx; } .zhiwen_con .bottom_con .img1{ display: block; width: 96rpx; height: 106rpx; margin: 0 auto; } .zhiwen_con .bottom_con .text1{ text-align: center; color: #7D87A6; font-size: 28rpx; margin-top: 45rpx; margin-bottom: 80rpx; } .zhiwen_con .bottom_con .con .textt1{ color: #5B53FF; } .zhiwen_con .bottom_con .con .textt2{ color: #639AF2; } .red{ color: #F16063 !important; } .green{ color: #6AD6A8 !important; } .back{ width: 30rpx; height: 30rpx; position: absolute; left:36rpx; top: 50%; transform: translateY(-50%); }