我的订单页面List

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@include file="/jsp/common/common_ctx.jsp" %>
<script type="text/javascript" src="${urlPrefix.j1Static}/js/common/common.js"></script>
<div class="shelves-title">

    <c:choose>

        <c:when test="${model.isAbroad==‘N‘}">
            <div class="shelves-t-left">我的订单</div>
        </c:when>

        <c:otherwise>
            <div class="shelves-t-left">我的海外订单</div>
        </c:otherwise>
    </c:choose>

    <div class="shelves-t-right"></div>
</div>
<div class="wxts">温馨提示：收货完成后给予评价，即可获得额外积分</div>

<!--订单弹窗  -->
<style>
    .wxts{border:1px solid #e2e2e2;height:25px;line-height: 25px;padding-left:10px;margin-top:10px;}
    .glotc-bg{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
    .glotc-main{ width: 460px; height: 200px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -230px; margin-top: -100px;z-index: 801; display: none;}
    .glotc-main .glotc-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
    .glotc-main .glo-close{background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat; display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
    .glotc-main .glo-close:hover{ background-position: 0 -155px;}
    .glotc-main .glo-text{ padding: 15px 30px;}
    .glotc-main .hi100{ height: 100px;}
    .glotc-main .hi100 h5{ line-height: 28px;}
    .glotc-main .hi100 p{ text-indent: 2em; height: 24px;}
    .glotc-main .hi100 span{ color: #c40000; font-size: 14px;}
    .glotc-main .glo-bt{ text-align: center;}
    .glotc-main .glo-bt a{ width: 100px; margin-right: 5px; text-align: center; border: 1px solid #e5e5e5; background: #f8f8f8; color: #333; display: inline-block; line-height: 30px; height: 30px;}
    .glotc-main .glo-bt a.bt-c4{ background: #c40000; border: 1px solid #c40000; color: #fff;}
    .glotc-main .glo-bt a.bt-c4:hover{ background: #e43532;border: 1px solid #e43532;}
    .glotc-main .glo-bt a:hover{ background: #e5e5e5;}
    .cp-1 {
        width: 100px;
        padding-left: 20px;
        border-right: 1px solid #e2e2e2;
        padding-bottom: 20px;
    }
</style>

<script>
    function sealedOrderList(){

        var sealedMemberId=$(‘#sealedAcc‘).val();

        if(sealedMemberId==null || sealedMemberId ==0){
            refreshDivContent("collectionRight",appPath+"/myec/view/order/1.html",
                {timeId:$(‘#menu1‘).val()});
        }else{
            refreshDivContent("collectionRight",appPath+"/myec/view/sealedOrder/1.html",
                {timeId:$(‘#menu1‘).val(),sealedMemberId:sealedMemberId});
        }

    }


</script>

    <style >
        .taiping-title{
            padding: 10px 0px 10px 14px;
            border-bottom: 2px solid #ae060f;
            overflow: hidden;
        }
        .taiping-title h3{
            color: #c65057;
            font-size: 14px;
            font-weight: bold;
            float: left;
        }
        .order_nav{
            width: 100%;
            overflow: hidden;
            border-bottom: 2px solid #c20712;
        }
        .order_nav ul{
            float:left;
        }
        .order_nav ul li {
            padding: 6px 32px 4px 32px;
            background: #f5f5f5;
            float:left;
            text-align: center;
            font-weight: bold;
            margin-right: 2px;
        }
        .order_nav ul li {
            cursor: pointer;
        }
        .tp-tab-checked{
            background: #c20712!important;
            color:#fff!important;
        }
        /*                    .tp-content-Box{
                                width:983px;
                                float: left;
                               border-left: 1px solid #e2e2e2;
                               border-bottom: 1px solid #e2e2e2;
                               border-right: 1px solid #e2e2e2;
                               margin-bottom: 27px;
                            }
                            .tp-content-list ul,.tp-all-content ul{
                                float:left;
                                width: 100%;
                                border-bottom: 1px solid #e2e2e2;
                            }
                            .tp-content-list ul li {
                                padding: 10px 0;
                                text-align: center;
                                float: left;
                                width: 25%;
                            }
        */                    .wxts{
                                  border: 1px solid #e2e2e2;
                                  height: 25px;
                                  line-height: 25px;
                                  padding-left: 10px;
                                  margin-top: 10px;
                                  margin-bottom: 10px;
                              }
        .order_box {
            margin: 20px 0 26px 0;
            border: 1px solid #e5e5e5;
        }
        .order_date  td {
            padding: 6px 0;
        }
        .order_date span{
            margin: 0 16px;
            color: #c1c1c1;
        }
        .order_date span cite{
            color: #333333;
            margin-left: 10px;
        }
        .order_title {
            background: #f5f5f5;
        }
        .order_title th{
            padding: 6px 0;
        }
        .order_list {
            text-align: center;
        }
        .order_list,.order_list td{
            border: 1px solid #e5e5e5;
        }
        .order_img{
            width: 366px;
            height: 105px;
            border-top: 1px solid #e5e5e5;
        }
        .order_img div {
            width: 68px;
            height: 68px;
            border: 1px solid #e5e5e5;
            float: left;
            margin: 19px 16px;
            position: relative;
        }
        .order_img div img {
            margin: auto;
            display: block;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
        }
        .order_img span {
            float: left;
            margin: 32px 33px 21px 26px;
            width: 203px;
            font-size: 12px;
            line-height: 21px;
        }
        .order_img:nth-of-type(1){
            border:none;
        }
        .order_img_box {
            width: 366px;
        }
        .order_number {
            width: 122px;
        }
        .order_price {
            width: 190px;
        }
        .order_price span {
            display: block;
            width: 139px;
            text-align: left;
            padding-left: 24px;
        }
        .order_state{
            width: 173px;
        }
        .order_handle {
            width: 144px;
        }
        .order_handle span,.order_handle a{
            display: block;

        }
        .order_handle a{
            color: #4c89c5;
        }
        .order_pay{
            color: #fff;
            padding:4px 8px 7px 8px;
            background: #fc8524;
            border: none;
            border-radius: 5px;
            cursor:pointer;
        }
        .order_none {
            width: 100%;
            text-align: center;
            padding-top: 20px;
        }
        /*mode 样式 start*/
        .mode_content{
            padding: 40px 35px 65px 35px;
        }
        .mode_content h3,.mode_content select{
            float: left;
        }
        .order_mode {
            height: auto;
        }
        .mode_content select {
            margin-left: 5px;
            width: 200px;
            height: 26px;
            border-color: #e5e5e5;
            text-align: center;
            text-align-last:center;
            color: #b7b7b7;
        }

        .mode_content span{

            display: none;
            color:#c40000;
            margin-left: 150px;
        }
    </style>


<div class="coupons-body">
    <div class="coupons-title">
        <div class=‘order_nav‘>
            <ul>
                <li class=‘tp-tab-checked‘ id="0">
                    全部
                </li>
                <li id="1">
                    待付款
                </li>
                <li id="2">
                    待发货
                </li>
                <li id="3">
                    待收货
                </li>
                <li id="4">
                    待评价
                </li>
                <li id="6">
                    已取消
                </li>
            </ul>
        <select id="menu1" name="menu1" onchange="checkMounth()" style="float: right; margin-top: 3px;">
            <option value="0" <c:if test="${model.sel == ‘s‘}">selected="selected"</c:if>>最近一个月订单</option>
            <option value="1" <c:if test="${model.sel == ‘b‘}">selected="selected"</c:if>>一个月前订单</option>
        </select>


        <c:choose>
            <c:when test="${!empty model.sealedMemberList}">
                <div>

                    <select id="sealedAcc" name="sealedAcc" onchange="sealedOrderList()" style="float:right; margin-right: 20px;margin-top:4px;">
                        <option value="0" <c:if test="${sels == ‘0‘}">selected="selected"</c:if>>请选择</option>
                        <c:forEach var="row" items="${model.sealedMemberList}">

                            <option value=${row.memberId} <c:if test="${model.sealedMemberId == row.memberId}"> selected="selected"</c:if>>${row.loginName}</option>


                        </c:forEach>

                    </select>
                    <div style="float: right; margin-right: 10px;">已封存账户：</div>
                </div>
            </c:when>
        </c:choose>

        <div class="clear"></div>

    </div>
    <form id="orderConfirm" name="orderConfirm" method="post" action="${urlPrefix.j1Web}/myec/myecOrderCommit.html">
            <c:choose>

                <c:when test="${model.pagination.data == null}">
                    <tr>
                        <td colspan="6" align="center" class="process-td process-bottom">无相关记录</td>
                    </tr>
                </c:when>
                <c:otherwise>
                    <c:forEach var="row" items="${model.pagination.data}">
                        <c:if test="${row.memberId eq sessionScope.memberId  or row.memberId == model.sealedMemberId }">
                        <table width=‘100%‘ class=‘order_box‘>
                           <tbody width="100%">
                                    <tr width="100%" class=‘order_title‘>
                                        <th>商品名称</th>
                                        <th>数量</th>
                                        <th>实际付款(元)</th>
                                        <th>订单状态</th>
                                        <th>操作</th>
                                    </tr>
                            <tr class=‘order_date‘>
                                <td colspan="5" >
                                    <span>下单时间:<cite>${row.commitTime }</cite></span>
                                    <span>订单号: <cite>${row.orderId}</cite></span>
                                    <span>收货人: <cite>${row.receiveUser }</cite></span>
                                </td>
                            </tr>
                                    <c:if test="${not empty row.orderItems}">
                                        <c:set var="len" value="${fn:length(row.orderItems)}"/>
                                        <c:if test="${len > 2}">
                                            <c:set var="td_cls" value="bian-b"/>
                                        </c:if>
                                        <c:forEach varStatus="st" begin="0" step="1" var="orderItem"
                                                   items="${row.orderItems}">
                                            <tr class=‘order_list‘>
                                                <td class="order_img_box"><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank" class="pic_01"><img
                                                        src="${orderItem.proImageUrl}" alt=""/></a>

                                                    <div class="desc">
                                                        <p><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank">${orderItem.goodsName}</a></p>
                                                    </div>
                                                </td>
                                                <!-- 出现2行以上td添加类 bian-b -->
                                                <td class="cp-3 ${td_cls}">×${orderItem.goodsAmount}
                                                </td>
                                                <c:if test="${st.index == 0}">
                                                    <!-- 有几行数字就是几rowspan="2" -->
                                                    <td rowspan="${len}" class="order_price"><p>商品总价：￥<fmt:formatNumber
                                                            pattern="#0.00#"
                                                            value="${empty row.skuFee ?0.00:row.skuFee}"/></p>

                                                        <p>运费金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                                   value="${empty row.deliveryFee ?0.00:row.deliveryFee}"/></p>
                                                        <c:set var="disFee"
                                                               value="${row.discountFee+row.orderPoints+row.orderVouchers+row.otherDiscounts}"/>
                                                        <p>优惠金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                                   value="${empty disFee ?0.00:disFee}"/></p>

                                                        <p>税费金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                                   value="${empty row.taxFee ?0.00:row.taxFee}"/></p>

                                                        <p>积分抵扣金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                                     value="${empty row.orderPoints ?0.00:row.orderPoints}"/></p>

                                                        <p>订单合计：

                                                            <fmt:formatNumber pattern="#0.00#" value="${empty row.orderFee ?0.00:row.orderFee}" />元


                                                            <c:choose>
                                                                <c:when test="${not empty row.paymentTypeName}">(${row.paymentTypeName })</c:when>
                                                            </c:choose>
                                                        </p>

                                                    </td>
                                                    <td rowspan="${len}" class="cp-5">
                                                        <p id="stateSpan_${row.orderId}" onmousemove="showRz(this.id)"
                                                           onmouseout="hideRz(this.id)"> ${row.codeValue }</p>

                                                        <p>
                                                            <c:choose>
                                                                <c:when test="${row.isPaid eq ‘Y‘ }">
                                                                    (已付款)
                                                                </c:when>
                                                                <c:otherwise>
                                                                    (未付款)
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </p>

                                                        <div id="ddrz_${row.orderId}" style="display: none"
                                                             class="address-relative">
                                                            <div class="address-relative-body">
                                                                <h4>订单跟踪</h4>

                                                                <div class="address-absolute"></div>
                                                                <div></div>
                                                                <table id="tb_${row.orderId}" width="100%" border="0"
                                                                       cellspacing="0" cellpadding="0" class="address-tip">
                                                                    <tr>
                                                                        <td class="address-bottom">处理时间</td>
                                                                        <td class="address-bottom">处理意见</td>
                                                                    </tr>
                                                                    <c:forEach var="orderLog" items="${row.orderLogList}">
                                                                        <tr>
                                                                            <td class="address-bottom">${orderLog.logTime}</td>
                                                                            <td class="address-bottom">${orderLog.logContent}</td>
                                                                        </tr>
                                                                    </c:forEach>
                                                                </table>
                                                            </div>
                                                        </div>

                                                    </td>
                                                    <td rowspan="${len}" class="cp-6">
                                                            <%--<a href="" class="buy">立即支付</a>
                                                            <p>订单取消</p>
                                                            <p><a href="" target="_blank" class="cb">评价</a></p>--%>
                                                        <!--  已完成     -->
                                                        <c:if test="${row.codeNo eq ‘finish‘}">
                                                            <a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>&nbsp;&nbsp;
                                                            <c:if test="${model.isSealedMember eq ‘N‘}">
                                                                <c:choose>
                                                                    <c:when test="${row.iseval eq ‘Y‘ }">
                                                                        <c:if test="${row.isTc eq ‘N‘ }">
                                                                            <p><a href="javaScript:void(0);"
                                                                                  class="blue">已评价</a></p>
                                                                        </c:if>
                                                                    </c:when>
                                                                    <c:otherwise>
                                                                        <c:if test="${row.isTc eq ‘N‘ }">
                                                                            <p>
                                                                                <a href="${urlPrefix.j1Web}/comment/view/evaluations.html"
                                                                                   class="blue">评价</a></p>
                                                                        </c:if>
                                                                    </c:otherwise>
                                                                </c:choose>
                                                            </c:if>
                                                            <c:if test="${row.isPaid eq ‘Y‘}">
                                                                <c:forEach items="${prizeList}" var="pp">
                                                                    <c:if test="${pp.ORDER_ID == row.orderId && pp.PRIZE_COUNT == 0 && pp.PAID_FEE >= 85}">
                                                                        <p><a style="margin-left: 10px; color: red"
                                                                              href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                        </p>
                                                                    </c:if>
                                                                </c:forEach>
                                                            </c:if>
                                                            <c:if test="${row.isHcwCj eq ‘Y‘}">
                                                                <p><a class="blue" href="#"
                                                                      onclick="showHcCode(${row.orderId})">查看兑换码</a></p>
                                                            </c:if>
                                                        </c:if>
                                                        <!--  已发货     -->
                                                        <c:if test="${row.codeNo eq ‘delivering‘ && row.codeNo ne ‘finish‘ && model.isSealedMember eq ‘N‘}">
                                                            <c:if test="${row.paymentMode eq ‘KDFH‘ }">
                                                                <p><a href="#" class="blue"
                                                                      onclick="deliveringOrder(‘${row.orderId}‘)">收货确认</a>
                                                                </p>
                                                            </c:if>
                                                            <div class="clear"></div>
                                                            <a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
                                                            <c:if test="${row.isPaid eq ‘Y‘}">
                                                                <c:forEach items="${prizeList}" var="pp">
                                                                    <c:if test="${pp.ORDER_ID==row.orderId && pp.PRIZE_COUNT==0 && pp.PAID_FEE >= 85}">
                                                                        <p><a style="margin-left: 10px; color: red"
                                                                              href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                        </p>
                                                                    </c:if>
                                                                </c:forEach>
                                                            </c:if>
                                                        </c:if>
                                                        <!-- 已取消 -->
                                                        <c:if test="${row.codeNo eq ‘cancel‘ && row.codeNo ne ‘finish‘}">
                                                            <c:if test="${model.isSealedMember eq ‘N‘}"><p>订单已取消</p></c:if>
                                                            <div class="clear"></div>
                                                            <a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
                                                            <c:if test="${row.isPaid eq ‘Y‘}">
                                                                <c:forEach items="${prizeList}" var="pp">
                                                                    <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
                                                                        <p><a style="margin-left: 10px; color: red"
                                                                              href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                        </p>
                                                                    </c:if>
                                                                </c:forEach>
                                                            </c:if>
                                                        </c:if>
                                                        <!--  -->
                                                        <c:if test="${row.codeNo ne ‘cancel‘ && row.codeNo ne ‘delivering‘  && row.codeNo ne ‘finish‘}">
                                                            <c:if test="${row.paymentMode eq ‘KDFH‘ || row.paymentMode eq ‘ZTFK‘ }">
                                                                <c:if test="${row.isPaid ne ‘Y‘ && row.orderPayFee > 0  && model.isSealedMember eq ‘N‘}">
                                                                    <!--
                                                                    <a onclick="commitMyecOrder(‘${row.orderId }‘)"
                                                                    class="buy">立即支付</a>
                                                                    -->
                                                                    <input name="" type="button" class="pay-btn" style="margin: 0 auto; margin-bottom: 5px; float: none; cursor: pointer;" onclick="commitMyecOrder(‘${row.orderId }‘)" />
                                                                    <div class="clear"></div>
                                                                </c:if>
                                                            </c:if>

                                                            <%-- <p><a href="#" class="blue" onclick="addMultiCart(‘${row.ids}‘)">重新加入购物车</a></p>--%>
                                                            <a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
                                                            <c:if test="${row.isPaid eq ‘Y‘}">
                                                                <c:forEach items="${prizeList}" var="pp">
                                                                    <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
                                                                        <p><a style="margin-left: 10px; color: red"
                                                                              href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                        </p>
                                                                    </c:if>
                                                                </c:forEach>
                                                            </c:if>
                                                            <div class="clear"></div>
                                                            <c:if test="${model.isSealedMember eq ‘N‘}">
                                                                <c:if test="${row.isPaid eq ‘N‘ && row.paymentMode eq ‘KDFH‘  && row.codeNo ne ‘audit‘ && row.codeNo ne ‘matching‘ && row.codeNo ne ‘out_stock‘  && model.isSealedMember eq ‘N‘}">
                                                                    <p><a href="#" class="blue"
                                                                          onclick="cancelOrderDiv(‘${row.orderId}‘)">取消订单</a></p>
                                                                </c:if>
                                                            <!-- cancelOrder -->
                                                                <c:if test="${row.isPaid eq ‘N‘ && row.paymentMode eq ‘ZTFK‘  && row.codeNo ne ‘audit‘ && row.codeNo ne ‘matching‘ && row.codeNo ne ‘out_stock‘  && model.isSealedMember eq ‘N‘}">
                                                                    <p><a href="#" class="blue"
                                                                          onclick="cancelOrderDiv(‘${row.orderId}‘)">取消订单</a></p>
                                                                </c:if>
                                                                <c:if test="${row.paymentMode eq ‘HDFK‘ && row.orderState eq ‘29‘ && model.isSealedMember eq ‘N‘}">
                                                                    <p><a href="#" class="blue"
                                                                          onclick="cancelOrderDiv(‘${row.orderId}‘)">取消订单</a></p>
                                                                </c:if>
                                                            </c:if>
                                                        </c:if>

                                                    </td>
                                                </c:if>
                                            </tr>
                                        </c:forEach>
                                    </c:if>
                        </c:if>
                        </tbody>
                    </table>
                    </c:forEach>
                </c:otherwise>
            </c:choose>
        </table>
    </form>
    <c:if test="${model.pagination.data != null}">
        <div align="right">
            <jsp:include page="/jsp/component/pagination_footer_ajax.jsp">
                <jsp:param value="true" name="scroll" />
            </jsp:include>
        </div>
    </c:if>
</div>
<!-- 虎彩网抽奖2014-08-06到2014-09-20 -->
<style>
    .hcbg-1{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
    .caijin-tc{ width: 460px; height: 290px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -240px; margin-top: -145px;z-index: 801; display: none;}
    .caijin-tc .ycmm-tit a{ background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;}
    .caijin-tc .ycmm-tit a{ display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
    .caijin-tc .ycmm-tit a:hover{ background-position: 0 -155px;}
    .caijin-tc .ycmm-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
    .caijin-tc .ycmmsz ul{ height: 120px; border: 1px solid #e5e5e5; margin: 0 20px; overflow: auto;}
    .caijin-tc .ycmmsz dl{ text-align: center;}
    .caijin-tc .ycmmsz dt,.caijin-tc .ycmmsz dd{ width: 198px; float: left;}
    .caijin-tc h4{ font: 700 18px/35px "\5FAE\8F6F\96C5\9ED1"; text-align: center; padding: 10px 0; color: #c40000;}
    .caijin-tc .hcyxq{ padding: 10px 20px;}
    .caijin-tc .hcyxq a{ width: 100px; text-align: center;  background: #c40000;border: 1px solid #c40000; display: inline-block; line-height: 25px; height: 25px; color: #fff; text-decoration: none; margin-top: 10px;}
    .caijin-tc .hcyxq a:hover{ background: #E43532;border: 1px solid #E43532;}
    .hcbg-2{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
    .caijin-ysw{ width: 460px; height: 200px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -240px; margin-top: -100px;z-index: 801; display: none;}
    .caijin-ysw .ycmm-tit a{ background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;}
    .caijin-ysw .ycmm-tit a{ display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
    .caijin-ysw .ycmm-tit a:hover{ background-position: 0 -155px;}
    .caijin-ysw .ycmm-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
    .cpysw{ text-align: center;}
    .cpysw h4{ font: 700 24px/35px "\5FAE\8F6F\96C5\9ED1"; text-align: center;color: #999; padding: 40px 0 20px;}
    .cpysw a{ width: 100px; text-align: center;  background: #c40000;border: 1px solid #c40000; display: inline-block; line-height: 25px; height: 25px; color: #fff; text-decoration: none; margin-top: 10px;}
    .cpysw a:hover{ background: #E43532;border: 1px solid #E43532;}
</style>
<style>

    .wxts {
        border: 1px solid #e2e2e2;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .glotc-bg {
        position: fixed;
        left: 0;
        top: 0;
        _position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        filter: alpha(opacity=60);
        z-index: 800;
        display: none;
    }

    .glotc-main {
        width: 460px;
        height: 200px;
        background: #fff;
        position: fixed;
        _position: absolute;
        border: 3px solid #cfcfcf;
        left: 50%;
        top: 50%;
        margin-left: -230px;
        margin-top: -100px;
        z-index: 801;
        display: none;
    }

    .glotc-main .glotc-tit {
        background: #c40000;
        position: relative;
        height: 36px;
        font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1";
        color: #fff;
        padding: 0 8px;
    }

    .glotc-main .glo-close {
        background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;
        display: inline-block;
        width: 16px;
        height: 16px;
        overflow: hidden;
        text-indent: 10em;
        position: absolute;
        right: 10px;
        top: 9px;
        background-position: -19px -155px;
    }

    .glotc-main .glo-close:hover {
        background-position: 0 -155px;
    }

    .glotc-main .glo-text {
        padding: 15px 30px;
    }

    .glotc-main .hi100 {
        height: 100px;
    }

    .glotc-main .hi100 h5 {
        line-height: 28px;
    }

    .glotc-main .hi100 p {
        text-indent: 2em;
        height: 24px;
    }

    .glotc-main .hi100 span {
        color: #c40000;
        font-size: 14px;
    }

    .glotc-main .glo-bt {
        text-align: center;
    }

    .glotc-main .glo-bt a {
        width: 100px;
        margin-right: 5px;
        text-align: center;
        border: 1px solid #e5e5e5;
        background: #f8f8f8;
        color: #333;
        display: inline-block;
        line-height: 30px;
        height: 30px;
    }

    .glotc-main .glo-bt a.bt-c4 {
        background: #c40000;
        border: 1px solid #c40000;
        color: #fff;
    }

    .glotc-main .glo-bt a.bt-c4:hover {
        background: #e43532;
        border: 1px solid #e43532;
    }

    .glotc-main .glo-bt a:hover {
        background: #e5e5e5;
    }

    /*2015.03.10新添*/
    .wxts {
        border: 1px solid #e2e2e2;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .ddtit {
        border-top: 2px solid #c40000;
    }

    .ddtit li {
        float: left;
        text-align: center;
        height: 44px;
        line-height: 44px;
    }

    .ddtit .w-1 {
        width: 317px;
    }

    .ddtit .w-2 {
        width: 116px;
    }

    .ddtit .w-3 {
        width: 96px;
    }

    .ddtit .w-4 {
        width: 175px;
    }

    .ddtit .w-5 {
        width: 143px;
    }

    .ddtit .w-6 {
        width: 128px;
    }

    .ddtable {
        border: 1px solid #e2e2e2;
        margin-bottom: 10px;
    }

    .ddtable:hover {
        border: 1px solid #a3a3a3;
    }

    .goods-orders56 .k-1 {
        height: 34px;
        line-height: 34px;
        padding-left: 20px;
        background: #fafafa;
        font-size: 14px;
        text-align: left;
        font-weight: 400;
        border-bottom: 1px solid #e2e2e2;
    }

    .goods-orders56 .k-1 span {
        margin-right: 20px;
    }

    .goods-orders56 td {
        vertical-align: top;
        padding-top: 20px;
    }

    .goods-orders56 p {
        line-height: 18px;
    }

    .goods-orders56 .buy {
        color: #fff;
        background: #c40000;
        font: 400 14px/25px "\5FAE\8F6F\96C5\9ED1";
        cursor: pointer;
        display: inline-block;
        padding: 3px 10px;
        text-decoration: none;
    }

    .goods-orders56 .buy:hover {
        background: #e43532;
    }

    .goods-orders56 .cp-1 {
        width: 295px;
        padding-left: 20px;
        border-right: 1px solid #e2e2e2;
        padding-bottom: 20px;
    }

    .goods-orders56 .cp-2 {
        width: 115px;
        text-align: center;
        border-right: 1px solid #e2e2e2;
    }

    .goods-orders56 .cp-3 {
        width: 95px;
        text-align: center;
        border-right: 1px solid #e2e2e2;
    }

    .goods-orders56 .cp-4 {
        width: 154px;
        border-right: 1px solid #e2e2e2;
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .goods-orders56 .cp-5 {
        width: 123px;
        border-right: 1px solid #e2e2e2;
        padding-left: 20px;
    }

    .goods-orders56 .cp-6 {
        width: 108px;
        padding-left: 20px;
    }

    .goods-orders56 .cp-1 .pic_01 {
        display: bloblockck;
        width: 60px;
        height: 60px;
        border: 1px solid #e2e2e2;
        float: left;
        margin-right: 10px;
    }

    .goods-orders56 .cp-1 .pic_01 img {
        width: 60px;
        height: 60px;
    }

    .goods-orders56 .cp-1 .desc {
        float: left;
        width: 200px;
        word-wrap: break-word;
    }

    .goods-orders56 .cp-1 .desc p {
        height: 40px;
        overflow: hidden;
        line-height: 18px;
    }

    .goods-orders56 .cr {
        color: #c40000;
    }

    .goods-orders56 .cb {
        color: #3764c1;
    }
    .goods-orders56 .bian-b {
        border-bottom: 1px solid #e2e2e2;
    }
</style>

<div class="hcbg-1"></div>
<div class="caijin-tc">
    <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;">close</a></div>
    <div class="ycmmsz">
        <h4>恭喜您获得以下彩金</h4>
        <ul id="codeTable">
            <!--             <dl> -->
            <!--                 <dt>卡号</dt> -->
            <!--                 <dd>密码</dd> -->
            <!--             </dl> -->
            <!--             <dl> -->
            <!--                 <dt>31654646445561</dt> -->
            <!--                 <dd>56464</dd> -->
            <!--             </dl> -->
            <!--             <dl> -->
            <!--                 <dt>31654646445561</dt> -->
            <!--                 <dd>56464</dd> -->
            <!--             </dl> -->

        </ul>
        <div class="hcyxq">
            <div class="fl">
                <p>请立即到虎彩网兑换彩金投注彩票，祝您中大奖</p>
                <p>友情提示:每个账号最多领取10份彩金</p>
            </div>
            <div class="fr"><a href="http://www.hoocp.com/useraccount/hb/chongzhi.html" target="_blank">前去投注</a></div>
        </div>
        <dl class="zf-fs clearfix">
            <dt>&nbsp;</dt>
            <dd></dd>
        </dl>

    </div>
</div>

<div class="hcbg-2"></div>
<div class="caijin-ysw">
    <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;" onclick="yswClose()">close</a></div>
    <div class="cpysw">
        <h4 id="cpyswId" >很遗憾，彩票已送完</h4>
        <a href="#" onclick="yswClose()">确认</a>
    </div>
</div>
<!-- 订单弹窗 -->
<div class="glotc-bg"></div>
<div class="glotc-main">
    <div class="glotc-tit"><span>信息提示</span><a href="javascript:;" onclick="gloClose()" class="glo-close">close</a></div>
    <div class="glo-text">
        <div class="hi100">
            <h5>亲爱的用户：</h5>
            <p><span>是否确定该订单已收货？</span></p>
            <p>确认收货后给予评价，即可获得积分</p>
        </div>
        <div class="glo-bt">
            <a id="qrshOk" href="javascript:;" class="bt-c4">确定</a>
            <a href="javascript:;" onclick="gloClose()">取消</a>
        </div>
    </div>
</div>
</div>
<!-- 订单取消原因弹窗-->
<div class="glotc-bg1" ></div>
<div class="glotc-main1 order_mode">
    <div class="glotc-tit">
        <span id="glotcTitle">取消订单</span><a href="javascript:;" onclick="ggtcColse()" class="glo-close">close</a>
    </div>
    <div class="glo-text">

        <div class=‘mode_content‘>
            <dl class="category clearfix">
                <input type="hidden" id="complaintOrderId" value="" />
                <h3>请选择取消订单的理由: </h3>
                <dd>
                <select name="cancelId" id="cancelId" class="bk-e2">
                    <option value="">请选择取消的原因</option>
                    <option value="1">不想要了</option>
                    <option value="2">其他原因</option>
                    <option value="3">遇到付款问题</option>
                    <option value="4">选错商品</option>
                </select>
                <span class="ts-error" id="addComplaintTypeIdError"><em class="ico"></em>请选择订单取消原因</span>

                </dd>
            </dl>
        </div>

        <div class="glo-bt">
             <a href="javascript:;" name="ggtcBtn" action="ok" class="bt-c4"  style="" onclick="saveCancelOrder()">确定</a>
            <a href="javascript:;" class="btn-ljzc" onclick="cancelOrder()">取消</a>
        </div>
    </div>
</div>


<!-- 订单列表-->
<script type="text/javascript">
    $(".order_nav li").click(function(){
        var operation = $(this).attr("id");
        $(this).addClass(‘tp-tab-checked‘).siblings().removeClass(‘tp-tab-checked‘);
        $("#operation").val(operation);
        clickPageNum(null,"p=1");
    })
</script>