page{ overflow-y: hidden; } .main{ margin-top: 300rpx; height: 100%; /* position: relative; left: 50%; top: 30%; transform: translate(-50%,-50%); width: 100%; */ } .main .title{ line-height: 48rpx; color: #7D87A6; font-size: 32rpx; text-align: center; margin-top: 32rpx; margin-bottom: 140rpx; padding: 0 80rpx; } #payPwd{ margin-top: 160rpx; } #payPwd .pwd-wrap{ width: 100%; height: 48px; padding-bottom: 1px; margin: 0 auto; background: #fff; display: flex; display: -webkit-flex; cursor: pointer; justify-content: space-between; padding: 0; } .pwd-wrap li{ list-style-type:none; text-align: center; width: 94rpx; line-height: 44px; height: 100%; border:2rpx solid #ddd ; border-radius: 10rpx; } .pwd-wrap li i{ height: 10px; width: 10px; border-radius:50% ; background: #000; display: inline-block; } .borc{ border-color: #5B53FF !important; } .btnconn{ width: 100%; display: flex; justify-content: space-between; margin-top: 160rpx; } .btnconn .btn{ width: 310rpx; line-height: 86rpx; border-radius: 20rpx; border: 2rpx solid #F6F8FE; text-align: center; display: flex; align-items: center; color:#A3AED0; justify-content: center; font-size: 34rpx; } .active{ color: #6F67FF!important; background-color: #F6F8FD; border: none !important; } .btnconn .btn .img1{ width: 48rpx; height: 48rpx; } .big_title2{ margin-bottom: 50rpx; } .big_title{ text-align: center; font-size: 36rpx; } .bottom_con{ margin-top: 65rpx; } .bottom_con .top{ word-break: break-all; padding: 52rpx 32rpx; text-align: center; line-height: 50rpx; background-color: #FAFAFA; border-radius: 20rpx 20rpx 0 0; } .bottom_con .bottom{ background-color: #F6F8FD; display: flex; justify-content: center; align-items: center; font-size: 32rpx; height: 96rpx; border-radius: 0 0 20rpx 20rpx; } .img1{ width: 48rpx; height: 48rpx; margin-right: 10rpx; } .code_con .img2{ display: block; width: 486rpx; height: 482rpx; margin: 0 auto; margin-top: 64rpx; } .code_con .text{ margin-top: 40rpx; text-align: center; font-size: 28rpx; color: #7D87A6; padding-bottom: 150rpx; } /* /deep/ .u-box[data-v-0e1e7f9a] { border: 2rpx solid #E0E5F2 !important; } */ /deep/ .u-dot span{ color: #000 !important; } /deep/ .u-placeholder-line{ background: #5B53FF; } /deep/ .u-dot span { color: #5B53FF !important; } .infoText{ color:#F16063; font-size: 30rpx; text-align: center; margin-top: 48rpx; } page{ height: 100%; }