.desc-header{
    height: 320px;
    min-width: 1200px;
    margin: 0 auto;
    background: url('/img/help_center_banner.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.desc-header>div{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px;
}
.desc-header h2{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
}
.desc-header input{
    width: 600px;
    height: 50px;
    border: none;
    padding: 0 10px;
    font-size: 14px;
}
.desc-header input:focus{
    outline: none; 
}
.desc-header button{
    width: 100px;
    height: 50px;
    background: #2068e1;
    color: #fff;
    border: none;
    padding: 0 10px;
    cursor: pointer;
}


 .boke-container{
    min-width: 1200px;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
 }
 .boke-header{
    min-width: 1120px;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px 0 rgba(176, 176, 176, 0.2);
    padding: 40px;
    position: absolute;
    top:-50px;
 }
 .boke-header-item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-right: 1px solid #d6d6d6;
 }
 .boke-header-item:last-child{
    border-right: none;
 }
.boke-header-item img{
   width: 40px;
   height: 40px;
}

 .boke-header-item>div p{
    margin: 0;
 }
 .boke-header-item>div:hover{
    cursor: pointer;
    opacity: 0.8;
 }
 .boke-header-item-title{
    font-weight: 550;
    font-size: 16px;
 }
 .boke-header-item-content{
    font-size: 14px;
    color: #666;
    margin-top: 5px !important;
 }
 .help-content{
    width: 100%;
    margin-top: 100px;
 }
 .help-content{
   min-width: 1160px;
   max-width: 1400px;
   margin: 100px auto;
   padding: 20px;
   gap: 40px;
   display: flex;
   flex-direction: column;
 }
 .help-content-title{
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }
 .help-content-title img{
   width: 30px;
   height: 30px;
   margin-right: 10px;
 }
 .help-content-title h3{
   font-size: 20px;
   font-weight: 600;
 }
 .help-content-box{
   padding:30px;
   background-color: #fff;
   border-radius: 5px;
   box-shadow: 0 0 10px 0 rgba(176, 176, 176, 0.2);
   margin-bottom: 20px;
 }

 .help-hot{
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 20px;
 }
 .help-hot p{
   font-size: 14px;
   color: #555;
   margin: 0;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
 .help-hot p:hover{
   color: #a9ccff;
   cursor: pointer;
 }
 .help-other{
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 .help-other .help-other-item p{
   display: flex;
   align-items: center;
   color: #333;
   font-size: 16px;
 }
 .help-other .help-other-item p i{
   font-size: 28px;
   margin-right: 10px;
   color: #026ecf;
 }

 .help-other .help-other-item>div{
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 20px;
   padding: 20px;
 }
 .help-other .help-other-item div p{
   font-size: 14px;
   color: #555;
   margin: 0;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   line-height: 32px;
 }
 .help-other .help-other-item div p a:hover{
   color: #0099FF;
   cursor: pointer;
 }
 .help-other .help-other-item div p::before{
  content: '▪';
  margin-right: 10px;
  color: #0099FF;
 }