2019-08-21 弹出框 hide show

<div id="shoppingCar" class="lucky">

        <div class="lucky_wrapper">

            <div class="shpping_car">

                <span class="shpping_span ">✖</span>

                <img class="shpping_image" src="https://ss0.baidu.com/73F1bjeh1BF3odCf/it/u=686968347,3903930078&fm=85&s=3430E4354B8A7B7E0E934AEF0300E02E"

                    alt="">

            </div>

            <a class="shpping_btn" href="javascript:ReportNext('<%=OrderID%>')">确定</a>

        </div>

    </div>

//判断海报弹窗是否显示

        $.get("/Ajax/Product.ashx", { type: "IsShowReport", OrderID: '<%=OrderID%>' }, function (result) {

            if (result == 1) {

                $('.lucky').show();

            } else {

                $('.lucky').hide();

            }

        });

        $(".close-icon").click(function () {

            $('.luckyBox').hide();

        });

        $(".shpping_span").click(function () {

            $('.lucky').hide();

        });

    })

/*弹出框*/

      #shoppingCar {

            height: 100%;

            width: 100%;

            position: fixed;

            background-color: rgba(0, 0, 0, .5);

            z-index: 1000;

            top: 0;

            left: 0;

            display: none;

        }

      .lucky_wrapper {

          position: absolute;

          left: 50%;

          top: 50%;

          transform: translate(-50%,-50%);

          -webkit-transform: translate(-50%,-50%);

      }

        .shpping_car {

            width: 260px;

            height:350px;

            height: auto;

            position: relative;

            z-index: 2;

        }

        .shpping_span {

            color: #fff;

            position: absolute;

            z-index: 2;

            font-size: 16px;

            top: 14px;

            right: 14px;

            width:11px;

            height:11px;

        }

        .shpping_image {

            width: 100%;

            height: 350px;

            border-radius: 10px;

            position: relative;

        }

        .shpping_btn {

            width:90px;

            line-height:35px;

            background:rgba(255,255,255,0.57);

            border-radius:17.5px;

            margin: 32px auto 0 auto;

            font-size: 15px;

            text-align:center;

            color:#000;

        }