/* order menu */
.order-menu {
    overflow:hidden;
    clear:both;
}
.order-menu-list {
    overflow:hidden;
    clear:both;
    padding:0;
    margin:0;
}
.order-menu-list li {
    float:left;
    width:25%;
    list-style:none;
    padding:10px 0 0 0;
    margin:0;
    text-align:center;
}
.order-menu-two li {
    width:50%;
}
.order-menu-three li {
    width:33.33%;
}
.order-menu-four li {
    width:25%;
}
.order-menu-list li a {
    display:inline-block;
    width:92%;
    line-height:34px;
    outline:none;
}
.order-menu-list li a span {
    display:inline-block;
    line-height:31px;
    padding:0 2px;
    border-bottom:1px solid #DDD;
}
.order-menu-list li a.hover span, .order-menu-list li a:hover span {
    line-height:30px;
    border-bottom:2px solid #F30;
    color:#F30;
    font-weight:bold;
}

/* order list */
.orders-list-wrapper {
    overflow:hidden;
    clear:both;
}
.orders-list-container {
    border-top:1px solid #E3E3E3;
}
.orders-list-name {
    margin:0;
    padding:5px 5px 0 5px;
    border-top:8px solid #F6F6F6;
    line-height:32px;
    font-size:15px;
    font-weight:bold;
    overflow:hidden;
    clear:both;
    border-bottom:1px dotted #DDD;
}
.orders-list-shop {
    padding-left:38px;
    background:url(../images/order-history.png) 12px 12px no-repeat;
    background-size:auto 17px;
    cursor:pointer;
}
.orders-list-name-left {
    float:left;
}
.orders-list-name-left a, .orders-list-name-left span {
    line-height:32px;
    display:inline-block;
}
.orders-list-name-right {
    float:right;
}
.orders-list-name-right span {
    font-weight:normal;
    font-size:13px;
}
.orders-list-name-right span.orange {
    font-weight:bold;
    color:#F30;
}
.orders-list-total {
    overflow:hidden;
    clear:both;
    line-height:22px;
    text-align:right;
    padding:8px;
}
.orders-list-total-shipping-fee {
    display:inline-block;
    margin-left:5px;
    color:#555;
    font-size:12px;
}
.orders-list-total-item strong {
    color:#F30;
}
.orders-list-total-price {
    font-size:17px;
    color:#F30;
    font-weight:bold;
    display:inline-block;
}
.order-list-empty {
    text-align:center;
    padding-top:80px;
    border-top:1px solid #EEE;
}

/* order detail */
.order-detail-wrapper {
    padding-bottom:60px;
}
.order-detail-container {
    border-top:1px solid #DDD;
}
.order-detail-menu-list li {
    width:50%;
}
.order-detail-item {
    padding:27px 30px 27px 70px;
    background-color:#F9F9F9;
}
.order-detail-line {
    padding:3px 0;
    line-height:22px;
}
.order-detail-history {
    width:100%;
}
.order-detail-history-item {
    overflow:hidden;
    clear:both;
    padding:5px 0;
    background-color:#FFF;
    border-bottom:1px dotted #F3F3F3;
}
.order-detail-history-item:nth-child(odd) {
    background-color:#F9F9F9;
}
.order-detail-history-left {
    padding:10px 5px;
    text-align:right;
    vertical-align:top;
    font-weight:bold;
}
.order-detail-history-right {
    padding:10px 5px;
    vertical-align:top;
}
.order-detail-history-right .small {
    color:#555;
}
.order-detail-history-input {
    border:1px solid #CCC;
    border-radius:3px;
    width:240px;
    height:62px;
    line-height:16px;
    padding:6px 4px;
    clear:both;
    display:block;
}
.order-detail-history-input:focus {
    border:1px solid #39C;
}
.order-detail-history-right .j-button {
    clear:both;
    width:60px;
    text-align:center;
    margin-top:5px;
    margin-left:0;
    border-radius:3px;
}
.order-detail-total {
    width:100%;
}
.order-detail-total .price-sale {
    color:#888;
    line-height:18px;
}
.order-detail-total .price-add {
    color:#222;
    font-weight:bold;
    line-height:18px;
}
.order-detail-total .price-dec {
    color:#F30;
    line-height:18px;
}
.order-detail-total small {
    line-height:18px;
    display:inline-block;
    padding-right:1px;
    vertical-align:middle;
}
.order-detail-total .msg-val {
    color:#666;
    font-size:12px;
    display:inline-block;
    padding-left:2px;
    line-height:18px;
}
@media (max-width:540px){
    .order-detail-item {
        padding:20px 60px;
    }
}
@media (max-width:360px){
    .order-detail-item {
        padding:10px 50px;
    }
}