.help-banner{
    height: 60vw;
    background:#003DAA url("/images/faq_banner.png") no-repeat center center;
    background-size: cover;
    color: #fff;
    box-sizing: border-box;
    padding: 10vw;
    font-size: 3.2vw;
}
.help-banner h3{
    font-size: 6.4vw;
}
.help-banner a{
    color: #fff;
    text-decoration: underline;
}
.plane{
    padding: .3rem;
    font-size: .3rem;
}
.plane h5{
    font-size: .32rem;
    color: #333;
    margin:.8rem auto .1rem;
}
.search-bar{
    font-size: 4vw;
    margin:4vw 0;
    position: relative;
    text-align: left;
}
.search-bar:after{
    display: block;
    content: '';
    width: .28rem;
    height: .26rem;
    background: url("/images/icon_search.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    left: .2rem;
    top: 50%;
    transform: translateY(-50%);
}
.search-bar input,
.search-bar input:focus{
    outline: none;
}
.search-bar input:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
}
.search-bar input{
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: none;
    border:none;
    box-sizing: border-box;
    padding: 3vw;
    padding-left: 8vw;
}
.more{
    padding: .3rem .1rem;
    font-size: .26rem;
    text-align: center;
    color: #119cfe;
}
#category ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6vw;
    white-space: nowrap;
}
#category li{
    width: 48%;
}
#category span{
    padding: 2.6666666vw;
    display: block;
    margin: 0 0 2.66666vw;
    font-size: 3.2vw;
    color: #4D8CF5;
    box-shadow: 0 0 0 1px #4D8CF5;
    text-align: center;
}
#category span.active{
    background: #4D8CF5;
    color: #fff;
}
#title{
    margin-bottom: 2vw;
}
#list{
    margin-bottom: 10vh;
}