.wrap { width: 100%; margin: 0 auto; background: #ffffff; .certify-header { background: #f8f8f8; width: 100%; .certify-logo { width: 100%; margin: 0 auto; padding: 10px 0; .logo { width: 12%; padding-top: 60px; float: left; margin-left: 40px; position: relative; overflow: hidden; img { position: absolute; top: 0; left: 0; height: 60px; width: 120px; } } .certify-text { width: 84%; float: left; line-height: 60px; font-size: 24px; .text { border-left: 1px solid #999999; } .alink { float: right; font-size: 14px; line-height: 60px; a { color: #333; padding: 0 8px; border-left: 1px solid #999999; &:first-child { border: none; } } } span { padding-left: 10px; } } } } .certify-content { .certify-step { width: 1030px; height: 60px; margin: 40px auto; border-radius: 8px; background: #c1c1c1; overflow: hidden; >div { width: 150px; height: 60px; display: table; color: #fff; float: left; padding: 0 22px 0 10px; >div { vertical-align: middle; display: table-cell; font-size: 15px; } &:first-child { padding-left: 6px; } &:last-child { width: 130px; background-image: none; } >i { margin-top: 17px; display: inline-block; height: 26px; width: 26px; border-radius: 50%; background: #fff; overflow: hidden; text-align: center; line-height: 26px; font-size: 20px; font-style: normal; } } .step-done { background: #ff6500; background-image: url(../../../image/scd.png); background-repeat: no-repeat; background-position-x: right; background-size: 22px; >i { color: #ff6500; } } .step-doing { background: #ff8a33; background-image: url(../../../image/trd.png); background-repeat: no-repeat; background-position-x: right; background-size: 22px; >i { color: #ff8a33; } } .step-off { background: #ff6500; background-image: url(../../../image/fst.png); background-repeat: no-repeat; background-position-x: right; background-size: 22px; >i { color: #ff6500; } } .step-none { background: #c1c1c1; background-image: url(../../../image/none.png); background-repeat: no-repeat; background-position-x: right; background-size: 22px; >i { color: #c1c1c1; } } .step-last { background: #c1c1c1; width: 130px; >i { color: #c1c1c1; } } } } .footer { padding: 10px 0; text-align: center; background: #f0f0f0; p { margin: 10px 0; } } }