﻿@charset "utf-8";
/* CSS Document */

* {
}

html {
    overflow-x: hidden;
}

body {
    padding: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
    text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
    color: #333;
    font-size: 12px;
    line-height: 160%;
    font-family: "微软雅黑";
    margin: 0 auto;
    /*behavior: url("js/csshover.htc");*/
}

#he-container {
    width: 100%; /* 这将创建一个占据 80% 浏览器宽度的容器 */
    text-align: left; /* 这将覆盖 body 元素上的"text-align: center"。 */
    /*  position:relative;*/
}

.he-content {
    width: 1001px;
    margin: 0 auto;
    overflow: hidden;
}

ul, ol, li, form, a, img, h1, dd, dl, dt, p, h3 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearB {
    clear: both;
}

.textM {
    text-align: center;
}

.textR {
    text-align: right!important;
}

.textL {
    text-align: left!important;
}

.floatR {
    float: right;
}

.floatL {
    float: left;
}

.wFull {
    width: 100%;
}

.oV {
    overflow: visible;
}

oA {
    overflow: auto;
}

.mB10 {
    margin-bottom: 10px;
}

input[type=text], textarea {
    border: 1px solid #ccc!important;
    padding-left: 5px;
    padding-right: 5px;
}

textarea {
    padding: 5px;
    font-size: 12px;
}

a:link, a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #3e7dd4;
}

.padR0 {
    padding-right: 0px!important;
}

.bold {
    font-weight: bold;
}

.w800 {
    width: 800px;
}

a.grey {
    color: #999;
}



/*head*/
.he-head {
    background: url(../../Images/help/topBg.jpg) repeat-x;
    height: 79px;
    margin-bottom: 15px;
}

.he-headSearch {
    float: left;
    width: 500px;
}

.he-searchForm {
    padding-top: 17px;
}

    .he-searchForm .searchInput {
        border: 1px solid #ccc;
        height: 28px;
        line-height: 28px;
        color: #999;
        width: 320px;
        float: left;
    }

    .he-searchForm .searchBtn {
        background: url(../../Images/help/noRepeat.gif) 0 -54px;
        width: 70px;
        height: 32px;
        border: 0;
        cursor: pointer;
        float: left;
    }

.he-hotSearch {
    height: 24px;
    line-height: 24px;
    width: 438px;
    clear: both;
}

    .he-hotSearch a {
        margin-right: 15px;
    }

.he-login {
    float: left;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    margin-top: 20px;
}

/*left*/
.he-left {
    width: 195px;
    float: left;
    margin-right: 20px;
}

    .he-left h3 {
        color: #3e7dd4;
        font-size: 16px;
        background: url(../../Images/help/noRepeat.gif) 15px -117px no-repeat #ececec;
        padding-left: 50px;
        height: 46px;
        line-height: 46px;
        border-radius: 6px 6px 0 0;
    }

    .he-left dl {
        border-bottom: 1px solid #dcdcdc;
    }

        .he-left dl dt {
            background: url(../../Images/help/arrow-contract.gif) no-repeat 150px 14px #5584da;
            height: 38px;
            line-height: 38px;
            color: #fff;
            padding-left: 25px;
            cursor: pointer;
        }

        .he-left dl.expand dt {
            background: url(../../Images/help/arrow-expand.gif) no-repeat 150px 14px #5584da;
            height: 38px;
            line-height: 38px;
            color: #fff;
            font-size: 14px;
            padding-left: 25px;
        }

        .he-left dl dd {
            background: #dde8fc;
            padding-left: 12px;
            height: 25px;
            "><a href="#" style="background:url(../../Images/help/noRepeat.gif) no-repeat 0 -256px;
            display: block;
            padding-left: 15px;
        }

            .he-left dl dd a {
                background: url(../../Images/help/noRepeat.gif) no-repeat 0 -256px;
                display: block;
                padding-left: 15px;
            }

/*mid*/
.he-mid {
    float: left;
    width: 786px;
}

.he-position {
    border-bottom: 1px solid #ccc;
    line-height: 36px;
}

.he-helpword h3.title {
    text-align: center;
    color: #666;
    font-size: 14px;
    margin: 10px auto 20px;
    font-weight: normal;
}

.he-i-left {
    float: left;
    width: 770px;
    padding-right: 10px;
}

.he-i-guide {
    overflow: auto;
    margin-bottom: 10px;
}

.he-i-t {
    overflow: auto;
    clear: both;
    line-height: 50px;
}

.he-i-guide h1 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    font-weight: normal;
}

