#header { height: 122px; margin-top: -26px !important; width: auto !important; position: relative; z-index: 1000; margin-bottom: 0; min-width: 990px; background: #fff; } #content, #footer, #header, #page { margin-left: auto; margin-right: auto; } .headerLayout { width: 990px; padding-top: 26px; margin: 0 auto; } .headerCon { position: relative; } #mallLogo { float: left; z-index: 9; padding-top: 28px; width: 400px; height: 64px; line-height: 64px; position: relative; } h1, h2 { font-weight: 500; } #mallLogo .mlogo { float: left; margin-right: 10px; padding: 0; } #mallLogo .mlogo a { height: 30px; font-size: 22px; width: 190px; overflow: hidden; } .header-extra { overflow: visible; } .tmall-stepbar { padding-top: 25px; width: 710px; } .next-step { width: 100%; position: relative; border: none; } .next-step-circle.next-step-horizontal { text-align: center; white-space: nowrap; } .next-step-circle.next-step-horizontal { text-align: center; white-space: nowrap; } .next-step-horizontal>.next-step-item { display: inline-block; text-align: left; } .next-step-item { position: relative; vertical-align: middle; outline: 0; height: 100%; } .next-step-circle .next-step-item-container { display: inline-block; vertical-align: middle; position: relative; padding: 0 8px; } .next-step-circle>.next-step-item-process .next-step-item-node-placeholder { width: 32px; height: 32px; position: relative; } .next-step-circle .next-step-item-container .next-step-item-node-placeholder { display: inline-block; } .next-step-circle>.next-step-item-process .next-step-item-node { position: relative; display: inline-block; text-align: center; cursor: pointer; } .next-step-circle>.next-step-item-process>.next-step-item-container .next-step-item-node-circle { background: #ff0036; border-color: #ff0036; } .next-step-circle>.next-step-item-process>.next-step-item-container .next-step-item-node-circle, .next-step-circle>.next-step-item-process>.next-step-item-container .next-step-item-node-dot { background: #f50; border-color: #f50; } .next-step-circle>.next-step-item-process .next-step-item-node-circle { display: block; width: 32px; height: 32px; font-size: 14px; font-weight: 400; line-height: 30px; text-align: center; border: 1px solid; border-radius: 50%; -webkit-transition: background-color .1s linear; transition: background-color .1s linear; } .next-step-circle.next-step-horizontal>.next-step-item-process>.next-step-item-body { width: 100px; left: -26px; text-align: center; position: absolute; } .next-step-item-body { outline: 0; } .next-step-circle.next-step-horizontal>.next-step-item .next-step-item-title { white-space: nowrap; } .next-step-circle.next-step-horizontal>.next-step-item-process>.next-step-item-body>.next-step-item-title { font-size: 16px; line-height: 20px; margin-top: 8px; font-weight: 700; } .next-step-circle.next-step-horizontal>.next-step-item .next-step-item-content, .next-step-circle.next-step-horizontal>.next-step-item .next-step-item-title { white-space: normal; } .next-step-circle>.next-step-item-process .next-step-item-title { color: #333; word-break: break-word; } .next-step-circle.next-step-horizontal>.next-step-item-process>.next-step-item-body>.next-step-item-content { margin-top: 4px; } .next-step-circle.next-step-horizontal>.next-step-item .next-step-item-content, .next-step-circle.next-step-horizontal>.next-step-item .next-step-item-title { white-space: normal; } .next-step-circle>.next-step-item-process .next-step-item-content { color: #333; font-size: 14px; word-break: break-word; } .next-step-circle.next-step-horizontal>.next-step-item-process .next-step-item-tail { display: inline-block; clear: both; width: calc(100% - 48px); vertical-align: middle; } .next-step-circle.next-step-horizontal>.next-step-item-process .next-step-item-tail .next-step-item-tail-underlay { display: block; height: 1px; position: relative; } .next-step-circle>.next-step-item-process .next-step-item-tail-underlay { background: #e6e7eb; } .next-step-circle.next-step-horizontal>.next-step-item-process .next-step-item-tail .next-step-item-tail-overlay { position: absolute; top: 0; height: 1px; -webkit-transition: all .1s linear; transition: all .1s linear; width: 100%; } .next-step-circle>.next-step-item-process .next-step-item-tail-overlay { background: #c4c6cf; } .next-step-circle.next-step-horizontal>.next-step-item-wait .next-step-item-tail { display: inline-block; clear: both; width: calc(100% - 48px); vertical-align: middle; } .next-step-circle.next-step-horizontal>.next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay { display: block; height: 1px; position: relative; } .next-step-circle>.next-step-item-wait .next-step-item-tail-underlay { background: #e6e7eb; } .next-step-circle.next-step-horizontal>.next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay { position: absolute; top: 0; height: 1px; -webkit-transition: all .1s linear; transition: all .1s linear; width: 100%; } .next-step-circle>.next-step-item-wait .next-step-item-tail-overlay { background: #c4c6cf; } .next-step-circle>.next-step-item-wait .next-step-item-node-placeholder { width: 32px; height: 32px; position: relative; } .next-step-circle>.next-step-item-wait>.next-step-item-container .next-step-item-node { color: #666; } .next-step-circle>.next-step-item-wait .next-step-item-node { position: relative; display: inline-block; text-align: center; cursor: pointer; } .next-step-circle>.next-step-item-wait>.next-step-item-container .next-step-item-node-circle, .next-step-circle>.next-step-item-wait>.next-step-item-container .next-step-item-node-dot { background: #fff; border-color: #a0a2ad; } .next-step-circle>.next-step-item-wait .next-step-item-node-circle { display: block; width: 32px; height: 32px; font-size: 14px; font-weight: 400; line-height: 30px; text-align: center; border: 1px solid; border-radius: 50%; -webkit-transition: background-color .1s linear; transition: background-color .1s linear; } .next-step-circle.next-step-horizontal>.next-step-item-wait>.next-step-item-body { width: 100px; left: -26px; text-align: center; position: absolute; } .next-step-circle.next-step-horizontal>.next-step-item-wait>.next-step-item-body>.next-step-item-title { font-size: 16px; line-height: 20px; margin-top: 8px; font-weight: 700; } .next-step-circle>.next-step-item-wait .next-step-item-title { color: #666; word-break: break-word; } .next-step-circle.next-step-horizontal>.next-step-item-wait>.next-step-item-body>.next-step-item-content { margin-top: 4px; } .next-step-circle>.next-step-item-wait .next-step-item-content { color: #666; font-size: 14px; word-break: break-word; }