/* ===== 结算流程 深色顶部（购物车 / 确认订单 / 提交成功） ===== */
.checkout-top{background:#2b2b2b;width:100%;}
.checkout-top .ct-inner{width:1190px;margin:0 auto;height:62px;display:flex;align-items:center;justify-content:space-between;}
.checkout-top .ct-left{display:flex;align-items:center;}
.checkout-top .ct-left a,
.checkout-top .ct-left span{color:#d6d6d6;font-size:14px;margin-right:30px;text-decoration:none;cursor:pointer;}
.checkout-top .ct-left a:hover{color:#fff;}
.checkout-top .ct-left .ct-user{cursor:default;}
.checkout-top .ct-steps{display:flex;align-items:center;}
.ct-step{display:flex;align-items:center;color:#9a9a9a;font-size:14px;position:relative;}
.ct-step .ct-num{width:24px;height:24px;border-radius:50%;background:#6f6f6f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-right:8px;font-family:Arial;}
.ct-step.done{color:#cfcfcf;}
.ct-step.active{color:#ff7e00;font-weight:bold;}
.ct-step.active .ct-num{background:#ff7e00;}
.ct-step.active .ct-caret{position:absolute;left:7px;bottom:-12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #f4f5f7;}
.ct-arrow{width:58px;height:2px;background:#7d7d7d;position:relative;margin:0 16px;}
.ct-arrow:after{content:'';position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid #7d7d7d;}

/* 隐藏流程页旧顶部（工具栏 / logo头 / 旧步骤条），仅引用本CSS的页面生效 */
#vivo-head{display:none !important;}
.yx_head{display:none !important;}
.flow_step_no1, .flow_step_no2{display:none !important;}
.checkout-top .ct-logo{display:flex;align-items:center;margin-right:40px;}
.checkout-top .ct-logo img{height:40px;width:auto;display:block;}