.he-i-guide dl {
    float: left;
    width: 249px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.he-i-guide dt {
    background: url(../../Images/help/icon-man-blue.gif);
    width: 249px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-top: 80px;
}

.he-i-guide dl.odd dt {
    background: url(../../Images/help/icon-man-grey.gif);
    width: 249px;
    height: 40px;
    text-align: center;
    color: #666;
    font-size: 18px;
    padding-top: 80px;
}

.he-i-guide dd {
    background: #dbdee3;
    overflow: auto;
    /*height: 100px;*/
    padding-top: 5px;
}

    .he-i-guide dd li {
        background: url(../../images/help/norepeat.gif) 5px -224px no-repeat;
        padding-left: 18px;
        padding-right: 10px;
        float: left;
        width: 37%;
    }

.he-i-fast, .he-i-hot {
    border-top: 1px solid #ccc;
    width: 770px;
    float: left;
    margin-bottom: 20px;
}

    .he-i-fast h1, .he-i-hot h1 {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        font-weight: normal;
    }

    .he-i-fast li {
        width: 120px;
        float: left;
        padding-right: 10px;
    }

        .he-i-fast li dd.txt {
            color: #666;
            line-height: 15px;
        }

    .he-i-hot ul {
        background: #f8f8f8;
        overflow: auto;
        height: 105px;
        padding: 15px;
        padding-right: 0;
    }

    .he-i-hot li {
        background: url(../../Images/help/noRepeat.gif) no-repeat 0 -288px;
        padding-left: 15px;
        width: 221px;
        float: left;
        padding-right: 15px;
        line-height: 25px;
    }

.he-i-right {
    float: left;
    width: 221px;
}

.he-i-news h1, .he-i-contact h1 {
    color: #666;
    font-weight: normal;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #d9dce1;
    margin-bottom: 5px;
}

.he-i-contact h1 {
    margin-bottom: 10px;
}

.he-i-news li {
    background: url(../../Images/help/noRepeat.gif) 0 -186px no-repeat;
    padding-left: 20px;
    line-height: 25px;
}

.he-i-contactArea {
    width: 194px;
    margin: 0 auto;
}

.he-i-phone {
    border: 1px solid #d9dce1;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}

    .he-i-phone .txt {
        padding: 10px 0;
    }


.he-tab-message {
    border-bottom: 1px solid #dbdee3;
    height: 35px;
    margin-bottom: 10px;
}

    .he-tab-message li {
        float: left;
        padding: 0 15px;
        font-size: 14px;
        cursor: pointer;
    }

        .he-tab-message li.select {
            border-bottom: 2px solid #3e7dd4;
            color: #3e7dd4;
            height: 34px;
        }

.he-messageBg {
    width: 960px;
    margin: 0 auto;
    background: url(../../Images/help/message-bg-m.gif) repeat-y;
}


.pa-interConsultTB {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .pa-interConsultTB td {
        padding: 10px;
    }

    .pa-interConsultTB .txt {
        color: #999;
        vertical-align: top;
    }

        .pa-interConsultTB .txt i {
            padding-right: 10px;
            font-style: normal;
        }

    .pa-interConsultTB .contentconsult {
        font-size: 13px;
        color: #666;
        padding: 5px;
        padding-right: 0;
    }

.consultInfo {
    padding-left: 5px;
}

.pa-interConsultTB .txt span {
    padding-right: 25px;
}

.pa-interConsultTB .reply {
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
}

.pa-interConsultTB .txt .M {
    font-size: 15px;
    color: #333;
}

.pa-interConsultTB .txt .N {
    font-weight: bold;
    cursor: pointer;
}


.he-dialog-footer {
    margin: 15px 0px;
    padding-top: 10px;
    text-align: center;
}

    .he-dialog-footer button {
        -moz-user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857;
        margin-bottom: 0;
        overflow: visible;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width: auto;
        margin-right: 15px;
    }

        .he-dialog-footer button:hover, .he-dialog-footer button:focus {
            color: #333333;
            text-decoration: none;
        }


    .he-dialog-footer button {
        background-color: #ffffff;
        border-color: #cccccc;
        color: #333333;
    }

        .he-dialog-footer button:hover, .he-dialog-footer button:focus, .he-dialog-footer button:active {
            background-color: #ebebeb;
            border-color: #adadad;
            color: #333333;
        }

        .he-dialog-footer button:active {
            background-image: none;
        }

        .he-dialog-footer button.he-dialog-autofocus {
            background-color: #428bca;
            border-color: #357ebd;
            color: #ffffff;
        }

            .he-dialog-footer button.he-dialog-autofocus:hover, .he-dialog-footer button.he-dialog-autofocus:focus, .he-dialog-footer button.he-dialog-autofocus:active {
                background-color: #3276b1;
                border-color: #285e8e;
                color: #ffffff;
            }

/*foot*/
.he-foot {
    background: url(../../Images/help/footBg.gif) repeat-x;
    height: 51px;
    line-height: 51px;
    text-align: center;
    clear: both;
}

    .he-foot .txt {
        padding: 0 15px;
    }
