﻿/*body { min-width: 768px; }*/
p, h2, span { padding: 0; margin: 0; }
.help-wrap { width: 95%; min-height: 100vh; margin: auto; display: flex; margin-top: 40px; margin-bottom: 40px; border-radius: 3px; border: 1px solid #d3d3d3; }
    .help-wrap .help-list-title ul li i { display: inline-block; width: 0px; height: 0px; border-top: 7.5px solid #70ABD5; border-left: 7.5px solid transparent; border-bottom: 7.5px solid transparent; border-right: 7.5px solid transparent; position: relative; top: 7px; transition: 0.25s; }
    .help-wrap .help-list-title ul li.cl i { border-top: 7.5px solid transparent; border-left: 7.5px solid #aaa; border-bottom: 7.5px solid transparent; border-right: 7.5px solid transparent; left: 4px; top: 1px; }
.help-list-title { width: 20%; min-height: 100vh; background-color: #e9e9e9; padding-top: 20px; border-right: 1px solid #d3d3d3; margin-right: -1px; }
    .help-list-title ul { list-style: none; }

        .help-list-title ul li h5 { padding: 10px 15px; color: #70ABD5; margin: 0; cursor: pointer; }
            .help-list-title ul li h5.collapsed { color: #333; }
        .help-list-title ul li, .help-list-title ul li a { display: block; }
            .help-list-title ul li a:hover, .help-list-title ul li.select a { background-color: #efefef; }
            .help-list-title ul li a { font-size: 12px; text-align: left; line-height: 10px; padding: 10px 15px; color: #333; }
            .help-list-title ul li ul li a { text-indent: 3px; display: block; padding: 10px 15px 10px 38px; }
.help-item-box { width: 78%; margin-left: 1%; min-height: 100vh; padding-left: 3%; padding-right: 3%; padding-top: 20px; border: 0; padding-bottom: 60px; background-color: #fff; }
    .help-item-box .item-title { font-size: 16px; text-align: center; height: 60px; line-height: 60px; }
    .help-item-box .normal-text { font-size: 14px; line-height: 24px; font-family: Arial; }
    .help-item-box .v-margin { margin: 13px 0; }
    .help-item-box .help-img-box { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; }
    .help-item-box .help-img-box-phone { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; }
    .help-item-box .help-img-box img { width: 90%; }
    .help-item-box .help-img-box .img-title { text-align: center; font-size: 12px; }
    .help-item-box .help-img-box-phone img { width: 60%; }
    .help-item-box .help-img-box-phone .img-title { text-align: center; font-size: 12px; }
    .help-item-box .help-remark { font-size: 12px; }
    .help-item-box .help-img-box-phone2 { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; }
        .help-item-box .help-img-box-phone2 img { width: 40%; }
        .help-item-box .help-img-box-phone2 .img-title { text-align: center; font-size: 12px; }
    .help-item-box .normal-text .circle { display: inline-block; width: 8px; height: 8px; background-color: #000; border-radius: 50%; }

@media screen and (max-width:1024px) {
    .help-wrap { width: 100%; }
}

.doc-mob .doc-mob-list-box ul li i { display: inline-block; width: 0px; height: 0px; border-top: 7.5px solid #fff; border-left: 7.5px solid transparent; border-bottom: 7.5px solid transparent; border-right: 7.5px solid transparent; position: relative; top: 7px; transition: 0.25s; }
.doc-mob .doc-mob-list-box ul li.cl i { border-top: 7.5px solid transparent; border-left: 7.5px solid white; border-bottom: 7.5px solid transparent; border-right: 7.5px solid transparent; left: 4px; top: 1px; }
.doc-mob-list-box { background-color: #2685c4; padding-top: 20px; }
    .doc-mob-list-box ul { list-style: none; }
        .doc-mob-list-box ul li, .doc-mob-list-box ul li a { display: block; }
            .doc-mob-list-box ul li a:hover, .doc-mob-list-box ul li.select a { background-color: #6db4e3; }
            .doc-mob-list-box ul li a { font-size: 14px; text-align: left; line-height: 10px; padding: 10px 15px; color: #fff; }
            .doc-mob-list-box ul li ul li a { text-indent: 3px; display: block; padding: 10px 15px 10px 38px; }
.item-title { font-size: 16px; text-align: center; height: 60px; line-height: 60px; }
.normal-text { font-size: 14px; line-height: 24px; font-family: Arial; }
.v-margin { margin: 13px 0; }
.help-img-box { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; }
.help-img-box-phone { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; }
.help-img-box img { width: 90%; }
.help-img-box .img-title { text-align: center; font-size: 12px; }
.help-img-box-phone img { width: 90%; }
.help-img-box-phone .img-title { text-align: center; font-size: 12px; }
.help-remark { font-size: 12px; }
.help-img-box-phone2 { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; }
    .help-img-box-phone2 img { width: 90%; }
    .help-img-box-phone2 .img-title { text-align: center; font-size: 12px; }
.normal-text .circle { display: inline-block; width: 8px; height: 8px; background-color: #000; border-radius: 50%; }
.help-wrap > .help-list-title > ul > li > ul > li a img {
    display:none;
}
/*适配手机版*/
@media screen and (max-width:768px){
  .help-item-box .item-title {
    font-size: 16px;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.help-item-box .normal-text {
    font-size: 14px;
    line-height: 24px;
    font-family: Arial;
}

.help-item-box .v-margin {
    margin: 13px 0;
}

.help-item-box .help-img-box {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.help-item-box .help-img-box-phone {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.help-item-box .help-img-box img {
    width: 90%;
}

.help-item-box .help-img-box .img-title {
    text-align: center;
    font-size: 12px;
}

.help-item-box .help-img-box-phone img {
    width: 90%;
}

.help-item-box .help-img-box-phone .img-title {
    text-align: center;
    font-size: 12px;
}

.help-item-box .help-remark {
    font-size: 12px;
}

.help-item-box .help-img-box-phone2 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

  .help-item-box  .help-img-box-phone2 img {
        width: 90%;
    }

   .help-item-box .help-img-box-phone2 .img-title {
        text-align: center;
        font-size: 12px;
    }

.help-item-box .normal-text .circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #000;
    border-radius: 50%;
}

body {
    background-color: #f6f5fa;
}

* {
    margin: 0;
    padding: 0;
}
#helpmob-list-con {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    top: 0;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 40px;
    padding-bottom: 60px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    #helpmob-list-con > img {
        position: fixed;
        top: 16px;
        right: 24px;
        width: 30px;
    }

#help-item-box {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 10000;
    background-color: #fff;
    top: 0;
    right:0;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 40px;
    padding-bottom: 60px;
    overflow-x: hidden;
    overflow-y: scroll;
    display:none;
}

    #help-item-box > img {
        position: fixed;
        top: 16px;
        right: 24px;
        width: 30px;
    }

    #help-item-box button {
        display: block;
        width: 40%;
        height: 30px;
        background-color: #000;
        color: #fff;
        left: 30%;
        bottom: 30px;
        border: none;
        position: fixed;
    }
    .help-wrap{
        margin:0;
    }
    .help-wrap .help-list-title{
        width:100%;
        padding:0;
    }
    .help-list-title>ul>li>h5 {
    width: 100%;
    height: 50px;
    font-size: 16px;
    text-align: left;
    padding:0;
    margin: 0;
    padding-left: 4.22%;
    line-height: 50px;
    background-color: #fff;
    border-top: solid 1px #e5e5e5;
    margin-top: 9px;
    color: #333333;
    position:relative;
}
   .help-wrap>.help-list-title>ul>li>h5>i{
        display:block;
        position:absolute;
        border:none;
        margin:0;
        padding:0;
        width:100%;
        height:1px;
        background-color:#e5e5e5;
        top:49px;

    }
   .help-wrap>.help-list-title>ul>li>ul>li {
    width: 100%;
    height: 45px;
    background-color: #fff;
    padding-left: 4.22%;
    padding-right: 4.68%;
    line-height: 44px;
    font-size: 14px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
    border-bottom: solid 1px #e5e5e5;
}
   .help-wrap>.help-list-title>ul>li>ul>li.select,.help-wrap>.help-list-title>ul>li>ul>li:hover{
       background-color:#efefef;
   }
   .help-wrap>.help-list-title>ul>li>ul>li a{
        display: block;
        width: 100%;
        height: 100%;
    font-size: 14px;
    padding-left:0;
    line-height:24px;
    color:#2685c4;
   }
    .help-list-title>ul>li>h5:first-child{
        margin-top:0;
    }
    body,.help-wrap{
        overflow-x:hidden;
    }
       .help-wrap>.help-list-title>ul>li>ul>li a img {
            float: right;
            height: 14px;
            margin-top:3px;
            display:block;
        }
       .help-wrap .help-list-title ul li.cl i {
display:none;
}
::-webkit-scrollbar{width:0px}

}
