body {
        margin: 0;
        overflow-y: hidden;
    }
    .container {
        padding-top: 5vw;
        background-color: #f7f4f4;
    }
    .content-top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 4.5vw;
        display: flex;
        align-items: end;
        padding-bottom: 1.5vw;
        border-bottom: 3px solid #409EFF;
        background-color: #0199fe;
    }
    .logo {
        margin-left: 4vw;
        width: 9vw;
        margin-right: 2vw;
        transform: scale(1.3);
        }
        .content-top-center {
            display: flex;
            margin-left: 3vw;
        }
        .top-center-button {
            padding: 0.6vw 0.8vw;
            font-size: 1.2vw;
            color: #fff;
            background-color: #0199fe;
            text-decoration: none; /* 去除下划线 */
        }
        .top-center-button:hover {
            cursor:pointer;
            /* background-color: #78b4f0; */
            color: rgb(233, 184, 124);
        }
        #date-picker {
            margin-left: 3vw;
            height: 2vw;
            font-size: 1vw;
            font-family: 微软雅黑;
            border-color: #eee;
            /* transform: translateY(1vw); */
        }
        #text-input-header {
            position: absolute;
            right: 1vw;
            top: 0vw;
            padding-left: 1vw;
            padding-right: 2.6vw;
            height: 1.9vw;
            font-size: 1vw;
            border-radius: 1vw;
            font-family: 微软雅黑;
			border:none;
            border-color: #0199fe;
        }
        .text-input-box-header {
            margin-left: 18vw;
            position: relative;
            height: 2vw;
            transform: translateY(-0.3vw);
        }
        .fa-search {
            position: absolute;
            right: 1vw;
            top: 0.5vw;
            font-size: 1.2vw;
            cursor:pointer;
            color: #bbb6b6;
        }
        #search-button {
            margin-left: 0.5vw;
            height: 1.9vw;
        }
        .right-button {
            margin-left: 1vw;
            padding: 0.6vw 0.6vw;
            transform: translateY(1vw);
            font-size: 1vw;
            font-family: 微软雅黑;
            color: #fff;
            background-color: #0199fe;
        }
        .right-button-border {
            border: 1px solid #b0d7f1;
            background-color: #f0f0f0;
            color: #666666;
            font-size: 1vw;
            border-radius: 0.2vw;
        }
        .right-button:hover {
            cursor:pointer;
            background-color: #78b4f0;
        }
        .top-right-login {
            margin-left: 7vw;
            font-size: 0.7vw;
            color: #fff;
            transform: translateY(-0.6vw);
        }
        .right-botton-margin {
            margin-left: 0 !important;
            padding: 0.6vw 0.2vw;
            background-color: #0199fe;
        }
        .content-center {
            padding: 1vw 8vw;
            position: relative;
        }
        .content-center-border {
            /* border: 2px solid rgb(133, 6, 6); */
        }
        .content-center-carousel-left {
            display: flex;
        }
        .carousel {
            position: relative;
            width: 45vw; /* 轮播图宽度 */

            height: 20vw; /* 轮播图高度 */
            margin: auto; /* 居中对齐 */
            cursor:pointer;
            overflow: hidden; /* 隐藏溢出内容 */
        }
        .content-center-carousel-right-img {
            width: 20vw;
            margin-left: 0.1vw;
        }
        .content-center-carousel-right-img img {
            width: 100%;
            height: 9.9vw;
            transform: translateY(0.1vw);
        }
        /* .content-center-carousel-right-img img:first-child {
            transform: translateY(0.1vw);
        } */
        .slides {
            display: flex; /* 使用 flexbox 布局 */
            transition: transform 0.5s ease; /* 动画效果 */

        }
        .slide {
            width: 100%; /* 每张幻灯片占满容器 */
            flex-shrink: 0; /* 防止缩小 */
            position: relative;
        }
        .slide img {
            width: 100%;
            height: 20vw; /* 轮播图高度 */
            display: block; /* 消除底部空隙 */
        }
        /* 隐藏的 radio 按钮 */
        input[type="radio"] {
            display: none;
        }
        /* 圆点指示器 */
        .indicators {
            position: absolute;
            top: 23vw;
            left: 30%;
            text-align: center;
        }
        .indicator {
            display: inline-block;
            width: 0.5vw;
            height: 0.5vw;
            background-color: #bbb;
            border-radius: 50%;
            margin: 0 0.25vw;
            cursor: pointer;
        }
        /* 激活指示器的样式 */
        input[type="radio"]:checked + .indicator {
            background-color: #717171;
        }
        .content-center-carousel {
            display: flex;
            margin-top: 1vw;
            padding: 0 2vw;
        }
        .content-center-carousel-right {
            margin-left: 3vw;
            font-size: 1vw;
            font-family: 微软雅黑;
            font-weight: 600;
            cursor:pointer;
        }
        .content-center-carousel-right-title {
            margin-top: 1.9vw;
        }
        .content-center-carousel-right-title:hover {
            color: #409EFF;
        }
        .content-center-carousel-right-title:first-child {
            margin-top: 0.3vw;
        }
        .content-center-item {
            margin-top: 2vw;
            padding: 0 2vw;
        }
        .content-center-item:first-child {
            margin-top: 2vw;
        }
        .content-center-item-title {
            font-size: 1.3vw;
            font-family: 微软雅黑;
            font-weight: 600;
        }
        .content-center-item-title span {
            font-size: 0.7vw;
            color: #909399;
        }
        .content-center-item-box {
            display: flex;
            justify-content: space-between;
            margin-top: 0.8vw;
            padding-right: 3vw;
        }
        .content-center-item-box-item {
            width: 17.5vw;
            transition: all 0.3s ease;
            background-color: #fff;
        }
        .content-center-item-box-item:hover {
            cursor:pointer;
            box-shadow: 0 0 0.5vw #999;
            transform: translateY(-0.25vw);
        }
        .content-center-item-box-item img {
            width: 100%;
            height: 9.5vw;
        }
        .content-center-item-box-title {
            margin: 1vw 0.5vw 0.3vw 0.5vw;
            font-size: 1vw;
        }
        .content-center-item-box-info {
            margin: 0.5vw 0.5vw 1vw 0.5vw;
            font-size: 0.6vw;
        }
        .content-center-bottom {
            display: flex;
            justify-content: space-between;
            margin-top: 2vw;
            padding: 0 5vw 0 2vw;
        }
        .content-center-bottom-item {
            width: 100%;
            margin-right: 6.4vw;
        }
        .content-center-bottom-item-title {
            margin-bottom: 1vw;
            font-size: 1vw;
            font-family: 微软雅黑;
            font-weight: 600;
        }
        .content-center-bottom-img {
            width: 35vw;
            height: 10vw;
            transition: all 0.3s ease;
        }
        .content-center-bottom-img:hover {
            cursor:pointer;
            transform: scale(1.05);
        }
        .dialog {
            width: 40vw;
            height: 20vw;
            display: flex;
            flex-wrap: wrap; /* 允许换行 */
            position: absolute;
            top: 1%;
            left: 35%;
            z-index: 999;
            padding: 1vw;
            opacity: 0;
            transition: all 1s ease;
            overflow-y: auto;
            background-color: #fff;
        }
        .dialog-item {
            width: 23%;
            margin-right: 2%;
            transition: all 0.3s ease;
        }
        .dialog-item:nth-child(4n) {
            margin-right: 0;
        }
        .dialog-item:hover {
            cursor:pointer;
            box-shadow: 0 0 0.5vw #999;
            transform: translateY(-0.25vw);
        }
        .dialog-item img {
            width: 100%;
        }
        .dialog-item-title {
            text-align: center;
            font-size: 0.8vw;
        }
        .content-center-carousel-right-info-box {
            position: relative;
        }
        .content-center-carousel-right-info {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 0.5vw 0;
            background-color: rgba(0,0,0,0.3);
        }
        .content-center-carousel-right-info-title {
            font-size: 0.6vw;
            padding: 0 1vw;
            color: #2fa293;
        }
        .content-center-carousel-right-info-title:hover {
            color: #409EFF;
            cursor:pointer;
        }
        .content-center-carousel-right-info-text {
            margin-top: 1vw;
            font-size: 0.6vw;
            padding: 0 1vw;
            color: #fff;
        }
        .content-center-carousel-right-info-text:hover {
            color: #e7e6e6;
            cursor:pointer;
        }
        .slide-title {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 1vw;
            width: 100%;
            font-size: 1.5vw;
            font-family: 微软雅黑;
            font-weight: 600;
            background-color: rgba(0,0,0,0.3);
            color: #fff;
        }
        .slide-title:hover {
            cursor:pointer;
            color: #e7e6e6;
        }
        .login {
            width: 5vw;
            transform: translateY(0.3vw);
            margin-left: 1vw;
            cursor:pointer;
        }
        .bottom-box {
            display: flex;
            /* align-items: center; */
            text-align: center;
            padding: 1vw 0 1vw 41vw;
            background-color: #fff;
        }
        .bottom-info {
            margin-top: 1vw;
            font-size: 0.6vw;
            line-height: 1.2vw;
            color: #909399;
        }
        .beian-a {
            margin-left: 1vw;
            color: #909399;
        }
        .content-center-item-href {
            color: #000;
            text-decoration: none; /* 去除下划线 */
        }
        .iframe_box {
            height: 100vh;
            overflow-y: hidden;
        }

            /* 针对IE和Edge */
            #myIframe {
                -ms-scroll-chaining: chained;
            }

            /* 针对Chrome, Safari和其他WebKit浏览器 */
            #myIframe::-webkit-scrollbar {
                display: none;
            }

            /* 针对Firefox */
            #myIframe {
                scrollbar-width: none;
            }
            .button{
                width: 7vw;
                padding: 0.6vw 1vw;
                text-align: center;
                font-weight: bold;
                font-size: 0.7vw;
                color: #fff;
                text-shadow:1px 1px 1px #333;
                border-radius: 0.25vw;
                transform: translateY(1vw);
                position: relative;
                overflow: hidden;
                }
                .button:hover {
                    cursor:pointer;
                }
                .button.gray{
                    color: #8c96a0;
                    text-shadow:1px 1px 1px #fff;
                    border:1px solid #dce1e6;
                    box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
                    background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
                    background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
                    background: linear-gradient(top,#f2f3f7,#e4e8ec);
                    }
                    .btn_date {
                        margin-left: 15vw;
                        transform: translateY(-0.05vw);
                        font-weight:normal;
                    }
                    .modal {
                position: fixed;
                z-index: 1; /* 确保模态框在最上层 */
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto; /* 允许滚动，以防内容溢出 */
                background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
                justify-content: center; /* 水平居中（但此时无效，因为display不是flex） */
                align-items: center; /* 垂直居中（但此时无效，因为display不是flex） */

            }



            .modal.active {

                display: flex; /* 当添加.active类时，显示模态框 */

            }

            .modal-content {
                border: 5px solid rgb(1, 153, 254);

                background-color: #fff; /* 白色背景 */
                margin: auto; /* 对于Flexbox容器中的子元素，这有助于在主轴和交叉轴上居中 */
                padding: 30px; /* 内边距 */
                border-radius: 8px; /* 圆角边框 */
                width: 40vw; /* 固定宽度 */
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* 可选：添加一些阴影以增强立体感 */
                text-align: left; /* 文本左对齐 */
                position: relative; /* 相对于其正常位置进行定位 */
            }

        .modal-content img {
            width: 100%;
            max-height: 100px;
            object-fit: cover;
        }
        .input-container {
            margin-top: 25px;
            display: flex; /* 使用 flex 布局 */
            align-items: center; /* 垂直居中对齐 */
            border-bottom: 1px solid rgb(245,245,245);


        }

        .input-container input {

            flex: 1; /* 输入框将占据剩余的空间 */
            padding: 10px;
            margin-left: 10px; /* 为图片留出空间 */
            border: none;
            font-size: 20px;
        }

        .input-container img {
            width: 20px;
            height: 20px;
            /* 不再需要 position: absolute; 和相关的定位属性 */
        }
        .input-container input:focus {
            outline: none;
            border-color: #007bff;
        }
        .input-container::after {
            content: '';
            position: absolute;
            left: 30px;
            right: 0;
            bottom: 0;
            height: 1px;
            background-color: #ccc;
        }
        .button-row {
            margin-top: 20px;
            text-align: center;
            display: flex;
            flex-direction: column; /* 垂直排列 */
            align-items: center; /* 可选：垂直居中对齐 */
        }
        .button1 {
            height:80px;
            font-size: 20px;
            padding: 10px;
            margin: 5px 1%;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
            background-color: rgb(1, 153, 254);
            color: rgb(255,255,255);
        }
        .button2 {
            height:80px;
            font-size: 20px;
            background-color: rgb(255,255,255);
            padding: 10px;
            margin: 5px 1%;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
            margin-top: 15px;
            display: flex; /* 使用 flex 布局 */
            align-items: center; /* 垂直居中对齐 */
            justify-content: center; /* 水平方向居中 */
            border: 1px solid rgb(18,177,159);
            color:rgb(18,177,159);
        }
        .button2 img{
            width: 20px;
            height: 20px;
            margin-right: 10px;


        }
        .text-right {
            text-align: right;
            margin-top: 20px;
            color: rgb(180,180,180);
            font-size: 15px;


        }
        .login-logo {
            max-width: 40%; /* 图片宽度最多为容器宽度的50% */
            height: auto; /* 保持宽高比 */
            display: inline-block; /* 允许使用text-align: center;居中 */


        }
        .login-logo-content {
            text-align: center; /* 图片居中 */

        }