// .main {
//     // width: 100vw;
//     // height: 100vh;
//     width: 3480px;
//     height: 1080px;
//     background: linear-gradient(180deg, #1C2035 0%, #101320 100%);
//     overflow: hidden;

//     .pageTop {
//         width: 100%;
//         height: 48px;
//         position: relative;
//         z-index: 9;
//     }

//     // .pageContent{
//     //     width: 100%;
//     //     height: ;
//     // }

//     .content {
//         width: 100%;
//         box-sizing: border-box;
//         padding: 0 50px;
//         display: flex;
//         justify-content: space-between;

//         .left {
//             padding-top: 46px;
//             position: relative;
//             z-index: 9;

//             .leftBox {
//                 display: flex;
//                 align-items: flex-start;

//                 .topLeft {
//                     width: 458px;

//                     .topLeftContent {
//                         width: 100%;
//                         box-sizing: border-box;
//                         padding: 20px 20px 0;
//                     }
//                 }

//                 .topRight {
//                     width: 458px;
//                     margin-left: 30px;

//                     .topRightContent {
//                         width: 100%;
//                         box-sizing: border-box;
//                         padding: 20px 20px 0;
//                     }
//                 }




//             }

//             .leftBottom {
//                 width: 946px;
//                 margin-top: 20px;

//                 .leftBottomContent {
//                     width: 100%;
//                     box-sizing: border-box;
//                     padding: 0 20px;
//                     display: flex;
//                     align-items: center;
//                 }
//             }
//         }

//         .centerBox {
//             width: 1160px;
//             padding-top: 66px;
//             display: flex;
//             flex-direction: column;
//             justify-content: space-between;
//         }

//         .rightBox {
//             padding-top: 46px;
//             display: flex;
//             position: relative;
//             z-index: 9;

//             .rightLeft {
//                 width: 458px;
//                 margin-right: 30px;

//                 .rightLeftCenter {
//                     width: 100%;
//                     margin-top: 30px;
//                     display: flex;
//                     justify-content: space-between;
//                 }

//             }

//             .rightright {
//                 width: 458px;

//             }


//         }
//     }


//     .leftContent {
//         width: 100%;
//         height: 1005px;
//         box-sizing: border-box;
//         padding: 47px 50px 40px;
//         display: flex;


//         .left1st {
//             width: 458px;
//             height: 100%;
//             margin-right: 30px;

//             .left1stTop {
//                 width: 100%;
//                 box-sizing: border-box;
//                 padding: 20px;
//                 background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
//             }

//             .FestivalBox {
//                 padding-right: 20px;

//                 .festivalSelect {
//                     .el-select__wrapper {
//                         background-color: #122849;

//                         .el-select__selection {
//                             .el-select__selected-item {
//                                 color: #fff;
//                             }
//                         }
//                     }
//                 }
//             }
//         }

//         .left2st {
//             width: 458px;
//             height: 100%;
//             margin-right: 30px;
//             box-sizing: border-box;

//             .left2stContent {
//                 width: 100%;
//                 height: 100%;
//                 box-sizing: border-box;
//                 padding: 20px;
//                 background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
//             }
//         }


//         .left3st {
//             width: 946px;
//             height: 100%;
//             margin-right: 30px;
//             background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);

//             .left3stTop {
//                 width: 100%;
//                 height: 250px;
//                 box-sizing: border-box;
//                 padding: 20px;
//                 display: flex;
//                 align-items: center;
//             }

//             .left3stBottom {
//                 width: 100%;
//                 height: 676px;
//                 margin-top: 20px;
//                 box-sizing: border-box;
//                 padding: 0 26px;
//                 display: flex;
//                 justify-content: space-between;
//                 flex-wrap: wrap;

//                 .left3stBottomItem {
//                     width: calc((100% - 56px) / 2);
//                     height: 275px;
//                 }
//             }
//         }

//         .left4st {
//             width: 458px;
//             height: 100%;
//             margin-right: 30px;
//             background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);

//             .left4stContent {
//                 width: 100%;
//                 box-sizing: border-box;
//                 padding: 20px;
//             }
//         }

//         .left5st {
//             width: 458px;
//             height: 100%;
//             margin-right: 30px;
//             background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);

//             .left5stContent {
//                 width: 100%;
//                 box-sizing: border-box;
//                 padding: 0 20px;

//                 .left5stCenter {
//                     width: 100%;
//                     margin-top: 30px;
//                     display: flex;
//                     justify-content: space-between;
//                 }
//             }



//         }

//         .left6st {
//             width: 458px;
//             height: 100%;
//             background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);

//         }
//     }
// }


