You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
6.4 KiB
1 lines
6.4 KiB
.bgcolor{background-color:var(--view-theme)}.accountTitle{background-color:var(--view-minorColorT);position:fixed;left:0;top:0;width:100%;z-index:99}.accountTitle .sysTitle{width:100%;position:relative;font-weight:500;color:#333;font-size:30rpx}.accountTitle .sysTitle .iconfont{position:absolute;font-size:36rpx;left:11rpx;width:60rpx}.payment{position:relative;width:710rpx;background-color:#fff;border-radius:32rpx;margin:-176rpx auto 0 auto;padding-bottom:64rpx}.payment .nav{height:96rpx;line-height:96rpx;background-color:#f5f5f5;border-radius:32rpx 32rpx 0 0}.payment .nav .item{font-size:30rpx;color:#333;width:280rpx;text-align:center;padding-right:40rpx;position:relative}.payment .nav .item.on1{padding-right:62rpx;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAABgCAMAAADmWM8qAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMA7H8s8frUzObgxFtDEQy4ooZ2YRX1u6uSU0g/HxgTlnlpBv6tmYyDbzs0Jdmwru3H1QQAAAH4SURBVHja7dpHktswEEbhZpAoUqRyTiNp8oztvv/tvJ2Ny0USUP2L913hFQg0CPuXZv++HY7ygeP/8rKYzhafE4ssSyuCtDco3jKL5nIdOrqqxnFWzSVNHH0kH3cLbjxy9FUcLazTxhHCbGUBLfmEhVJmFsyTI5jBzQLZOkJ6siCmjrDmFsDMEVpqve0crhdm6Yihtl5OHJDjKBvrg3HyJ5lD2dgRy8E6u3AnFk9hnaWOH1QWzIVNP6bKOro6YjpaN/ydjGtqnWSOqAbf7PqS3q2LwhHX6G7tnZ8dke2Z9SVtrL25I7bnzFr744jujelFUjKxtrizfISxtZU74qusLd7tP8SXteR4hFe6SMobuki60UVSQRdNn3SRNKOLpHxFF0kLukga0kVTTRdJv+kiaX2ii6SULpLKO10kHegiaUoXSYNvukia00XSaEIXSXu6SKrooimji6QdXSQlE7pIWtJFUkEXTV90kTSji6S8oYukD7pIGtJF05EukrZ0kbQ+00XSlS6SftFFU00XSS90kbQ+00XSgi6ShnTRdKSLpC1dJK1XdJGU0kVSsqKLpDldJOVnukja0UVTTRdJZUMXSa900XSji6YlXTTt6aLpQBdNC7pomq7oIqms6aLp5UQXSXk6oYukZJfRRVO1zOiiKdnMF+M6a/4CbqkELp0wS9oAAAAASUVORK5CYII=)}.payment .nav .item.on1::after{margin-left:150rpx}.payment .nav .item.on2{padding-left:62rpx;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAABgCAMAAADmWM8qAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMAfxHsLPrw5kLRxFwMyruXhhX04Ne3rquSeXZTRj0eGKSMamEG4XBLNCaeZpIWC3oAAAIgSURBVHja7d3bUuJAFEbhPyEYMYAwihwUUGF0Dvv9n28up5RS0qG7sy/W9wqpVDrptTuKZ7zdPC8md1eG84ZX9WhZPJZKrHqZDA2hhjdFpWTGzY2hq9G6VArHt4HhEoOiVHTbkeFSdaO45s+GGKY7RVTdGeIYHBTNK2uwiG4Vya0hpqWieDHEtVAEhSG2FZfFp0IXujak8K6LlCyQ06h3LMVcmuoCT4ZUGnU3MaRSl9wuLhXqiu2WlAYla2SX1upmYUhppE5+8xU5sUpdzAwn+n/yH2tDWhN18GhIba9wU0NqjYJVhuRm7FK69KBQYyK+DO4VqjGkV/NpzKUrBfplyGDIPqVPClMydZSHwrwaslAYZioyUZCtIQ8FYdglF4WY/zDkoRAbQyYKcW/IhAzGJwV4MOSi9nZkMPkwiOSTWjsy8ZKRWns35EP86hPxq0/Erz6ppTHxa1bErz6RwfhE/OqT2lkZsiJ+9UmtHAx5cYyCT8SvPqmNP4bMiF99UgtvhtyIX30ifvVJ5y0N2emsPfFrD3TW2pAf8atPxK8+Eb/6xFPfJ0ZefOKp7xNPfZ941/eJQVefGHnx6fvbhQymL7TiPukbe/aPe0Nk6RPvLj7pS+VPQ284MdEnTubzSV/4a+gTY3s+8b89n0hgfNKpOT946Z9OPPHe4oA+2dG/uKAPxgWfKn34MKS/Yr/Fi/8X5cCRFo6orK6bzWzKneLLP8XOa9+Ahr+CAAAAAElFTkSuQmCC)}.payment .nav .item.on2::after{margin-left:192rpx}.payment .nav .item.on3{padding-left:62rpx}.payment .nav .item.on{font-weight:700;width:407rpx;height:96rpx;background-repeat:no-repeat;background-size:100% 100%;text-align:center}.payment .nav .item.on::after{width:38rpx;height:30rpx;border:2px solid var(--view-theme);border-left:2px solid transparent!important;border-top:2px solid transparent!important;border-right:2px solid transparent!important;border-radius:50%;position:absolute;content:" ";left:0;bottom:10rpx}.payment .input{margin:32rpx auto 0 auto;font-size:56rpx;color:#333;background:#f5f5f5;border-radius:16rpx;height:114rpx}.payment .input text{padding-left:26rpx;font-weight:600}.payment .input input{width:520rpx;height:94rpx;font-size:60rpx;margin-left:24rpx;font-family:SemiBold}.payment .input .placeholder{font-weight:400;color:#ddd;height:100%;line-height:94rpx;font-size:32rpx}.payment .tip{font-size:26rpx;color:#888;padding:30rpx 33rpx 0 33rpx}.payment .tip .title{font-weight:400;color:#333;font-size:28rpx}.payment .but{color:#fff;font-size:28rpx;width:646rpx;height:88rpx;border-radius:50rpx;margin:150rpx auto 0 auto;line-height:88rpx;font-weight:500;background:linear-gradient(90deg,var(--view-theme),var(--view-gradient))}.paymentCon{background:linear-gradient(180deg,var(--view-minorColorT),#f5f5f5);padding-top:32rpx}.payment-top{width:710rpx;height:396rpx;background:linear-gradient(90deg,var(--view-theme),var(--view-gradient));margin:0 auto;border-radius:32rpx 32rpx 0 0;padding:56rpx 60rpx;box-sizing:border-box;position:relative}.payment-top .name{font-size:28rpx;color:hsla(0,0%,100%,.8)}.payment-top .money{font-size:68rpx;color:#fff;font-family:SemiBold;margin-top:16rpx}.payment-top .pictrue{width:186rpx;height:186rpx;position:absolute;right:60rpx;top:66rpx}.payment-top .pictrue image{width:100%;height:100%}.picList{display:flex;flex-wrap:wrap}.picList .pic-box{width:204rpx;height:144rpx;border-radius:20rpx;padding:28rpx 0 26rpx 0;margin:16rpx 16rpx 0 0;box-sizing:border-box;position:relative}.picList .pic-box:nth-child(3n){margin-right:0}.picList .pic-box .label{position:absolute;left:-2rpx;top:-18rpx;width:118rpx;height:40rpx;background:linear-gradient(270deg,#faad14,#ff7d00);border-radius:16rpx 0 16rpx 0;color:#fff;font-size:22rpx;text-align:center;line-height:40rpx}.picList .pic-box-color{background-color:#f5f5f5;color:#333;border:1px solid #f5f5f5}.picList .pic-number{font-size:24rpx;font-weight:400;color:#999;margin-top:6rpx}.picList .pic-number-pic{font-size:36rpx;font-weight:500;width:100%;text-align:center}.picList .pic-number-pic .money{margin-left:10rpx}.picList .pic-box-money{height:70rpx;font-size:32rpx;text-align:center;font-weight:500;line-height:70rpx}.picList .placeholders{color:#333}.picList .pic-box-color-active{background-color:var(--view-minorColorT)!important;color:var(--view-theme)!important;border:1px solid var(--view-theme)}.picList .pic-box-color-active .pic-number, .picList .pic-box-color-active .placeholders{color:var(--view-theme)!important}.tips-box{margin-top:48rpx;width:100%;padding:0 32rpx;box-sizing:border-box}.tips-box .tips{font-size:32rpx;color:#333;font-weight:600;margin-bottom:24rpx}.tips-box .tips-samll{font-size:24rpx;color:#999;margin-bottom:20rpx}.tips-box .tips-samll .drop{width:10rpx;height:10rpx;background-color:var(--view-theme);border-radius:50%;margin-top:12rpx}.tips-box .tips-samll .info{width:620rpx}.tips-box .tip-box{margin-top:30rpx}.tips-title{margin-top:32rpx;font-size:26rpx;color:#333} |