ts_aimz/pages/index/index.wxss

.bg-title {
    background-image: url('data:image/png;base64,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
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.content-box {
    display: flex;
    flex-direction: column;
    padding: 20rpx;
    margin-top: -50rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    border-radius: 10rpx;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(206, 206, 206, 0.4);
}

.container-title {
    display: flex;
    flex-direction: column;
    height: 80px;
}

.title-func {
    display: flex;
    flex-direction: row;
}

.create-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 2.5;
    background-color: #FFE5BC;
    color: #550101;
    border-radius: 10rpx;
    text-align: center;
}

.create-btn:active {
    background-color: #ffe5bc79;
}

.buy-btn {
    margin-left: 20rpx;
    line-height: 78px;
    width: 80px;
    height: 78px;
    border-radius: 4px;
    background-color: rgba(78, 175, 121, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    text-align: center;
    font-family: PingFangSC-regular;
}

.buy-btn:active {
    background-color: rgba(78, 175, 121, .3);
}

.notice-box {
    background-color: #FFE5BC;
    margin-top: 20rpx;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
}

.notice-box .icon {
    width: 20px;
    height: 20px;
}

.notice-box .txt {
    height: 20px;
    line-height: 17px;
    color: rgba(85, 0, 0, 1);
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    font-family: PingFangSC-light;
    margin-left: 15px;
}

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

.list-title-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.list-title-txt {
    line-height: 23px;
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
    font-family: TaipeiHei-bold;
    font-weight: bold;
}

.list-title-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 28rpx;
    text-align: center;
}

.btn-select {
    line-height: 20px;
    background-color: rgba(244, 206, 152, 0.18);
    color: rgba(233, 157, 66, 1);
    font-size: 14px;
    text-align: center;
    padding: 5px;
    border: 1px solid rgba(244, 206, 152, 0.18);
}

.btn-normal {
    line-height: 20px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    text-align: center;
    border: 1px solid rgba(248, 248, 248, 1);
    padding: 5px;
}

.list-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.tab-select {
    white-space: nowrap;
    line-height: 17px;
    border-radius: 2px;
    background-color: rgba(255, 226, 168, 0.57);
    color: rgba(93, 57, 0, 1);
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
}

.tab-normal {
    line-height: 17px;
    border-radius: 2px;
    background-color: rgba(248, 248, 248, 1);
    color: rgba(154, 154, 154, 1);
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    padding: 2px 5px;
}

.item-margin {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.item-margin:nth-of-type(n+2) {
    margin-left: 20rpx;
}

/* list */
.list-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.list-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #F7F7F7;
    border-radius: 2px;
    padding: 5px;
}

.list-item:nth-of-type(n+2) {
    margin-top: 20rpx;
}

.item-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.item-img .cover {
    width: 95px;
    height: 68px;
    border-radius: 2px;
}

.item-img-status {
    background-color: #AFE5C7;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 95px;
    font-size: 24rpx;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    height: 68px;
    padding-left: 16px;
    width: 90vw;
}

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


.project-name {
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    flex: 1;
}

.project-status {
    font-size: 30rpx;
    color: black;
    font-weight: 200;
    flex: 1;
    padding-left: 5px;
}

.item-content-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.project-aff {
    color: #4f4f4f;
    margin-top: 2px;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.project-aff .icon {
    width: 14px;
    height: 14px;
}

.project-aff .txt {
    text-align: left;
    margin-left: 3px;
}

.project-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 57vw;
}

.project-create-time {
    font-size: 26rpx;
    color: #4f4f4f;
}

.project-btn {
    font-size: 28rpx;
    background-color: #FE9944;
    color: white;
    padding: 8rpx 30rpx 8rpx 30rpx;
    border-radius: 10rpx;
}

.project-btn-no {
    font-size: 28rpx;
    background-color: rgba(239, 239, 239, 1);
    color: white;
    padding: 8rpx 30rpx 8rpx 30rpx;
    border-radius: 10rpx;
}

.project-btn:active {
    background-color: #fe994479;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 5px;
}

.marquee-text {
    display: inline-block;
    animation: marquee 9s linear infinite;
    color: rgba(85, 0, 0, 1);
    font-size: 14px;
    margin-left: 15px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}