body {
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: black;
}

* {
    padding: 0px;
    margin: 0px;
}

.bg-gray {
    background-color: #f0f0f0;
}

.bg-white {
    background-color: #fff;
}

.width-1200 {
    width: 1200px;
}

.padding-left-40 {
    padding-left: 40px;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.text-warning {
    color: #ee7f33 !important;
}

.text-gray {
    color: #666666 !important;
}

.text-black {
    color: #000000 !important;
}

.split-hr {
    width: 1200px;
    padding: 20px;
    float: left;
}

.split-hr hr {
    margin: 0px;
    color: #f5f5f5;
}

.t-main {
    height: 40px;
    float: left;
    font-size: 14px;
}

.t-left {
    width: 20px;
    background-image: url("../imgs/common/title-left.png");
}

.t-center {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background-color: #448edc;
}

.t-right {
    width: 20px;
    background-image: url("../imgs/common/title-right.png");
}

.margin-center {
    margin: 0 auto;
}

.content-gray {
    float: left;
    background-color: #f5f5f5;
    width: 1100px;
    border-radius: 10px;
    margin: 0px 50px;
    padding: 20px;
}

.content-img {
    margin-bottom: 16px;
    margin-top: 10px;
}

.content-gray p {
    margin-bottom: 10px;
}

.docHead {
    width: 100%;
    height: 100px;
    background-color: #0070da;
}

.topHeader {
    height: 100px;
    background: url("../imgs/common/docTop.png") no-repeat left;
    position: relative;
    right: 40px;
}

.mainTitle {
    margin-top: 30px;
    width: 100%;
}

.mainTitleImg {
    width: 70px;
    height: 40px;
    background: url("../imgs/common/width-70.png") no-repeat bottom;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    float: left;
}

.backIndex {
    font-size: 14px;
    line-height: 40px;
    color: #448edc;
    float: right;
    position: relative;
}

.mainContent {
    width: 100%;
}

.full-height {
    position: absolute;
    width: 1200px;
    bottom: 0px;
    top: 170px;
}

ul {
    list-style-type: none;
}

.content-ul {
    list-style-type: none;
}

.content-ul li {
    float: left;
    width: 100%;
}

.content-ul li p {
    margin: 0px 0px 6px;
}

.q-tip-p {
    color: #333;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.step-icon-bg {
    width: 16px;
    height: 16px;
    font-size: 10px;
    color: #fff !important;
    float: left;
    line-height: 16px;
    text-align: center;
    margin-right: 4px;
    background: url("../imgs/common/icon-stepBlue.png") no-repeat bottom;
}

.step-content {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    width: 1180px;
    padding-bottom: 10px;
}

/******************** 点赞 ************************/
.thumbsDiv {
    width: 1200px;
    text-align: center;
    float: left;
    margin: 30px 0px 60px 0px;
}

.thumbsIcon {
    width: 120px;
    height: 40px;
    cursor: pointer;
}

.thumbsUp {
    background: url("../imgs/common/thumbsUp.png") no-repeat;
    float: left;
    position: relative;
    left: 400px;
}

.thumbsLow {
    background: url("../imgs/common/thumbsLow.png") no-repeat;
    float: left;
    position: relative;
    left: 430px;

}

.thumbsTip {
    font-size: 14px;
    line-height: 40px;
    margin-left: 40px;
}

.thumbsUpTip {
    color: #448edc;
}

.thumbsLowTip {
    color: #a3a3a3;
}

/******************* 点赞 *************************/
/** footer **/
.footer {
    width: 100%;
    height: 84px;
    background-color: #313131;
    float: left;
}

.footerContent {
    width: 1000px;
    text-align: center;
    padding-top: 20px;
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;
    margin: 0 auto;
}

/** footer **/
/****************** more ******************/
.step-ul {
    list-style-type: none;
}

.step-ul li {
    float: left;
    width: 100%;
    padding: 20px 20px 0px 20px;
}

.step-p {
    margin: 0px;
}

.step-p:hover .step-icon {
    background: url("../imgs/common/icon-stepBlue.png") no-repeat bottom;
}

.step-p:hover .step-question {
    color: #448edc;
}

.step-icon {
    width: 16px;
    height: 16px;
    background: url("../imgs/common/icon-stepGray.png") no-repeat bottom;
    font-size: 10px;
    color: #fff !important;
    float: left;
    line-height: 16px;
    text-align: center;
    margin-right: 10px;
}

.step-question {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    border-bottom: 1px solid #f5f5f5;
    width: 1108px;
    padding-bottom: 20px;
}

.step-hr {
    color: #f5f5f5;
    width: 100%;
}

.fun-p {
    margin-left: 20px !important;
}

/****************** more ******************/

/****************** 添加网络锁失败,怎么办？ ******************/
.q-tip-img-addNetLockFailure {
    width: 375px;
    height: 254px;
    background: url("../imgs/doc/addNetLockFailure/1.png") no-repeat bottom;
    float: left;
}

/****************** 添加网络锁失败,怎么办？ ******************/

/***tab**************************************/

.tab-select-header {
    width: 100%;
    float: left;
    margin-left: 50px;
}

.tab-select {
    float: left;
    width: 80px;
    height: 25px;
    background-image: url("../imgs/common/tabUnSelected.png");
    text-align: center;
    line-height: 25px;
    position: relative;
    top: 5px;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    margin-right: 5px;
}

.tab-selected {
    height: 30px;
    line-height: 30px;
    background-image: url("../imgs/common/tabSelected.png");
    color: #ffffff;
    position: relative;
    top: 0px;
}

.tab-content {
    float: left;
    background-color: #f5f5f5;
    width: 1100px;
    border-radius: 0px 10px 10px 10px;
    margin: 0px 50px;
    padding: 20px;
}

.tab-content {
    color: #333;
}

.best-icon {
    position: relative;
    float: right;
    bottom: 26px;
    left: 26px;
}