/* 宽屏幕 >1600px*/
@media (min-width:1500px){ 
    #main-line{
        max-width: 800px;
    }
    
    #time-wrap{
        height:58px;
    }
    #search-wrap{
        height:58px;
    }
    #search-type{
        width:60px;
        background-size:23px 23px;
        border-radius:4px;
    }
    
    #content-width{
       max-width: 1360px; 
    }
    
    .tag-box{
        margin:50px auto 20px auto;
        padding:40px 0 0 0;
    }
    .site-name{
        font-size: 16px;
    }
    .siteb-name{
        font-size: 16px;
    }
    


}





/* 超宽屏幕 >2000px */
@media (min-width:2000px){ 
    #main-wrap{
        margin-bottom:136px;
    }
    #main-line{
        max-width: 900px;
    }
    
    #time-wrap{
        height:65px;
    }
    .header-logo{
        height:35px;
    }
    .nav-btn{
        font-size:16px;
        padding: 5px 16px;
    }
    
    
    #search-wrap{
        height:65px;
        border-radius:4px;
    }
    #search-type{
        width:70px;
        background-size:26px 26px;
        border-radius:4px;
    }
    
    #search-menu-box{
        border-radius:4px;
    }
    .search-engine,.engine-add{
        border-radius:4px;
        padding:14px;
        font-size:16px;
    }
    .search-engine-img{
        width:22px;
        height:22px;
        margin:0px 12px 0 0px;
    }
    
    .engine-add-btn-img{
        width:22px;
        height:22px;
        margin:0px 12px 0 0px;
    }
    
    
    #search{
        font-size: 18px;
    }
    
    .search-keyword{ 
        height:32px;
        line-height:32px;
        padding:0  10px 0 73px;
    }   
    
    #content-width{
       max-width: 1500px; 
    }
    
    .tag-box{
        margin:100px auto 20px auto;
    }
    .site-box{
        height:70px;
    }
    .site-name{
        font-size: 16px;
    }
    .siteb-box{
        padding:20px 10px 20px 15px;
    }
    .siteb-name{
        font-size: 16px;
    }


}






@media (max-width: 920px){ 
    .banner-site{
        min-width:20%;
    }
    .site-box{
        width: 25%;
    }
    .siteb-box{
        width: 25%;
        padding:13px 7px 13px 12px;
        border:3px solid white;
    }
    .siteb-main{
        margin-left:7px;
    }
    #bottom-wrap{
        margin:70px 0 0 0;    
    }

    .nav-wrap{
        display: none;
    }
    
}


/* 窄屏幕或者手机端 */
@media (max-width:640px){ 

    #header-main{
        justify-content:center;
    }
    .header-btn-box{
        display: none;
    }
    .header-logo-text{
        display: none;
    }
    .header-navtype-box{
        display: none;
    }
    .fixed-set-btn{
        display: block;
    }
    .v-tip-btn1{
        display: none;
    }
    .v-tip-btn2{
        display:none;
    }
    #time-wrap{
        display: none;
    }
    .search-keyword{
        padding:0  10px 0 10px;
    }
    .search-engine,.engine-add{
        width:50%;
    }
    .user-site-tab-btn{
        padding:0 8px;
        margin:0 2px;
        max-width:60px;         
        font-size: 14px;       
    }
    #user-site-edit-btn{
        padding:5px;
    }
    .site-edit-ok-box span{
        display: none;
    }

    .tag-img{
        height:15px;
        margin-left: 5px;
    }

    .tag-name{
        font-size:14px;
        margin-left: 6px;
    }
    #content-wrap{
        padding:10px;
    }
    #content-width{
        width:92%;
    }
    .banner-site-box{
        padding-top:30px;           
        margin:0px 0 30px 0;     }
    .banner-site{
        font-size: 12px;
        /* width:20%; */
        padding:5px 5px;
    }
    .banner-site-img{
        width:35px;
        border-radius:5px;
    }



    
    .site-content-box{
        /*justify-content: space-between;*/
    }
    .site-box{
        width: 33.3%;
        height:50px;  
        padding:6px;
    }
    .siteb-box{
        width: 33.3%; 
        padding:10px 4px 10px 8px;
        border-radius:8px;
    }
    .siteb-info{
        display: none;
    }
    .site-img{
        width:18px;
        height:18px;
    }
    .siteb-img{
        width:16px;
        height:16px;
    }
    .site-name{
        margin-left:5px;
        font-size: 12px;
        min-width:60px;
    }
    .siteb-name{
        font-size: 12px;
        min-width:60px;
    }
    .siteb-main{
        margin-left:3px;
    }
    .user-tag-box{    
        margin:40px 0 15px 0;
    }
    .tag-box{
        margin:25px auto 8px auto;
        padding:35px 0 0 0;
    }
    
    .engine-btn-box,.tab-btn-box,.site-btn-box{
        height:20px;
    }
    #bottom-wrap{
        height:100px;
        margin:40px 0 0 0;    
    }
    .bottom-logo-box{
        display: none;
    }
    #bottom-main{
        justify-content: center;
    
    }

    /* 设置滚动条的样式 */
    ::-webkit-scrollbar {
    width: 4px;
    }


}