/*页面大图*/
.kh-help-banner{
    width: 100%;
    height: 42.7rem;
    text-align: center;
    background-color: #797DFF;
    background-image: url("../image/helpbg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.kh-help-bannet-title{
    padding-top: 16rem;
    font-size: 4.2rem;
    color: #FFFFFF;
}
.kh-help-bannet-subtitle{
    padding-top: 2.6rem;
    font-size: 2rem;
    color: #FFFFFF;
}

/* 列表 */
.kh-help-list{
    padding-bottom: 10rem;
}
dl.kh-help-list-block{
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 1.2rem;
    box-shadow: 0 0 1.6rem rgba(0, 27, 63, 0.16);
    overflow: hidden;
    padding: 4.5rem;
    margin-top: 5rem;
}
dl.kh-help-list-block > dt{
    width: 100%;
    float: left;
    height: 3.6rem;
    line-height: 3.6rem;
    position: relative;
    padding-left: 2.5rem;
}
dl.kh-help-list-block > dt > a{
    font-size: 2.4rem;
    color: #333333;
}
dl.kh-help-list-block > dt > span{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 6px;
    border-radius: 3px;
    background-color: #787CFE;
    height: 3.6rem;
}
dl.kh-help-list-block > dd{
    margin-top: 2.6rem;
    width: 50%;
    float: left;
    /* height: 2.4rem; */
    line-height: 2.4rem;
    padding-left: 2rem;
    background: url("../image/ico-help.svg") no-repeat 2rem center;
}
dl.kh-help-list-block > dd > a{
    font-size: 1.6rem;
    color: #474747;
    padding-left: 2rem;
}
dl.kh-help-list-block > dd > a:hover{
    color: #797DFF;
}

/* 搜索列表 */
.kh-help-search-list-block{ padding-bottom:0;}
.kh-help-search-list{ margin-bottom: 5rem;}
dl.kh-help-search-block{ margin-top: 5rem;}
dl.kh-help-search-block > dt{ text-align: center;}
.kh-help-search{
    width: 100%;
    max-width: 72rem;
    line-height: 4.8rem;
    padding: 0 1.2rem;
    border: 2px solid #FFF;
    border-radius: 6px;
    box-shadow: 0 0 1.6rem rgba(0, 27, 63, 0.16);
    outline: none;
}
.kh-help-search-list{ display: none;}
/* .kh-help-search-list > dt{ display: none;} */

/* 详情页 */
.kh-helpx-menu{
    width: 36rem;
    height: calc(100vh - 7rem);
    position: fixed;
    top: 7rem;
    left: 0;
    padding: 2rem 3rem;
    box-shadow: 0.3rem 0 0.6rem rgba(0, 0, 0, 0.16);
    z-index: 1;
}
.kh-helpx-menu-title{
    padding: 4rem 0 2rem 1.2rem;
    font-size: 1.8rem;
    color: #333333;
    font-weight: bold;
}
dl.kh-helpx-menu-block a{
    font-size: 1.4rem;
    line-height: 3.6rem;
    color: #999999;
    display: block;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.kh-helpx-menu-block > dt > a{
    color: #666666;
}
.kh-helpx-menu-block > dt > a::before{
    width: 1rem;
    display: inline-block;
}
dl.kh-helpx-menu-block a:hover,dl.kh-helpx-menu-block a.active{
    color: #797DFF;
}
.kh-helpx-menu-block > dd{
    padding-left: 2rem;
    display: none;
}
.kh-helpx-menu-block > dd > *{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
/* 搜索列表 */
.kh-helpx-search{ line-height: 3.8rem;}
.kh-helpx-search-menu-block{ display: none;}

.kh-helpx-block{
    width: 100%;
    max-width: 80rem;
    margin: auto;
    padding-bottom: 5rem; 
}

.kh-helpx-group{
    font-size: 3.6rem;
    font-weight: bold;
    color: #333333;
    padding-top: 7.4rem;
}
.kh-helpx-block > dl > dt{
    font-size: 2.2rem;
    font-weight: bold;
    color: #333333;
    padding-top: 4rem;
    padding-left: 2rem;
    position: relative;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
.kh-helpx-block > dl.active > dt{
    color: #797DFF;
}

.kh-helpx-block > dl > dt > span {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 6px;
    border-radius: 3px;
    background-color: #787CFE;
    height: 2.5rem;
}
.kh-helpx-block > dl > dt > a{
    font-size: 2.2rem;
    font-weight: bold;
    color: unset;
    line-height: 2.5rem;
}
.kh-helpx-block > dl > dd{
    line-height: 2.8rem;
    font-size: 1.4rem;
    color: #666666;
}
.kh-helpx-block > dl > dd img{
    max-width: 100%;
    cursor: zoom-in;
}
.kh-helpx-block > dl > dd strong,.kh-helpx-block > dl > dd b{
    line-height: 4rem;
}

/* 代码显示 */
code{
    display: block;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 3px;
    white-space: pre-wrap;
}

/* 引用 */
blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1;
}

/* 表格 */
table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
}
table td,
table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px;
    min-height: 30px;
}
table th {
    border-bottom: 2px solid #ccc;
    text-align: left;
    background-color: #f1f1f1;
}


/*自适应调节*/
@media only screen and (max-width: 1960px){
    .kh-helpx-menu{ width: 15.5%;}
}
@media only screen and (max-width: 1700px){
}
@media only screen and (max-width: 1560px){
}
@media only screen and (max-width: 1420px){
    .kh-helpx-menu{ display: none;}
}
/*小于等于1200px时*/
@media only screen and (max-width: 1200px){
}
/*sm屏幕以下（小于等于576px时）*/
@media only screen and (max-width: 720px) {
    /* 页面大图 */
    .kh-help-banner{ height: 8.7rem;}
    .kh-help-bannet-title{ padding-top: 2rem; font-size: 1.8rem;}
    .kh-help-bannet-subtitle{ padding-top: 1rem; font-size: 1.4rem;}

    /* 列表 */
    .kh-help-list{ padding: 0 2% 5rem 2%;}
    dl.kh-help-list-block{ margin-top: 2rem; padding: 2rem;}
    dl.kh-help-list-block > dt{ height: 3.6rem; line-height: 3.6rem;}
    dl.kh-help-list-block > dt > span{ height: 3.6rem;}
    dl.kh-help-list-block > dt > a{ font-size: 1.8rem;}
    dl.kh-help-list-block > dd{ width: 100%; margin-top: 1.6rem; padding-left: 1.2rem; background-position: 1rem 0.3rem;}
    dl.kh-help-list-block > dd > a{ font-size: 1.4rem; font-weight: unset;}

    /* 搜索列表 */
    .kh-help-search-list-block{ padding: 0 2%;}
    .kh-help-search-list{ padding: 0 2% 5rem 2%;}
    dl.kh-help-search-block{ margin-top: 2rem;}
    .kh-help-search{ line-height: 3.6rem;}

    /* 详情页 */
    .kh-helpx-menu{ display: none;}
    .kh-helpx-block{ padding: 2rem 2%;}
    .kh-helpx-group{ padding-top: 0; font-size: 1.8rem;}
    .kh-helpx-block > dl > dt{ font-size: 1.6rem; padding-top: 2rem; padding-left: 1rem;}
    .kh-helpx-block > dl > dd{ font-size: 1.2rem; line-height: 2.4rem;}
    .kh-helpx-block > dl > dd strong, .kh-helpx-block > dl > dd b{ line-height: 2.4rem;}

    /* 显示隐藏列表 */
    .kh-bars-menu{ width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center; font-size: 2.4rem; position: fixed; left: 2%; bottom: 20%; color: #FFF; cursor: pointer; z-index: 0; border: 1px solid #787CFE; box-shadow: 0 0 5px rgb(0, 0, 0); border-radius: 50%; background-color: #787CFE;}
    .kh-menu-show{ width: 92%; margin-left: -100%; display: block; background-color: #fff;}
    .kh-menu-show .kh-helpx-menu-title{ padding: 1rem 0 2rem 1.2rem;}
    .kh-up-menu{ height: 68px; line-height: 68px; font-size: 3.2rem; z-index: 1; position: fixed; color: #787CFE; box-sizing: border-box; right: -20%; top: 50%; margin-top: -34px; opacity: 0.6; cursor: pointer;}
}
@media only screen and (max-width: 414px){
}
@media only screen and (max-width: 366px){
}
/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
}