.playground_list {
    min-height: calc(100vh - 14.36vw);
    background-color: #22075E;
  
    .list_content {
        display: flex;
        flex-direction: column;
        padding: 4.1vw 6.15vw;
        background-color: #22075E;

        .search {
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            .ant-input-affix-wrapper {
                padding: 1.03vw 2.05vw;
                font-size: 2.56vw;
                color: #722ED1;
                height: 6.15vw;
                width: 61.03vw;
                border-radius: 64.1vw;
                line-height: normal;
            }

            .ant-btn {
                margin-left: 1.25vw;
                height: 2.08vw;
            }

            .ant-btn-icon {
                display: inline-block;
                height: 4.1vw;
                width: 4.1vw;
            }

            button {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 1.03vw 5.38vw;
                height: 6.15vw;
                font-size: 2.56vw;
                font-family: OpenSans-SemiBold;
                font-weight: 500;
                display: inline-flex;
                align-items: center;
                background-color: #722ED1;
                border-radius: 64.1vw;
            }
        }

        .list {
            .ant-spin{
                margin-top: 50%;
            }
            .no_data {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin-top: 50%;

                img {
                    height: 25.64vw;
                    width: 25.64vw;
                    margin-bottom: 4.1vw;
                }

                span {
                    font-size: 2.56vw;
                    font-family: OpenSans-Regular;
                    font-weight: 400;
                    color: #bfbfbf;
                }
            }

            .list_items {
                // gap: 4.1vw;
                margin-top: 6.15vw;

                .item {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    padding: 4.1vw;
                    width: 100%;
                    height: 34.36vw;
                    margin-bottom: 4.1vw;
                    border-radius: 1.03vw;
                    background: #130337;
                    box-shadow: 2.05vw 2.05vw 4.1vw .26vw rgba(34,7,94,0.32);
                    overflow: hidden;
                    cursor: pointer;

                    .item_top {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;

                        .tags {
                            display: flex;
                            flex-direction: row;

                            .typeIcon {
                                height: 5.13vw;
                                width: 5.13vw;
                            }

                            .tag {
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                padding: 1.03vw;
                                font-size: 2.05vw;
                                font-family: OpenSans-SemiBold;
                                font-weight: 500;
                                color: #FFFFFF;
                                background: #391085;
                                border-radius: 1.03vw;
                                margin-left: 2.05vw;
                            }
                        }
                    }

                    .item_con {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;

                        .name {
                            font-size: 4.1vw;
                            font-family: OpenSans-Bold;
                            font-weight: 700;
                            color: #FFFFFF;
                            margin: 4.1vw 0 2.05vw;
                            display: inline-block;
                            white-space: nowrap;
                            max-width: 100%;
                            height: 6.67vw;
                            text-align: left;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .desc {
                            font-size: 2.56vw;
                            font-family: OpenSans-SemiBold;
                            font-weight: 500;
                            color: #FFFFFF;
                            display: -webkit-box;
                            /* 使用flex布局 */
                            -webkit-box-orient: vertical;
                            /* 垂直排列 */
                            -webkit-line-clamp: 2;
                            /* 最多显示两行 */
                            height: 8.21vw;
                            line-height: 4.1vw;
                            width: 100%;
                            max-width: 100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            text-align: left;
                        }
                    }
                }
            }
        }


    }
}