/* 订单详情 */ .order-detail { background: #f9f9f9; } /* 订单状态 */ .order-detail .status-process { padding: 20px; border-top: 2px solid #e1251b; box-shadow: 0 1px 4px rgba(0,0,0,.05); display: flex; background: #fff; } /* 订单状态 end */ /* 订单信息 */ .order-detail .info-box .invoice-info { margin-bottom: 30px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,.05); display: flex; background: #fff; } .order-detail .info-box .invoice-info:first-child { border-top: 2px solid #e1251b; margin-bottom: 30px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,.05); display: flex; background: #fff; } .order-detail .invoice-info .item { width: 25%; /* border-left: 1px solid #f5f5f5; */ line-height: 20px; padding: 0 30px; } .order-detail .invoice-info .item:first-child { padding-left: 10px; border: 0; } .order-detail .invoice-info .item .tit { font-weight: 600; margin-bottom: 10px; } .order-detail .invoice-info .item .con { padding-top: 10px; } .order-detail .invoice-info .item .con-item { margin-top: 5px; display: flex; } .order-detail .invoice-info .item .con-item .download{ cursor:pointer; } .order-detail .invoice-info .item .con-item .item-tit { min-width: 70px; color: #999; } .order-detail .invoice-info .item .con-item .item-tit.invoice-en { width: 120px; color: #999; } .order-detail .invoice-info .item .con-item .item-con { flex: 1; font-family: arial; word-break:break-word; } .order-detail .invoice-info .item .con-item .item-con.invoice-status { color: #E03B32 } .order-detail .invoice-info .item .con-item .item-con.invoice-update { color: #E03B32; cursor:pointer; } /* 订单信息 end */ /* 商品信息 */ .order-detail .goods-box { margin-top: 30px; } .order-detail .goods-box .shop { height: 14px; line-height: 14px; padding: 0 10px 0; margin-bottom: 15px; } .order-detail .goods-box .shop .shop-icon { display: inline-block; vertical-align: top; width: 14px; height: 14px; margin-right: 3px; background: url(../images/icons.png) no-repeat -28px -458px; } .order-detail .goods-box .shop:hover .shop-icon { background-position: -9px -458px; } .order-detail .goods-box .shop .name { display: inline-block; vertical-align: top; font-weight: bold; color: #333333; } .order-detail .goods-box .goods-con { background: #fff; padding: 25px 20px 15px; box-shadow: 0 1px 4px rgba(0,0,0,.05); } .order-detail .goods-box .order-table { margin-bottom: 20px; } .order-detail .goods-box .order-table .box { width: 100%; text-align: center; } .order-detail .goods-box .order-table .box-tit th { background: #f9f9f9; height: 32px; line-height: 32px; text-align: center; font-weight: 400; border: 1px solid #f9f9f9; } .order-detail .goods-box .order-table .box-tit .tal { text-align: left; } .order-detail .goods-box .order-table .box-tr td { padding: 15px 0; border-bottom: 1px solid #eee; text-align: center; } .order-detail .goods-box .order-table .box-tr .goods-info { /* max-width: 100%; */ max-width: 635px; padding-left: 15px; padding-right: 20px; text-align: left; display: flex; box-sizing: border-box; } .order-detail .goods-box .order-table .box-tr .goods-info .name-sku { max-width: 80%; box-sizing: border-box; } .order-detail .goods-box .order-table .box-tr .goods-info .img { display: block; width: 60px; height: 60px; max-width: 60px; height: 60px; font-size: 0; margin-right: 15px; } .order-detail .goods-box .order-table .box-tr .goods-info .img img { width: 100%; height: 100%; } .order-detail .goods-box .order-table .box-tr .goods-info .name-sku .name { max-height: 36px; line-height: 18px; /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; */ } .order-detail .goods-box .order-table .box-tr .goods-info .name-sku .name:hover { color: #e1251b; } .order-detail .goods-box .order-table .box-tr .goods-info .name-sku .sku .activity-logo { display: inline-block; background: #fc1b35; color: #fff; padding: 4px; line-height: 1em; border-radius: 3px; } .order-detail .goods-box .order-table .box-tr .goods-info .name-sku .sku { display: block; line-height: 18px; margin-top: 6px; color: #999; word-break: break-word; } .order-detail .goods-box .order-table .box-tr .goods-info .name-sku .sku > span:first-child{ margin-right: 10px; } .order-detail .goods-box .order-table .box-tr .goods-number { text-align: left; } .order-detail .goods-box .order-table .box-tr .goods-number { font-family: arial; } .order-detail .goods-box .order-table .box-tr .price { font-family: verdana; color: #000; } .order-detail .goods-box .order-table .box-tr .action-btn { display: block; border-radius: 2px; min-width: 85px; height: 18px; line-height: 18px; padding: 2px 0; margin: 3px auto; text-align: center; background: #fff; color: #e1251b; border: 1px solid #e1251b; } .order-detail .goods-box .order-table .box-tr .action-btn:hover { background: #e1251b; color: #fff; } .order-detail .goods-box .goods-total { background: #fff; padding-right: 10px; text-align: right; } .order-detail .goods-box .goods-total .item { margin-bottom: 10px; } .order-detail .goods-box .goods-total .item .price.weak { color: #888; } .order-detail .goods-box .goods-total .item.refund-btn { margin-bottom: 30px; } /* 整单退款按钮 */ .order-detail .goods-box .goods-total .item .action-btn { display: inline-block; border-radius: 2px; width: 85px; height: 18px; line-height: 18px; padding: 2px 0; margin: 3px auto; text-align: center; background: #fff; color: #e1251b; border: 1px solid #e1251b; margin-right: 15px; cursor: pointer; } .order-detail .goods-box .goods-total .item .action-btn:hover { background: #e1251b; color: #fff; } .order-detail .goods-box .goods-total .item .tit, .order-detail .goods-box .goods-total .item .price { display: inline-block; vertical-align: top; line-height: 20px; } .order-detail .goods-box .goods-total .item .price { width: 120px; color: #000; font-family: verdana; } .order-detail .goods-box .goods-total .item .price.big { color: #e1251b; font-size: 16px; font-weight: 600; display: inline-block; width: auto; } /* 商品信息 end */ /* 订单详情 end */ /* 常见问题 */ .order-detail .questions-info { margin-top: 30px; padding: 20px; /* border-top: 2px solid #e1251b; */ box-shadow: 0 1px 4px rgba(0,0,0,.05); background: #fff; } .order-detail .questions-info .title{ font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; line-height: 24px; color: #333333; } .order-detail .questions-info .text{ font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; line-height: 24px; color: #999999; } /* 常见问题 end */