html, body {
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

div.process {
    width: 100%;
    margin-left: 10px;
    float: left
}

div.process ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

div.process li {
    float: left;
    margin-left: -10px;
    margin-bottom: 10px
}

div.no1blue {
    width: 188px;
    height: 42px;
    background: url(../img/process/no1blue.png) no-repeat;
    color: #fff;
    font-size: 12px
}

div.title1 {
    color: #fff;
    font-size: 12px;
    margin-left: 40px;
    padding-top: 6px
}

div.time1 {
    color: #fff;
    font-size: 12px;
    margin-left: 40px;
    padding-top: 2px
}

div.title2 {
    color: #6f6f6f;
    font-size: 12px;
    margin-left: 55px;
    padding-top: 6px
}

div.time2 {
    color: #6f6f6f;
    font-size: 12px;
    margin-left: 55px;
    padding-top: 2px
}

div.title3 {
    color: #fff;
    font-size: 12px;
    margin-left: 55px;
    padding-top: 6px
}

div.time3 {
    color: #fff;
    font-size: 12px;
    margin-left: 55px;
    padding-top: 2px
}

div.no1gray {
    width: 188px;
    height: 42px;
    background: url(../img/process/no1blue.png) no-repeat
}

div.no2gray {
    width: 188px;
    height: 42px;
    background: url(../img/process/no2gray.png) no-repeat
}

div.no2blue {
    width: 188px;
    height: 42px;
    background: url(../img/process/no2blue.png) no-repeat
}

div.no2lightblue {
    width: 188px;
    height: 42px;
    background: url(../img/process/no2lightblue.png) no-repeat
}

div.no3blue {
    width: 188px;
    height: 42px;
    background: url(../img/process/no3blue.png) no-repeat
}

div.no3lightblue {
    width: 188px;
    height: 42px;
    background: url(../img/process/no3lightblue.png) no-repeat
}

div.no3gray {
    width: 188px;
    height: 42px;
    background: url(../img/process/no3gray.png) no-repeat
}

div.no4red {
    width: 188px;
    height: 42px;
    background: url(../img/process/no4red.png) no-repeat
}

div.no4lightblue {
    width: 188px;
    height: 42px;
    background: url(../img/process/no4lightblue.png) no-repeat
}

div.no5green {
    width: 188px;
    height: 42px;
    background: url(../img/process/no5green.png) no-repeat
}

div.footer {
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-align: center;
    font-size: 12px;
    color: #585959
}

.status-process-bg {
    background: url(../img/icon-status-bg.jpg) no-repeat right bottom
}

.status-process {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px
}

.status-process li {
    text-align: center;
    float: left;
    min-width: 80px
}

.status-process .status-img {
    width: 30px;
    height: 30px;
    position: relative;
    left: 50%;
    top: 0;
    margin-left: -15px;
    z-index: 11
}

.status-process .status-line {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8;
    position: relative;
    left: 0;
    top: -17px;
    z-index: 10
}

.status-img1 {
    background: url(../img/icon-status.png) 0 0
}

.status-img2 {
    background: url(../img/icon-status.png) -36px 0
}

.status-img3 {
    background: url(../img/icon-status.png) 0 -36px
}

.status-img4 {
    background: url(../img/icon-status.png) -36px -36px
}

.status-img5 {
    background: url(../img/icon-status.png) 0 -72px
}

.status-img6 {
    background: url(../img/icon-status.png) -36px -72px
}

.status-img7 {
    background: url(../img/icon-status.png) 0 -108px
}

.status-img8 {
    background: url(../img/icon-status.png) 0 -108px
}

.status-process1 {
    list-style-type: none;
    margin: 0 auto;
    padding: 0
}

.status-process1 li {
    text-align: left;
    float: left;
    min-width: 80px;
    height: 56px
}

.status-process1 li div {
    margin: 0;
    padding: 0;
    height: 56px;
    color: #fff;
    float: left;
    line-height: 1;
    padding-top: 10px
}

.status-process1 li.fisrt-ing .content, .status-process1 li.node-ing .content, .status-process1 li.node-un .content {
    padding-top: 22px
}

.status-process1 li .after {
    width: 24px;
    height: 56px;
    min-width: 24px
}

.status-process1 li.last .after {
    width: 10px;
    height: 56px;
    min-width: 10px
}

.status-process1 li .content {
    min-width: 64px
}

.status-process1 li.first {
    padding: 0 0 0 35px;
    min-width: 123px
}

.status-process1 li.node {
    padding: 0 0 0 52px;
    margin-left: -10px;
    min-width: 141px
}

.status-process1 li.first-success {
    background: url(../img/process/step1-green.png) no-repeat
}

.status-process1 li.node-success {
    background: url(../img/process/step2-green.png) no-repeat
}

.status-process1 li.first-success .content, .status-process1 li.node-success .content {
    background: url(../img/process/middle-green.png) repeat-x
}

.status-process1 li.first-success .after, .status-process1 li.node-success .after {
    background: url(../img/process/tail-green.png) repeat-x
}

.status-process1 li.first-ing {
    background: url(../img/process/step1-blue.png) no-repeat
}

.status-process1 li.node-ing {
    background: url(../img/process/step2-blue.png) no-repeat
}

.status-process1 li.first-ing .content, .status-process1 li.node-ing .content {
    background: url(../img/process/middle-blue.png) repeat-x
}

.status-process1 li.first-ing .after, .status-process1 li.node-ing .after {
    background: url(../img/process/tail-blue.png) repeat-x
}

.status-process1 li.node-un {
    background: url(../img/process/step2-gray.png) no-repeat
}

.status-process1 li.node-un .content {
    background: url(../img/process/middle-gray.png) repeat-x;
    color: #000
}

.status-process1 li.node-un .after {
    background: url(../img/process/tail-gray.png) repeat-x
}

.status-process1 li.node-fail {
    background: url(../img/process/step3-red.png) no-repeat
}

.status-process1 li.node-fail .content {
    background: url(../img/process/middle-red.png) repeat-x
}

.status-process1 li.node-fail .after {
    background: url(../img/process/tail-red.png) repeat-x
}

.status-process1 li.last-success .after {
    background: url(../img/process/last-green.png) no-repeat
}

.status-process1 li.last-un .after {
    background: url(../img/process/last-gray.png) no-repeat
}

.status-yz {
    position: absolute;
    top: 0;
    right: 40%;
    width: 154px;
    height: 107px;
    z-index: 999
}

.status-yz-pass {
    width: 181px;
    height: 115px;
    background: url(../img/process/yz-pass.png) no-repeat
}

.status-yz-unpass {
    width: 213px;
    height: 125px;
    background: url(../img/process/yz-unpass.png) no-repeat
}

.status-yz-pass-gs {
    width: 143px;
    height: 110px;
    background: url(../img/process/yz-pass-gs.png) no-repeat
}

.status-yz-unpass-gs {
    width: 143px;
    height: 110px;
    background: url(../img/process/yz-unpass-gs.png) no-repeat
}

.status-yz-pass-syj {
    width: 143px;
    height: 110px;
    background: url(../img/process/yz-pass-syj.png) no-repeat
}

.status-yz-unpass-syj {
    width: 143px;
    height: 110px;
    background: url(../img/process/yz-unpass-syj.png) no-repeat
}

.status-yz-pass-ws {
    width: 143px;
    height: 110px;
    background: url(../img/process/yz-pass-ws.png) no-repeat
}

.status-yz-unpass-ws {
    width: 143px;
    height: 110px;
    background: url(../img/process/yz-unpass-ws.png) no-repeat
}

.status-yz-ych {
    background: url(../img/process/yz-ych.png) no-repeat
}

.status-yz-ycy {
    background: url(../img/process/yz-ycy.png) no-repeat
}

.status-yz-ygq {
    background: url(../img/process/yz-ygq.png) no-repeat
}

.status-yz-ytj {
    background: url(../img/process/yz-ytj.png) no-repeat
}

.msg_info_b {
    margin-left: 5px;
    margin-top: 15px;
    background: #f6f9fd url(../img/msg_bg.png) no-repeat 0 -696px;
    line-height: 20px;
    padding: 14px 14px 14px 40px;
    border: 1px solid #ccc;
    display: inline-block;
    position: fixed;
    right: 5px;
    z-index: 999
}

.msg_info_b .title {
    font-size: 14px;
    color: red
}

.msg_info_b table th {
    text-align: right;
    font-weight: normal
}

.pdfimport {
    width: 36px;
    height: 36px
}

.pdfimporta {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 40px;
    margin-top: 5px;
    color: #3c8dbc
}

.pdfimporta.disable {
    color: #3c8dbc
}