ts_aimz/pages/copyright/createProjectInfo/createProjectInfo.wxss

page {
    background: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
    background-size: 100% 100vh;
    background-repeat: no-repeat;
}

.create-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.container-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px;
}

.create-title {
    height: 80rpx;
    background-color: blanchedalmond;
}

.info-box {
    display: flex;
    flex-direction: column;
    margin-top: 20rpx;
}

.info-title {
    font-size: 36rpx;
    font-weight: 500;
}

.info-value {
    margin-top: 20rpx;
    border: 1rpx solid #f2f2f2;
    padding: 24rpx;
    font-size: 28rpx;
    background-color: white;
}

.info-btn {
    align-self: flex-end;
    background-color: #FFA900;
    margin-top: 20rpx;
    padding: 5rpx 40rpx;
    color: white;
    border-radius: 10rpx;
}

.content-box {
    margin-top: 20rpx;
}

.section {
    border: 1px solid #f4f4f4;
    border-radius: 5rpx;
    padding: 15rpx;
    margin-bottom: 15rpx;
    background-color: white;
}

.item {
    display: flex;
    align-items: center;
    margin-bottom: 10rpx;
    padding: 20rpx 10rpx;
    font-size: 28rpx;
}

.label {
    color: black;
}

.desc {
    flex: 1;
    color: #999;
    text-align: left;
    padding-left: 20rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 10px;
    align-items: center;
}

.desc .icon {
    width: 32rpx;
    height: 32rpx;
}

.value {
    color: #666;
    padding-right: 10px;
}

.language-sel {
    font-size: 30rpx;
    flex: 1;
    text-align: center;
}


.link {
    color: #007AFF;
}

.flex-1 {
    display: flex;
    flex-direction: row;
    flex: 1;
}

.selection-box {
    position: relative;
    flex: 1;
}

.language-options {
    position: absolute;
    top: 100%;
    left: -20rpx;
    padding: 10rpx 20rpx;
    border: 1px solid #f2f2f2;
    border-top: none;
    background-color: white;
    box-shadow: 0rpx 0rpx 10rpx 10rpx #f2f2f2;
}

.option {
    padding: 15rpx;
    cursor: pointer;
    border-bottom: 1rpx solid #f2f2f2;
}

.option:hover {
    background-color: #f0f0f0;
}

.bottom-box {
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100vw;
    line-height: 100rpx;
    border-radius: 20rpx;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bottom-box .btn {
    background-color: #37AD46;
    color: white;
    text-align: center;
    height: 40px;
    width: 94vw;
    line-height: 40px;
    border-radius: 20rpx;
    margin-bottom: 20px;
}

.bottom-box .money {
    color: #532A00;
    font-size: 20px;
}

.price {
    color: rgb(250, 0, 0);
}

.form-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 14px;
    width: 100vw;
}

.form-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 80vw;
    padding: 10px;
}

.form-item-title {
    flex: .3;
    font-size: 14px;
    color: black;
    font-weight: 500;
    text-align: left;
}

.form-item-title:not(.no-after)::after {
    content: "*";
    color: red;
    font-size: 14px;
    margin-left: 1px;
    text-align: center;
}

.form-item-content {
    flex: 1;
}

.project-box {
    display: flex;
    flex-direction: column;
}

.project-item {
    font-size: 18px;
    background-color: #f5f5f5;
    margin: 10px;
    padding: 10px;
    text-align: center;
}

.confirm-btn {
    background-color: green;
    color: white;
    font-size: 16px;
    height: 40px;
    border-radius: 10px;
    text-align: center;
}

.coupons-list-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.tickets {
    display: flex;
    padding: 5px;
    width: 88vw;
    box-sizing: border-box;
}

.l-tickets {
    width: 60vw;
    position: relative;
    padding: 10px;
    background: radial-gradient(circle at right top, transparent 16rpx, #ffaa0017 0) right top / 100% 51% no-repeat,
        radial-gradient(circle at right bottom, transparent 16rpx, #ffaa0017 0) right bottom / 100% 50% no-repeat;
}


.l-tickets::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 8rpx;
    top: 0;
    left: -8rpx;
    background: radial-gradient(circle at left center, transparent 8rpx, #ffaa0017 0) left center / 8rpx 20rpx;
}



.r-tickets {
    flex: 1;
    position: relative;
    background: radial-gradient(circle at left top, transparent 16rpx, #ffaa0017 0, #ffaa0017 100%) right top / 100% 50% no-repeat,
        radial-gradient(circle at left bottom, transparent 16rpx, #ffaa0017 0, #ffaa0017 100%) right bottom / 100% 50% no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #5D3900;
}

.r-tickets::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 8rpx;
    top: 0;
    right: -8rpx;
    background: radial-gradient(circle at right center, transparent 8rpx, #ffaa0017 0) right center / 8rpx 20rpx;
}

.r-tickets::before {
    content: '';
    width: 1rpx;
    background: linear-gradient(to top, #fff 0%, #fff 50%, transparent 50%) top left / 1rpx 20rpx repeat-y;
    position: absolute;
    left: 0;
    top: 16rpx;
    bottom: 16rpx;
}

.ticket-container:nth-last-of-type(n+1) {
    margin-top: 10px;
}


.ticket-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #5D3900;
    font-weight: 400;
}

.ticket-content {
    font-size: 18px;
    color: #5D3900;
    text-align: center;
    margin-top: 5px;
    font-weight: 800;
}

.ticket-desc {
    font-size: 12px;
    color: #5D3900;
    margin-top: 10px;
    font-weight: 400;
}


.coupons-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background-color: #ffaa0017;
    border-radius: 10px;
    width: 85vw;
    padding: 10px 5px;
}

.coupons-item:nth-last-of-type(n+1) {
    margin-top: 10px;
}

.coupons-item-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.coupons-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 7px;
}

.coupons-desc .title {
    font-size: 16px;
    color: red;
}

.coupons-desc .dd {
    font-size: 12px;
    color: red;
}

.counpons-check {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.counpons-check .txt {
    font-size: 16px;
    color: red;
    font-weight: 600;
}

.coupons-icon {
    background-image: url('data:image/png;base64,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
    background-size: contain;
    background-repeat: no-repeat;
}

/* 未选中状态 */
.custom-radio .wx-radio-input {
    border-color: #FFA900;
    /* 自定义未选中时的边框颜色 */
    background-color: transparent;
}

/* 选中状态 */
.custom-radio .wx-radio-input.wx-radio-input-checked {
    border-color: #FFA900;
    /* 自定义选中时的边框颜色 */
    background: linear-gradient(to right, #FFA900, #ffaa007e);
    /* 自定义选中时的背景颜色 */
}

/* 选中状态下的内部圆圈 */
.custom-radio .wx-radio-input.wx-radio-input-checked::before {
    color: #fff;
    /* 自定义选中时内部圆圈的颜色 */
}