/* 订单状态步骤条区域 */
.order-progress-container {
  width: 975px;
  height: 120px;
  background-color: #fff;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
}

.order-progress-container > .progress__content {
  margin: 36px auto 0;
  width: 564px;
  height: 48px;
  -ms-background-size: 564px 48px;
  background-size: 564px 48px;
  background-repeat: no-repeat;
  background-position: 50%;
}

/* 已完成 */
.order-progress-container > .progress__content.complete_status {
  background-image: url(/images/step/order_step_complete_status.png);
}

/* 待付款 */
.order-progress-container>.progress__content.wait_pay {
  background-image: url(/images/step/order_step_wait_pay.png)
}

/* 待审核 */
.order-progress-container>.progress__content.wait_audit {
  background-image: url(/images/step/order_step_wait_audit.png)
}

/* 待发货 */
.order-progress-container>.progress__content.await_delivery {
  background-image: url(/images/step/order_step_await_delivery.png)
}

/* 待收货 */
.order-progress-container>.progress__content.await_take {
  background-image: url(/images/step/order_step_await_take.png)
}

/* 订单关闭 */
.order-progress-container>.progress__content.close_status {
  background-image: url(/images/step/order_step_close.png)
}

/* 订单基础 信息 及状态 */
.order-info__container {
  min-height: 185px;
  width: 975px;
  background-color: #fff;
}

/* 内容显示区域 */
.order-info__container > .order-info__main {
  margin: 0 auto;
  width: 930px;
  overflow: hidden;
}

/* 订单状态 */
.order-info__main > .order-status-wrap {
  float: left;
  width: 256px;
  min-height: 185px;
}

/* 订单状态文字 */
.order-status-wrap > .order-status-text {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  line-height: 185px;
  color: var(--main-color);
}

/* 订单基础信息 */
.order-info-wrap {
  float: left;
  padding: 30px 0 0 30px;
  min-height: 155px;
  width: 639px;
  border-left: 1px dashed #dedede;
}

.component-text-info__contianer {
  margin-bottom: 8px;
  overflow: hidden;
  width: 230px;
  font-size: 12px;
}

.component-text-info__contianer.descr {
  margin-bottom: 8px;
  overflow: hidden;
  width: 420px;
  font-size: 12px;
}

/* 基础信息标题 */
.component-text-info__contianer .text-info__label {
  float: left;
  padding-top: 2px;
  width: 70px;
  color: #666;
}

/* 基础信息数据 */
.component-text-info__contianer .text-info__text {
  float: right;
  width: 160px;
  line-height: 1.4;
  color: #666;
  word-break: break-all;
  text-align: justify;
}

.text-info__text.descr {
  float: right;
  width: 350px;
  line-height: 1.4;
  color: #666;
  word-break: break-all;
  text-align: justify;
}

/* 订单其他信息 */
.order_other_info__container {
  margin-top: 10px;
  min-height: 190px;
  background-color: #fff;
  overflow: hidden;
  display: flex;
}

.order_other_info__container .info-box__item {
  padding-left: 30px;
  border-right: 1px dashed #dedede;
  width: 249px;
}

.order_other_info__container .info-box__item.width-340 {
  border-left: 1px dashed #dedede;
  border-right: none;
  width: 340px;
}

/* 信息标题 */
.info-box__item > .info__caption {
  text-align: left;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
}

.info-box__item .text-info__text {
  padding-top: 2px;
}

.info-box__item.width-340 .address {
  width: 300px;
}

.info-box__item.width-340 .address .text-info__text {
  width: 230px;
}

/* 订单其他信息结束 */

/* 订单商品信息 */
.product_list__container {
  margin-top: 10px;
  background-color: #fff;
}

/* 订单商品信息显示区域 */
.product_list__main {
  margin: 0 auto;
  width: 930px;
}

/* 标题区域 */
.product_head_container {
  width: 930px;
  height: 39px;
  border-bottom: 1px solid #dedede;
}

/* 标题每项 */
.product_head_item {
  float: left;
  height: 39px;
  font-size: 12px;
  line-height: 39px;
  color: #999;
}

.width_445 {
  padding-left: 110px;
  width: 335px;
}

.width_175 {
  width: 175px;
  text-align: center;
}

.width_135 {
  width: 135px;
  text-align: center;
}

/* 商品信息数据面板 */
.product_item_list {
  width: 930px;
}

/* 每行商品数据 */
.product_item_list > .product__item {
  padding: 20px 0;
  overflow: hidden;
  border-bottom: 1px dashed #dedede;
  width: 930px;
}

/* 型号信息 */
.product__item > .product_info_box {
  float: left;
  width: 445px;
}

/* 型号名称 */
.product_info_box > .product_name {
  padding-right: 160px;
  text-align: left;
}

.product_info_box > .product_name > a {
  font-size: 12px;
  line-height: 16px;
  color: #333;
  text-align: left;
  word-break: break-all;
}

/* 型号名称下的数据 */
.product_info_box > .product_params {
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #999;
}

/* 单价数量 */
.product__item > .product_price_box,
.product__item > .product_quantity_box {
  padding-top: 2px;
  float: left;
  width: 175px;
  font-size: 12px;
  text-align: center;
}

/* 金额 */
.product__item > .product_amount_box {
  padding-top: 2px;
  float: left;
  width: 135px;
  font-size: 12px;
  text-align: center;
}

/* 订单总计 */
.order-price__container {
  margin-top: 10px;
  background-color: #fff;
}

.order-price-main {
  margin: 0 auto;
  width: 930px;
}

.price-info {
  padding: 20px 0 10px;
  border-bottom: 1px solid #dedede;
}

/* 总计每项 */
.price-info > .price-info-item {
  padding-bottom: 14px;
  font-size: 12px;
  color: #666;
  text-align: right;
}

/* 总计数字 */
.price-info-item > .number-text {
  display: inline-block;
  zoom: 1;
  margin-left: 10px;
  min-width: 90px;
  font-size: 12px;
  color: #333;
}

.price-info-item span.font-weight {
  font-size: 18px;
  font-weight: 500;
  color: #f50;
}

.orange-color {
  color: #f50;
}

/* 按钮组、、 */
.order_button__group {
  padding: 0 20px;
  height: 68px;
  width: 935px;
  background-color: #fff;
  font-size: 0;
  line-height: 68px;
  text-align: right;
}

.order_button__group > .button__item {
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  padding: 0 10px;
  height: 26px;
  border: 1px solid #dedede;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  color: #333;
  cursor: pointer;
}

.order_button__group > .button__item:hover {
  background-color: #f6f6f6;
}