@charset "UTF-8";

body {
    background-color: #f3f3f3;
}

.top {
    height: 85px;
    min-width: 1200px;
    background-color: #fdfdfd;
}

.top .logo {
    background-image: url("../Image/logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: 56px;
    margin: 7px 40px 0px 40px;
    padding-left: 209px;
    line-height: 56px;
}


.top a:hover{
    color: #727272;
}

.top a.user{
    color: #41af2c;
}

.top .logo b {
    line-height: 40px;
    border-left: 1px solid #ccc;
    height: 40px;
    padding: 0px 0px 0px 20px;
    display: inline-block;
}

.top a {
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    display: block;
    text-decoration: none;
    color: #9c9c9c;
}

.search {
    height: 135px;
    min-width: 1200px;
    background-color: #60a8f2;
}

.search .searchArea {
    width: 600px;
    border-radius: 8px;
    height: 50px;
    background-color: #e4276a;
    display: inline-block;
    line-height: 50px;
    margin-top: 40px;
}

.search .searchArea input {
    height: 40px;
    width: 480px;
    border: none;
    text-indent: 5px;
    margin: 5px 0px 0px 8px;
    border-radius: 8px;
    padding: 0px;
}

.search .searchArea button {
    height: 40px;
    background-color: transparent;
    width: 80px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.title {
    min-width: 1200px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

.functions1 {
    min-width: 1200px;
    min-height: 1px;
}

.functions1 .list {
    padding: 0px;
    margin: 0px;
}

.functions1 .list li {
    width: 25%;
    min-height: 1px;
    display: block;
    float: left;
    background-color: #fff;
}

.functions1 .list li a {
    width: 100%;
    min-height: 1px;
    display: block;
    text-decoration: none;
}

.functions1 .list li a .icon {
    height: 100px;
}

.functions1 .list li a .icon img {
    margin: 30px auto 10px auto;
    border: none;
}

.functions1 .list li a .funTitle {
    line-height: 70px;
    height: 70px;
}

.functions2 {
    min-width: 1200px;
    min-height: 1px;
}

.functions2 .list {
    padding: 0px;
    margin: 0px;
}

.functions2 .list li {
    width: 25%;
    min-height: 1px;
    display: block;
    float: left;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.functions2 .list li.lline {
    border-left: 2px #f3f3f3 solid;
}

.functions2 .list li.rline {
    border-right: 2px #f3f3f3 solid;
}

.functions2 .list li a {
    width: 100%;
    min-height: 1px;
    display: block;
    text-decoration: none;
}

.functions2 .list li a .icon {
    height: 100px;
}

.functions2 .list li a .icon img {
    margin: 30px auto 10px auto;
    border: none;
}

.functions2 .list li a .funTitle {
    line-height: 70px;
    height: 70px;
}

.functions3 {
    min-width: 1200px;
    min-height: 1px;
}

.functions3 .list {
    padding: 0px;
    margin: 0px;
}

.functions3 .list li {
    width: 50%;
    height: 180px;
    display: block;
    float: left;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.functions3 .list li.lline {
    border-left: 2px #f3f3f3 solid;
}

.functions3 .list li.rline {
    border-right: 2px #f3f3f3 solid;
}

.main {
    min-width: 1200px;
    min-height: 1px;
}

.main .helpMenu {
    width: 20%;
    min-height: 1px;
}

.Huifold .tree {
    padding: 0px;
    margin: 0px;
}

.Huifold .tree li {
    line-height: 34px;
    height: 34px;
    background-color: #fff;
}

.Huifold .tree li:hover, .Huifold .tree li.checked {
    background-color: #e4276a;
}

.Huifold .tree li a {
    margin-left: 10px;
    text-decoration: none;
    color: #727272;
    display: block;
    width: 90%;
}

.Huifold .tree li:hover a, .Huifold .tree li.checked a {
    color: #fff;
}

.contentArea {
    min-height: 312px;
    background-color: #fff;
    width: 79%;
    margin-left: 1%;
    padding: 10px 0px 10px 0px;
    box-sizing: border-box;
}

.contentArea li{
    margin-bottom: 5px;
}

.contentArea .funTitle {
    height: 40px;
    line-height: 40px;
    border-bottom: solid #000 1px;
    margin: 0px 10px 20px 10px;
    text-indent: 5px;
}

.contentArea .helpTitle {
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    text-decoration: none;
    padding: 0px 30px 0px 30px;
}

.contentArea .helpTitle:hover {
    color: #2c2c2c;
}

.contentArea .helpTitle.nochecked:hover:after {
    content:'';
    background:url("../Image/helpcenter/down-circle-o.png") no-repeat;
    background-position: center -1px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.contentArea .helpTitle.checked {
    color: #0a6999;
    font-size: 18px;
}

.contentArea .helpTitle.checked:hover:after {
    content:'';
    background:url("../Image/helpcenter/up-circle-o.png") no-repeat;
    background-position: center -1px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}


.contentArea .helpDetails {
    display: none;
    min-height: 1px;
    padding: 20px 70px 20px 70px;
    box-sizing: border-box;
    color: #000000;
    background-color: #f0fbff;
}

.contentArea .helpDetails img, .contentArea .helpDetails embed, .contentArea .helpDetails obj {
    max-width: 100%;
}

/*.contentArea .helpDetails img
{
    object-fit:contain;
}*/

.contentArea .colH {
    height: 40px;
    line-height: 40px;
}

.searchResult {
    background-color: #fff;
    padding: 0px 120px 50px 120px;
    box-sizing: border-box;
    min-height: 150px;
}

.searchResult .tips{
    color: #979797;
    border-bottom: dotted 1px #ccc;
    padding: 10px 0px 5px 0px;
}

.searchResult li {
    height: 60px;
    overflow: hidden;
    box-sizing: border-box;
}

.searchResult li a {
    text-decoration: none;
}

.searchResult li .mainStandard {
    color: #404040;
    font-size: 16px;
}

.searchResult li .viceStandard {
    color: #919191;
    font-size: 14px;
    height: 20px;
    overflow: hidden;
}

.searchResult li .viceStandard pre{
    width: 100%;
    color: #919191;
    background-color: transparent;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pages {
    height: 50px;
    line-height: 50px;
}

.pages .pageL {
    background-image: url("../Image/helpcenter/pages_left.png");
    background-repeat: no-repeat;
    height: 31px;
    width: 31px;
    display: inline-block;
}

.pages .pageR {
    background-image: url("../Image/helpcenter/pages_right.png");
    background-repeat: no-repeat;
    height: 31px;
    width: 31px;
    display: inline-block;
}

/************页脚部分************/
.footer {
    padding: 20px 0px 20px 0px;
    width: 1200px;
    box-sizing: border-box;
    margin: auto;
}

.footer a {
    background-color: #7b7b7b;
    display: inline-block;
    padding: 0px 15px 0px 15px;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
}

.footer a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0e90d2;
}

.footer a.clear {
    background-color: transparent;
    display: inline-block;
    color: #999!important;
    line-height: 20px;
    text-decoration: none;
    padding: 0px 5px;
}

.footer a.clear:hover {
    color: #999 !important;
    background-color: transparent!important;
}

.quickTool {
    border-radius: 3px;
    position: fixed;
    width: 60px;
    min-height: 30px;
    top: 30%;
    right: 10%;
    border: solid 1px #8cc63e;
    background: #fff;
}

.quickTool a {
    display: block;
    width: 40px;
    border-bottom: solid 1px #8cc63e;
    margin: 5px;
    padding: 5px;
}

/*登录框*/
.login{position:fixed; z-index:999; width:100%; height:100%; top:0; left:0; }
.login_tk{ position:fixed; z-index:999; width:100%; height:100%; top:0; left:0; background:#000; filter:alpha(opacity=80); opacity: 0.8;  }
.login_tk02{ width:400px; height:400px; position:absolute; border-radius:10px; background-color:#fff; overflow:hidden;z-index:9999;}
.login_tk02 h1{ font-weight:normal; height:50px; line-height:50px; background:#8cc63e; font-size:22px; color:#fff; padding:0 10px;}
.login_tk02 h1 img{ float:right; margin-top:10px; cursor:pointer;}
.login_tk02_x{ padding:30px 30px 0;}
.login_tk02_x .userId{width: 100%;height: 40px; border: solid 1px #ccc;line-height: 40px;}
.login_tk02_x .password{width: 100%;height: 40px; border: solid 1px #ccc;line-height: 40px;margin-top: 20px;}
.login_tk02_x input[type=text],input[type=password]{width: 280px;height: 30px; border: none;padding: 0px;margin: 0px;text-indent: 5px;line-height: 30px;font-size: 14px;}
.login_tk02_x i{font-size: 22px;margin-left: 5px;}
.login_tk02_x .col{height: 14px; line-height: 14px;margin-top: 20px;font-size: 14px;margin-top: 20px;}
.login_tk02_x .col.error{color: #cb3528;text-align: center; }
.login_tk02_x .col.success{text-align: center;color: #78aa34  }