@charset "utf-8";
/* 帮助/关于页 help.css（须先加载 public.css，绿色主题变体） */

.kx-nav { background: #22c485; }
.kx-nav .nav-cur,
.kx-nav a:hover,
.kx-nav p.hover i { background-color: #1da16e; }
.bdcs-search-form-input { border-color: #22c485; }
.bdcs-search-form-submit { background: #22c485; }
#subNav .on { color: #22c485; }

/* 左右栏布局：覆盖 public.css 对 #page/#container 的 1300px + clear:both */
body.kx-help-page .kx-help-wrap #page,
body.kx-help-page #page {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    box-sizing: border-box;
    clear: none;
    overflow: hidden;
}

body.kx-help-page #mulu,
body.kx-help-page .kx-help-wrap #mulu {
    float: left;
    width: 240px;
    margin: 0;
    padding: 0;
}

body.kx-help-page #container,
body.kx-help-page .kx-help-wrap #container {
    float: left;
    width: calc(100% - 260px);
    min-width: 0;
    max-width: none;
    margin: 0;
    padding-left: 20px;
    box-sizing: border-box;
    clear: none;
}

#mulu a {
    display: block;
    line-height: 42px;
    height: 42px;
    text-indent: 80px;
    background: #fff url(/static/images/ddot.png) 145px 12px no-repeat;
    color: #333;
    text-decoration: none;
}
#mulu .cur,
#mulu .cur:hover {
    background-position: 145px -26px;
    background-color: #22c485;
    color: #fff;
}
#mulu a:hover {
    background-color: #ebffec;
    color: #22c485;
    text-decoration: none;
}

#container > h2 {
    font-size: 18px;
    padding-left: 15px;
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.kx-help-body,
#container > p,
#container .kx-help-body p {
    padding-left: 15px;
    line-height: 34px;
    margin-bottom: 10px;
}
#container .kx-help-body {
    padding-left: 0;
}
#container b,
#container strong { font-weight: bold; }
#container a { color: #0984c5; text-decoration: underline; }
#container a:hover { color: #f60; }
#container .main p {
    padding-left: 15px;
    line-height: 34px;
    margin-bottom: 10px;
}
#container .f18 { font-size: 18px; }
#container .bold { font-weight: bold; }
#container .c-red-1 { color: #e53935; }
#container h2:not(:first-child) {
    font-size: 16px;
    padding-left: 15px;
    margin: 16px 0 8px;
    border-bottom: none;
    height: auto;
    line-height: 1.5;
}

#abc {
    clear: both;
    padding: 50px 10px 10px 8px;
    line-height: 40px;
    overflow: hidden;
    zoom: 1;
    background: url(/static/images/abc.png) 0 50px no-repeat;
}
#abc h3 {
    float: left;
    font-weight: bold;
    color: #35a035;
}
#abc li {
    float: left;
    margin-left: 23px;
}
#abc li a { color: #0984c5; font-weight: bold; }
#abc a:hover { color: #f60; }

#fbpage #container { position: relative; }
#fbbtn {
    position: absolute;
    right: 0;
    top: 6px;
    display: inline-block;
    padding: 4px 10px;
    background: #22c485;
    color: #fff !important;
    text-decoration: none !important;
}
#fbbtn:hover { background: #1da16e !important; }
#tabcon dt {
    display: block;
    float: none;
    font-size: 18px;
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
#tabcon dt span {
    cursor: pointer;
    float: left;
    padding: 0 15px;
}
#tabcon dt .cur {
    border-bottom: 2px solid #22c485;
    color: #22c485;
    font-weight: bold;
}
#tabcon dd { display: none; }
#tabcon dd.on { display: block; }

#pylink #container a { text-decoration: none; }
#pylink main { position: relative; }
#pylink #tj {
    position: absolute;
    left: 338px;
    top: 20px;
    font-weight: bold;
}
#pylink .gredot li {
    background: none;
    text-indent: 0;
}
#pylink .gredot li b {
    font-weight: normal;
    display: block;
    clear: both;
    padding: 15px 0 5px;
    color: #111;
    font-size: 16px;
    text-indent: 15px;
}
#pylink .gredot p a {
    width: 125px;
    float: left;
    text-indent: 0;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
}
