.header{
    display: flex;
    height:80px;
    align-items: center;
    justify-content: space-between;
    gap:5px;

    width:1242px;
    margin:0 auto;
    font-weight: 400;
    font-size: 20px;
    color:rgba(24, 40, 94, 1);
    position: relative;
    z-index: 1;
}
    

.header .logo{
  width:220px;
  height:64px;
}
.header .share{
    width:176px;
    height:32px;
}
.header .share-wrapper{
    display: flex;
    align-items: center;
    gap:5px;
    font-size: 14px;
    color:rgba(29, 33, 41, 1);
}
.header .hot-search{
    display: flex;
    align-items: center;
    gap:10px;
    font-size: 14px;
    margin-top: 5px;
}
.header .hot-search-title{
   
    color:rgba(134, 144, 156, 1);
}
.header .hot-search-item{
    cursor:pointer;
    color:rgba(29, 33, 41, 1);
}
.header .hot-search-item:hover{
    text-decoration: underline;
    color:rgba(245, 63, 63, 1);
}

.header .logo-link{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    gap:5px;
}

.nav-list{
    display: flex;
    align-items: center;
    gap:20px;
    width:1242px;
    margin:0 auto;
    height:44px;
    background:rgba(0, 84, 194, 1);
    gap:90px;
    font-size:16px;
    justify-content: space-around;
    padding:0 50px;
    box-sizing: border-box;
    color:#fff;
    margin-top:20px;
}
.nav-list .nav-item{
    cursor:pointer;
}
.nav-list .nav-item:hover{
    text-decoration: underline;
    color:rgba(245, 63, 63, 1);
}
.nav-position{
    display: flex;
    align-items: center;
    gap:20px;
    width:1242px;
    margin:10px auto 20px;
    height:22px;
    gap:90px;
    font-size:16px;
    justify-content: space-between;
    box-sizing: border-box;
    color:rgba(134, 144, 156, 1);
    font-size:14px;
}

.nav-position .nav-position-now{
    color:rgba(29, 33, 41, 1); 
    cursor:pointer;
}
.nav-position .nav-position-text{
    color:rgba(29, 33, 41, 1);
}
.nav-position .nav-position-now:hover{
    text-decoration: underline;
    color:rgba(245, 63, 63, 1);
}
.nav-position .publish-btn{
    color:rgba(0, 84, 194, 1);
    font-size:14px;
    font-weight: bold;
    cursor: pointer;
}
.nav-position .publish-btn:hover{
    text-decoration: underline;
    color:rgba(245, 63, 63, 1);
}

.nav-position .nav-position-line{
    color:rgba(229, 230, 235, 1);
    margin:0 5px;
}
.nav-position .nav-position-title{
    margin-right:15px;
}

.footer{
    width:1242px;
    margin:20px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:20px;
}
.footer a{
    all:revert;
}