MP-zxs/pages/minePages/grxxxg/grxxxg.wxss

/* pages/minePages/grxxxg/grxxxg.wxss */
page {
    background: linear-gradient(179deg, #cce1ff 0%, #ffffff 53%, #f9fbff 78%, #f8fbff 100%);
}

.page {
    padding: 40rpx 0;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
}

.containers {
    padding: 20rpx 30rpx;
    margin: 0 40rpx;
    width: calc(100% - 80rpx);
    background: #ffffff;
    border-radius: 10rpx;
    box-shadow: 0px 4rpx 16rpx 0px rgba(92, 92, 92, 0.12);
    box-sizing: border-box;
}

.item {
    width: 100%;
    height: 110rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid #eeeeee;
}

.item>.label {
    min-width: 150rpx;
    font-family: "苹方R";
    font-size: 26rpx;
    color: #333333;
}

.item>.value {
    width: 0;
    flex: 1;
    min-height: 110rpx;
    font-family: "苹方M";
    font-size: 26rpx;
    color: #333333;
}

.item>.value>input {
    width: 100%;
    min-height: 110rpx;
    text-align: right;
    font-family: "苹方R";
    font-size: 26rpx;
    color: #333333;
}

.item-select>.value {
    padding-right: 50rpx;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

.item-select>.select {
    color: #837F7C;
}

.item-select>.value::after {
    position: absolute;
    top: calc(50% - 7.5rpx);
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border: 15rpx solid transparent;
    border-top-color: #A7A7A7;
}

.item-code {
    width: 100%;
    min-height: 110rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid #eeeeee;
}

.item-code>.label {
    min-width: 150rpx;
    font-family: "苹方R";
    font-size: 26rpx;
    color: #333333;
}

.item-code>.value {
    width: 0;
    flex: 1;
    min-height: 110rpx;
    text-align: right;
    font-family: "苹方M";
    font-size: 26rpx;
    color: #333333;
}

.item-code>.value>input {
    width: 100%;
    min-height: 110rpx;
    text-align: right;
    font-family: "苹方M";
    font-size: 26rpx;
    color: #333333;
}

.item-code>.btn {
    width: 80rpx;
    min-height: 110rpx;
    font-family: "苹方R";
    font-size: 26rpx;
    color: #4686F6;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.item-code>.btn>button {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: "苹方R";
    font-size: 26rpx;
    color: #4686F6;
    line-height: 80rpx;
    background: transparent;
}

.button {
    margin-top: 50rpx;
    width: 100%;
    height: 80rpx;
    background: linear-gradient(90deg, #81afff, #4686f6);
    border-radius: 40rpx;
    font-family: "苹方R";
    font-size: 30rpx;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popContain {
    position: relative;
    width: 100%;
    height: calc(100% - 80rpx);
}

.title {
    position: sticky;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 80rpx;
    text-align: center;
    line-height: 60rpx;
    font-family: "苹方M";
    font-size: 32rpx;
    color: #313131;
    background: #ffffff;
}

.popContain .list {
    width: 100%;
    height: 100rpx;
    line-height: 100rpx;
    font-family: "苹方R";
    font-size: 28rpx;
    color: #313131;
    border-bottom: 1px solid #eeeeee;
}

.active {
    opacity: 0.6;
}