.main169 {
    width: 100vw;
    height: 100vh;
    background: linear-gradient(180deg, #1C2035 0%, #101320 100%);

    .pageTop {
        width: 100%;
        height: 48px;
        position: relative;
        z-index: 9;
    }

    .content169 {
        // width: 100%;
        // height: calc(100% - 86px);
        width: 100vw;
        height: calc(100vh - 48px);

        box-sizing: border-box;
        // padding: 0 20px 35px;
        // padding: 0 35px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .content169Left {
            width: calc((100% - 90px) / 4);
            height: 100%;
            position: relative;
            z-index: 9;
            box-sizing: border-box;
            padding-top: 21px;
            padding-left: 35px;
            background: linear-gradient(90deg, rgba(3, 22, 38, 0.7) 0%, rgba(3, 22, 38, 0) 100%);
            // padding-top: 20px;

            .content169LeftContent {
                width: 100%;
                box-sizing: border-box;
                padding: 21px 11px;
            }

            .leftContentBox {
                width: 100%;
                box-sizing: border-box;
                padding: 20px 11px 0;
                // background: linear-gradient(0deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
                // backdrop-filter: blur(10px);
                /* 高斯模糊效果 */
                // -webkit-backdrop-filter: blur(10px);
                /* Safari 兼容 */
            }

            .FestivalBox {
                padding-right: 20px;

                .festivalSelect {
                    .el-select__wrapper {
                        background-color: #122849;

                        .el-select__selection {
                            .el-select__selected-item {
                                color: #fff;
                            }
                        }
                    }
                }
            }
        }

        .content169Center {
            width: calc((100% - 90px) / 4 * 2 + 30px);
            height: 100%;
            box-sizing: border-box;
            padding-top: 66px;
            display: flex;
            flex-direction: column;
        }

        .content169Right {
            width: calc((100% - 90px) / 4);
            height: 100%;
            position: relative;
            z-index: 9;
            box-sizing: border-box;
            padding-top: 21px;
            padding-right: 35px;
            background: linear-gradient(270deg, rgba(3, 22, 38, 0.7) 0%, rgba(3, 22, 38, 0) 100%);

            .rightContentBox {
                width: 100%;
                box-sizing: border-box;
                padding: 0 11px 0;
                // background: linear-gradient(0deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
                // backdrop-filter: blur(10px);
                /* 高斯模糊效果 */
                // -webkit-backdrop-filter: blur(10px);
                /* Safari 兼容 */
            }

            .FestivalBox {
                padding-right: 20px;

                .festivalSelect {
                    .el-select__wrapper {
                        // background-color: #122849;
                        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(78, 173, 245, 0.2) 100%);

                        .el-select__selection {
                            .el-select__selected-item {
                                color: #fff;
                            }
                        }
                    }
                }
            }
        }

    }

    .pageBottom {
        width: 100vw;
        height: 72px;
        // background: linear-gradient(0deg, rgba(3, 22, 38, 0.7) 0%, rgba(3, 22, 38, 0) 100%);
        background-image: url('../../assets/image/pageBottomBg.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: relative;
        z-index: 9;
        transform: translateY(-72px);
    }

    .content1692st {
        width: 100%;
        height: calc(100% - 48px);
        box-sizing: border-box;
        padding: 0 20px 35px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .content1692stLeft {
            // width: 47%;
            width: calc((100% - 90px) / 4 * 2 + 30px);
            height: 100%;

            .leftBottomContent {
                width: 100%;
                box-sizing: border-box;
                padding: 0 20px;
                display: flex;
                align-items: center;
            }

            .left3stBottom {
                width: 100%;
                // height: 676px;
                margin-top: 20px;
                box-sizing: border-box;
                padding: 0 26px;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                .left3stBottomItem {
                    width: calc((100% - 30px) / 2);
                    // width: calc((100% - 56px) / 2);
                    height: 214px;
                }
            }
        }

        .content1692stCenter {
            width: 22%;
            height: 100%;
            box-sizing: border-box;
            padding-top: 66px;

            .left4stContent {
                width: 100%;
                box-sizing: border-box;
                padding: 30px 10px 0;
            }
        }

        .content1692stRight {
            width: 22%;
            height: 100%;

            .left5stContent {
                width: 100%;
                box-sizing: border-box;
                padding: 0 20px;

                .left5stCenter {
                    width: 100%;
                    margin-top: 30px;
                    display: flex;
                    justify-content: space-between;
                }
            }
        }
    }


    .content1693st {
        width: 100%;
        height: calc(100% - 48px);
        box-sizing: border-box;
        padding: 20px 35px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .content1693stItem {
            width: 22%;
            height: 100%;
            box-sizing: border-box;

            .content1693stItem2stContent {
                width: 100%;
                box-sizing: border-box;
                padding: 20px 11px;
                background: linear-gradient(45deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
            }

        }
    }


    .content1694st {
        width: 100%;
        height: calc(100% - 48px);
        box-sizing: border-box;
        padding: 20px 35px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .content1694stItem {
            width: calc((100% - 90px) / 4);
            height: 100%;


        }
    }


}