/* pagesSquare/components/survey-box/survey-box.wxss */
.flexflex {
    display: flex;
}

.flexcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexjcenter {
    display: flex;
    justify-content: center;
}

.flexacenter {
    display: flex;
    align-items: center;
}

.flex1 {
    flex: 1;
}

.block {
    background-color: rgba(255, 255, 255, 1);
    border: 1rpx solid rgba(235, 235, 235, 1);
    border-radius: 18rpx;
    margin-bottom: 60rpx;
    margin-left: 36rpx;
}

.survey {
    padding: 18rpx;

    .head {
        .head-icon {
            width: 117rpx;
            height: 145.5rpx;
            margin-top: 2px;
            margin-right: 12rpx;
        }

        .head-title {
            width: 300rpx;
            height: 66rpx;
            margin-top: -12rpx;
        }
    }

    .survey-box {
        width: 531rpx;
        background-color: rgba(242, 242, 242, 1);
        border-radius: 12rpx;
        padding: 19.5rpx 30rpx;
        margin-bottom: 15rpx;
        margin-top: -6rpx;
        position: relative;

        .title {
            text-align: center;
            color: #333333;
            font-size: 25rpx;
            margin: 0 auto 21rpx;
            height: 34.5rpx;

            .season {
                font-family: 'Arial', 'Arial Black', sans-serif;
                font-weight: 900;
                font-size: 24rpx;
                color: #F25D11;
            }
        }

        .across {
            justify-content: space-between;

            // margin-bottom: 21rpx;
            &:not(:last-of-type) {
                margin-bottom: 21rpx;
            }

            .item {
                height: 90rpx;
                background-color: rgba(253, 223, 109, 1);
                border-radius: 7.5rpx;
                flex-direction: column;

                &:not(:last-of-type) {
                    margin-right: 21rpx;
                }

                .date {
                    font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
                    font-weight: 900;
                    font-style: normal;
                    font-size: 22.5rpx;
                    text-align: center;
                }

                line-height: 39rpx;

                .text {
                    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size: 21rpx;
                    color: #333333;
                    text-align: center;
                }
            }
        }

    }

    .remark {
        font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
        font-weight: 400;
        font-size: 19.5rpx;
        color: #555555;
        line-height: 28.5rpx;

        .remark-ps {
            font-family: 'Arial', 'Arial-Black', 'Arial Black', sans-serif;
            font-weight: 900;
            color: #000000;
            font-size: 21rpx;
        }
    }
}