*{ margin: 0; padding: 0; font-family: "微软雅黑"}
        body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px; font-size: 14px; font-weight: normal;}
        img { border-style: none;}
        li{ 
            list-style: none; 
            float: left
        }
        a{ text-decoration: none}

        body {	
            background-image: url(https://siver.top/static/img/everyday/everyday.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        /*百度搜索*/
        .baidu{
            float: left;
            margin: 8px 0;
            margin-left: 100px;
            }
        .baidu form{
            position: relative;
            display: flex;
            align-items: center;
        }
        #Select{
            float: left;
            border: 1px solid #ccc	
            }

        .Select-box{
            text-align: center;
            float: left;
            position: relative;
            }
        .Select-box ul{
            height: 40px;
            position: absolute;
            left: -1px;
            top: 0px;
            z-index: 10002;
            background: #FFF;
            border: 1px solid #ccc;
            border-top: none;
            overflow: hidden
            }
        .Select-box li{
            width: 60px;
            line-height: 40px;
            font-size: 14px;
            color: #484848;
            border: 0;
            cursor: pointer;
            }
        .Select-box li:hover{
            background: #3385ff;
            color: #FFF;
            }
        .Select-box .this_s{
            color: #317ef3;
            }
        .Select-box .this_s:hover{
            background: #FFF;
            color: #317ef3;
            }
            
        .qingkong{
            position: absolute;
            right: 95px;
            top: 12px;
            width: 18px;
            height: 18px;
            background: rgba(0,0,0,0.1);
            border-radius: 18px;
            line-height: 16px;
            color: #666666;
            cursor: pointer;
            text-align: center;
            font-size: 14px;
            display: none;
        }
        .qingkong:hover{
            background: rgba(0,0,0,0.2);
        }
        .qingkong:active{
            background: rgba(0,0,0,0.3);
        }
        .content{/*
            width: 1100px;	
            position: absolute; 
            left: 50%;
            transform: translateX(-50%);
            top:25%;*/


            flex: 1;  /* 占据剩余空间 */
        }
        .qingkong{
            right: 115px;
            top: 15px;
        }
        /*内容区域*/
        .body{
            width: 100%;
            height: auto;
            z-index: 1;
        }
        .bg-2{
            padding-top: 60px;
        }
        .content{
            width: 1100px;
            overflow: hidden;
            margin: 30px auto;
        }
            
            
        .nav-list{
            width: 1100px;
            }

        /*优秀网站推荐*/

        /*小分栏*/
        .mix-content{
            width: 1120px;
            margin: 0 auto;
            overflow: hidden;
        }

        .left-tips{
            font-size: 12px;
            color: #959595;
            float: left;
        }
        .right-tips{
            font-size: 12px;
            color: #959595;
            float: right;
        }

        .tit-style2{
            margin-top: 35px;
            padding: 0 50px;
            padding-top: 30px;
            line-height: 40px;
            border-top: 2px solid #FFF;
            border-bottom: 2px solid #FFF;
            display: inline-block;

        }

        .min-tit{
            font-size: 15px;
            color: #959595;
        }

        /*-----------------------------简洁版样式定义- 开始---------------------------------------------------*/

        .baidu-2{
            width: 100%;
            height: 110px;
            margin: 0 auto;
            background: none;
            padding-top: 90px;
            z-index: 10000;
            position: relative;
            }
        .baidu-2 form{
            width: 570px;
            margin: 0 auto;
            display: flex;
            align-items: stretch;
        }
        .baidu-2 input{
            padding: 13px 8px;
            opacity: 0.9;
            font-size: 15px;
            }
        #Select-2{
            float: left;
            }

        .Select-box-2{
            text-align: center;
            position: relative;
            z-index: 10001;
            float: left;
            }
        .Select-box-2 ul{
            height: 48px;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 10002;
            background: rgba(255,255,255,0.9);
            border: none;
            overflow: hidden
            }
        .Select-box-2 li{
            width: 60px;
            line-height: 46px;
            font-size: 15px;
            color: #484848;
            border: 0;
            cursor: pointer;
            width: 80px;
            }
        .Select-box-2 li:hover{
            background: #3385ff;
            color: #FFF;
            }
        .Select-box-2 .this_s{
            color: #317ef3;
            width: 80px;
            }
        .Select-box-2 .this_s:hover{
            background: none;
            color: #317ef3;
            }

        #kw-2 {
            width: 413px;
            outline: 0;
            border: 1px solid #ccc;
            background: rgba(255,255,255,0.2);
            color: #000000;
            padding-left: 8px;
            font-weight: bold;
            height: 48px;
            box-sizing: border-box;
            float: left;
            border-left: none;
            border-right: none;
        }
        #su-2{
            width: 90px;
            background: blue;
            border-top: #3385ff 1px solid;
            border-bottom: 1px solid #2d78f4;
            color: #FFF;
            cursor: pointer;
            outline: none;
            height: 48px;
            border: none;
            float: left;
            }	
        #su-2:hover{
            background: blue;
            border-bottom: 1px solid blue;
            }
        #su-2:active{
            background: blue;
            box-shadow: inset 1px 1px 3px blue;
            -webkit-box-shadow: inset 1px 1px 3px blue;
            }

        div#baidu {
            width: 80px;
            height: 48px;
            box-sizing: border-box;
            text-align: center;
            float: left;
            border: 1px solid #ccc;
            border-right: none;
        }

        .in5 {
            position: relative;
            float: left;
        }

        /* 新增一个毛玻璃效果的类 */
        .frosted {
            /* 半透明背景色，可根据需要调整透明度 */
            background: rgba(255, 255, 255, 0.1);
            /* 添加模糊效果，单位为像素 */
            backdrop-filter: blur(3px);
            -webkit-backdrop-filter: blur(3px); /* 针对 Safari */
            /* 可选：添加圆角、内边距等 */
            border-radius: 8px;
            padding: 10px;
            position: relative;
            z-index: 1;
          }
          html, body {
            height: 100%;
            margin: 0;
          }
          .wrapper {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
          }

        .jianjie{/*
            width: 1170px;
            z-index: 1;*/

            /* 去掉原有宽度和浮动 */
            width: auto;
            margin: 30px auto;
            /* 设置多栏布局，3列，每列间距25px */
            column-count: 3;
            column-gap: 25px;

        }
        .jj-list{
            /*
            width: 350px;
            margin-right: 25px;
            float: left;
            margin-bottom: 20px;
            z-index: 1;*/

            /* 改为内联块，让每个块在多栏中作为独立单元显示 */
            display: inline-block;
            width: 100%;
            margin-bottom: 20px;
        }


        .jj-list-tit{
            font-size: 16px;
            line-height: 25px;
            color: #ffffff;
            padding-left: 4px;
            z-index: 1;
        }
        .jj-list-con{
            
            overflow: hidden;
            z-index: 1;
        }

        .jj-list-con li{
            width: 100px;
            margin: 8px 3px;  /* 增加垂直间距 */
        }
        .link-3{
            display: block;
            background: rgba(0,0,0,.35);
            color: #FFF;
            font-size: 13px;
            text-align: center;
            line-height: 35px;
            padding: 4px 0;
            border-radius: 2px;
            transition: all 0.2s;
            z-index: 1;
            /* 新增以下属性 */
            white-space: normal;
            word-break: break-all;
            min-height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1.3;
            margin-bottom: 8px;
        }
            

        .link-3:hover{
            background: rgba(0,0,0,.45);
            font-size: 15px;
            font-weight: bold
        }

        .footer {  /*
            color: #ffffff;
            font-size: 12px;
            text-align: center;
            position: absolute;
            bottom: 2%;
            left: 50%;
            transform: translateX(-50%);*/


            background-color: rgba(0, 0, 0, 0.3);
            color: #ffffff;
            text-align: center;
            padding: 10px 0;
        }

        .footer1{
            display: none;
        }

        /* 让搜索引擎选择下拉框浮在顶层 */
        .Select-box-2 ul {
            position: absolute;
            z-index: 10002; /* 必须大于 frosted */
        }

        /* 让搜索联想关键字列表浮在顶层 */
        .keylist {
            position: absolute;
            z-index: 10003; /* 必须大于 frosted */
            max-width: 360px;
            width: calc(80% - 160px);
            box-sizing: border-box;
            margin: auto;
            left: 0px;
            top: 0px;
        }

        ul.keylist {
            outline: 0;
            background: #fff;
            color: #000000;
            font-weight: bold;
            position: relative;
        }
        ul.keylist li {
            float: none;
            padding: 3px 8px;
        }
        .keylist li:hover{
            background-color:#f1f1f1;
        }
        .keylist li.active{
            background-color:#f1f1f1;
        }
        body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd {
            z-index: 1;
        }

        .z_m_i {
            padding: 10px 20px 0;
            box-sizing: border-box;
            position: relative;
        }

        .jj-list-con li{
            position: relative;
            height: 42px;
        }

        .jj-list-con li:hover .i_r_remove{
            display: block;
        }

        @media screen and (max-width:768px) {
            *{
                margin:0;padding: 0;
            }

            html,body{
                height: 100%;
                width: 100%;
            }
            /*内容样式，使用flex布局*/
            .content{
                width: 15rem;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
                /*height: 46rem;*/
                position: absolute;
                top:26%;
            }
            /*搜索框总体样式*/
            .baidu{
                position: relative;
                width: 14rem;
                height: 2.6rem;
                left: 50%;
                transform: translateX(-50%);
            }

            .baidu-2{
                height: 2.6rem;
                z-index: 10000;
            }

        /*取消多级搜索，只保留百度*/
            #Select-2{
                position: absolute;
                left: 0;
            }

            .Select-box-2{
                display: none;
                float: none;
            }

            .Select-box-2  li{
                background-color: yellow;
                display: none;
                float: none;
            }
            /*输入框样式*/
            #kw-2{
                width: 10rem;
                height: 1.2rem;
                border:0;
                position: absolute;
                padding-left: 10px;
            }
            /*搜索框样式*/
            #su-2 {
                width: 3rem;
                text-align: center;
                line-height: 0rem;
                position: absolute;
                background-color: blue;
                border-color: blue;
                right: 1rem;
                border-radius: 0;
                height: 1.2rem;
            }
            #su-2:hover{
                background-color: blue;
            }

            #su-2:avtive{
                background-color: blue;
                box-shadow: none;	
            }
            
            /*content下的所有div宽度*/
            .content div{
                width: 100%;
            }
            /*每个选择框的宽度*/
            .content li{
                /*width: 4.69rem;*/
                box-sizing: border-box;
            }
            /*放弃content外的footer*/
            .footer{  
                display: none;
            }
            /*移动端使用的footer*/
            .footer1{
                display: block;
                text-align: center;
                position: relative;
                padding-top: 10px;
                bottom: 0;
                color:white;
            }

            input[type="button"], input[type="submit"], input[type="reset"] {

            -webkit-appearance: none;

            }

            textarea {  -webkit-appearance: none;}  
            
        }