<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>Coin</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!--    <link rel="stylesheet" href="--><?php //echo base_url();?><!--public/js/bootstrap/bootstrap.min.css" >-->
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/js/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/css/vendor/Animate.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/css/basic.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/css/vendor/font_awesome/css/font-awesome.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/css/vendor/bootstrap/dist/bootstrap-switch.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/js/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>public/node_modules/bootstrap-select/dist/css/bootstrap-select.min.css">
    <style type="text/css">
        .fixed-table-body {
            width: 101%;
        }

        .text-red {
            color: red;
        }

        .pack-style {
            position: absolute;
            white-space: nowrap;
            right: 213px;
            top: 10px;
            border: 1px solid #bfbfbf;
            line-height: 23px;
            padding: 3px 16px;
            font-size: 1px;
            border-radius: 5px;
        }

        .left_side {
            float: left;
        }

        .mid_side {
            display: inline-block;
            padding-left: 10px;
            padding-top: 9px;
            font-size: 20px;
            /*font-weight: bold;*/
        }

        .table-border-blue {
            margin: 10px;
            padding: 5px;
            border: 1px outset #409eff;
            border-radius: 5px;
        }

        .table-border-yellow {
            margin: 10px;
            padding: 5px;
            border: 1px outset goldenrod;
            border-radius: 5px;
        }

        .goto-hall {

        }

        .ui-jqdialog {
            display: none;
        }

        /*<!-- loading -->*/

        /*body {*/
        /*    margin-top: 10px;*/
        /*}*/

        /*.col-sm-2 {*/
        /*    padding: 10px;*/
        /*    border-radius: 4px;*/
        /*    height: 125px;*/
        /*    margin-bottom: 10px;*/
        /*}*/

        .sp {
            width: 32px;
            height: 32px;
            clear: both;
            margin: 20px auto;
        }

        /* Spinner Circle Rotation */
        .sp-circle {
            border: 4px rgba(0, 0, 0, 0.25) solid;
            border-top: 4px black solid;
            border-radius: 50%;
            -webkit-animation: spCircRot .6s infinite linear;
            animation: spCircRot .6s infinite linear;
        }

        @-webkit-keyframes spCircRot {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(359deg);
            }
        }

        @keyframes spCircRot {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(359deg);
            }
        }

        /* Spinner 3Balls Scale */
        .sp-3balls, .sp-3balls:before, .sp-3balls:after {
            border-radius: 50%;
            background-color: #000;
            width: 18px;
            height: 18px;
            transform-origin: center center;
            display: inline-block;
        }

        .sp-3balls {
            position: relative;
            background-color: black;
            opacity: 1;
            -webkit-animation: spScaleAlpha 1s infinite linear;
            animation: spScaleAlpha 1s infinite linear;
        }

        .sp-3balls:before, .sp-3balls:after {
            content: '';
            position: relative;
            opacity: 0.25;
        }

        .sp-3balls:before {
            left: 30px;
            top: 0px;
            -webkit-animation: spScaleAlphaBefore 1s infinite linear;
            animation: spScaleAlphaBefore 1s infinite linear;
        }

        .sp-3balls:after {
            left: -30px;
            top: -23px;
            -webkit-animation: spScaleAlphaAfter 1s infinite linear;
            animation: spScaleAlphaAfter 1s infinite linear;
        }

        @-webkit-keyframes spScaleAlpha {
            0% {
                opacity: 1;
            }
            33% {
                opacity: 0.25;
            }
            66% {
                opacity: 0.25;
            }
            100% {
                opacity: 1;
            }
        }

        @keyframes spScaleAlpha {
            0% {
                opacity: 1;
            }
            33% {
                opacity: 0.25;
            }
            66% {
                opacity: 0.25;
            }
            100% {
                opacity: 1;
            }
        }

        @-webkit-keyframes spScaleAlphaBefore {
            0% {
                opacity: 0.25;
            }
            33% {
                opacity: 1;
            }
            66% {
                opacity: 0.25;
            }
        }

        @keyframes spScaleAlphaBefore {
            0% {
                opacity: 0.25;
            }
            33% {
                opacity: 1;
            }
            66% {
                opacity: 0.25;
            }
        }

        @-webkit-keyframes spScaleAlphaAfter {
            33% {
                opacity: 0.25;
            }
            66% {
                opacity: 1;
            }
            100% {
                opacity: 0.25;
            }
        }

        @keyframes spScaleAlphaAfter {
            33% {
                opacity: 0.25;
            }
            66% {
                opacity: 1;
            }
            100% {
                opacity: 0.25;
            }
        }

        /* Spinner VolumeButton */
        .sp-volume {
            background-color: #000;
            border-radius: 50%;
            position: relative;
            -webkit-animation: spVolRot .6s infinite linear;
            animation: spVolRot .6s infinite linear;
        }

        .sp-volume:after {
            content: '';
            border-radius: 50%;
            position: absolute;
            display: block;
            width: 10px;
            height: 10px;
            left: 5px;
            top: 5px;
            background-color: white;
        }

        @-webkit-keyframes spVolRot {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(359deg);
            }
        }

        @keyframes spVolRot {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(359deg);
            }
        }

        /* Spinner Vortex */
        .sp-vortex {
            border: 1px #000 solid;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
        }

        .sp-vortex:after, .sp-vortex:before {
            content: '';
            border-radius: 50%;
            position: absolute;
            width: inherit;
            height: inherit;
            -webkit-animation: spVortex 2s infinite linear;
            animation: spVortex 2s infinite linear;
        }

        .sp-vortex:before {
            border-top: 6px #000 solid;
            top: -3px;
            left: calc(-50% - 3px);
            transform-origin: right center;
        }

        .sp-vortex:after {
            border-bottom: 6px #000 solid;
            top: 3px;
            right: calc(-50% - 3px);
            transform-origin: left center;
        }

        @-webkit-keyframes spVortex {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(359deg);
            }
        }

        @keyframes spVortex {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(359deg);
            }
        }

        /* Spinner Slices */
        .sp.sp-slices {
            border-radius: 50%;
            border-top: 16px rgba(0, 0, 0, 0.75) solid;
            border-left: 16px rgba(0, 0, 0, 0.25) solid;
            border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
            border-right: 16px rgba(0, 0, 0, 0.25) solid;
            -webkit-animation: spSlices 1s infinite linear;
            animation: spSlices 1s infinite linear;
        }

        @-webkit-keyframes spSlices {
            0% {
                border-top: 16px rgba(0, 0, 0, 0.75) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
            25% {
                border-top: 16px rgba(0, 0, 0, 0.25) solid;
                border-right: 16px rgba(0, 0, 0, 0.75) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
            50% {
                border-top: 16px rgba(0, 0, 0, 0.25) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.75) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
            75% {
                border-top: 16px rgba(0, 0, 0, 0.25) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.75) solid;
            }
            100% {
                border-top: 16px rgba(0, 0, 0, 0.75) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
        }

        @keyframes spSlices {
            0% {
                border-top: 16px rgba(0, 0, 0, 0.75) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
            25% {
                border-top: 16px rgba(0, 0, 0, 0.25) solid;
                border-right: 16px rgba(0, 0, 0, 0.75) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
            50% {
                border-top: 16px rgba(0, 0, 0, 0.25) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.75) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
            75% {
                border-top: 16px rgba(0, 0, 0, 0.25) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.75) solid;
            }
            100% {
                border-top: 16px rgba(0, 0, 0, 0.75) solid;
                border-right: 16px rgba(0, 0, 0, 0.25) solid;
                border-bottom: 16px rgba(0, 0, 0, 0.25) solid;
                border-left: 16px rgba(0, 0, 0, 0.25) solid;
            }
        }

        /* Spinner Sphere */
        .sp-sphere {
            border-radius: 50%;
            border-left: 0px #000 solid;
            border-right: 0px #000 solid;
            -webkit-animation: spSphere 1s infinite linear;
            animation: spSphere 1s infinite linear;
        }

        @-webkit-keyframes spSphere {
            0% {
                border-left: 0px #000 solid;
                border-right: 0px #000 solid;
            }
            33% {
                border-left: 32px #000 solid;
                border-right: 0px #000 solid;
            }
            34% {
                border-left: 0px #000 solid;
                border-right: 32px #000 solid;
            }
            66% {
                border-left: 0px #000 solid;
                border-right: 0px #000 solid;
            }
        }

        @keyframes spSphere {
            0% {
                border-left: 0px #000 solid;
                border-right: 0px #000 solid;
            }
            33% {
                border-left: 32px #000 solid;
                border-right: 0px #000 solid;
            }
            34% {
                border-left: 0px #000 solid;
                border-right: 32px #000 solid;
            }
            66% {
                border-left: 0px #000 solid;
                border-right: 0px #000 solid;
            }
        }

        /* Spinner Bars */
        .sp-bars {
            position: relative;
            width: 10px;
            border: 1px #000 solid;
            background-color: rgba(0, 0, 0, 0.25);
            -webkit-animation: spBars 1s infinite linear;
            animation: spBars 1s infinite linear;
        }

        .sp-bars:after, .sp-bars:before {
            content: '';
            position: absolute;
            width: inherit;
            height: inherit;
            border: inherit;
            background-color: inherit;
            top: -1px;
        }

        .sp-bars:before {
            left: -20px;
            -webkit-animation: spBarsBefore 1s infinite linear;
            animation: spBarsBefore 1s infinite linear;
        }

        .sp-bars:after {
            right: -20px;
            -webkit-animation: spBarsAfter 1s infinite linear;
            animation: spBarsAfter 1s infinite linear;
        }

        @keyframes spBarsBefore {
            0% {
                transform: scale(1, 1);
            }
            25% {
                transform: scale(1, 1.25);
            }
            50% {
                transform: scale(1, 0.75);
            }
            75% {
                transform: scale(1, 1);
            }
            100% {
                transform: scale(1, 1);
            }
        }

        @keyframes spBars {
            0% {
                transform: scale(1, 1);
            }
            25% {
                transform: scale(1, 1);
            }
            50% {
                transform: scale(1, 1.25);
            }
            75% {
                transform: scale(1, 1);
            }
            100% {
                transform: scale(1, 1);
            }
        }

        @keyframes spBarsAfter {
            0% {
                transform: scale(1, 1);
            }
            25% {
                transform: scale(1, 1);
            }
            50% {
                transform: scale(1, 0.75);
            }
            75% {
                transform: scale(1, 1.25);
            }
            100% {
                transform: scale(1, 1);
            }
        }

        /* Spinner Clock */
        .sp-clock {
            border: 1px #000 solid;
            border-radius: 50%;
            position: relative;
        }

        .sp-clock:before {
            content: '';
            border-left: 1px #000 solid;
            position: absolute;
            top: 2px;
            width: 1px;
            height: calc(50% - 2px);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -ms-transform-origin: 0% 100%;
            -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
            -webkit-animation: spClock 1s infinite linear;
            animation: spClock 1s infinite linear;
        }

        @-webkit-keyframes spClock {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(359deg);
            }
        }

        @keyframes spClock {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(359deg);
            }
        }

        /* Spinner Wave */
        .sp-wave {
            border-radius: 50%;
            position: relative;
            opacity: 1;
        }

        .sp-wave:before, .sp-wave:after {
            content: '';
            border: 1px #000 solid;
            border-radius: 50%;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0px;
        }

        .sp-wave:before {
            transform: scale(1, 1);
            opacity: 1;
            -webkit-animation: spWaveBe 0.6s infinite linear;
            animation: spWaveBe 0.6s infinite linear;
        }

        .sp-wave:after {
            transform: scale(0, 0);
            opacity: 0;
            -webkit-animation: spWaveAf 0.6s infinite linear;
            animation: spWaveAf 0.6s infinite linear;
        }

        @-webkit-keyframes spWaveAf {
            from {
                -webkit-transform: scale(0.5, 0.5);
                opacity: 0;
            }
            to {
                -webkit-transform: scale(1, 1);
                opacity: 1;
            }
        }

        @keyframes spWaveAf {
            from {
                transform: scale(0.5, 0.5);
                opacity: 0;
            }
            to {
                transform: scale(1, 1);
                opacity: 1;
            }
        }

        @-webkit-keyframes spWaveBe {
            from {
                -webkit-transform: scale(1, 1);
                opacity: 1;
            }
            to {
                -webkit-transform: scale(1.5, 1.5);
                opacity: 0;
            }
        }

        @keyframes spWaveBe {
            from {
                -webkit-transform: scale(1, 1);
                opacity: 1;
            }
            to {
                -webkit-transform: scale(1.5, 1.5);
                opacity: 0;
            }
        }

        /* Spinner Texture */
        .sp-texture {
            border: 1px #000 solid;
            border-radius: 4px;
            position: relative;
            background: linear-gradient(45deg, transparent 49%, #000 50%, #000 50%, transparent 51%, transparent), linear-gradient(-45deg, transparent 49%, #000 50%, #000 50%, transparent 51%, transparent);
            background-size: 16px 16px;
            background-position: 0% 0%;
            -webkit-animation: spTexture 1s infinite linear;
            animation: spTexture 1s infinite linear;
        }

        @-webkit-keyframes spTexture {
            from {
                background-position: 0px 0px;
            }
            to {
                background-position: -16px 0px;
            }
        }

        @keyframes spTexture {
            from {
                background-position: 0px 0px;
            }
            to {
                background-position: -16px 0px;
            }
        }

        /* Spinner LoadBar */
        .sp-loadbar {
            width: 50px;
            height: 18px;
            border: 1px #000 solid;
            border-radius: 4px;
            background: linear-gradient(-60deg, transparent 0%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);
            background-size: 20px 30px;
            background-position: 0px 0px;
            -webkit-animation: spLoadBar 0.8s infinite linear;
            animation: spLoadBar 0.8s infinite linear;
        }

        @-webkit-keyframes spLoadBar {
            from {
                background-position: 0px 0px;
            }
            to {
                background-position: -20px 0px;
            }
        }

        @keyframes spLoadBar {
            from {
                background-position: 0px 0px;
            }
            to {
                background-position: -20px 0px;
            }
        }

        /* Spinner Hydrogen */
        .sp-hydrogen {
            position: relative;
            border: 1px #000 solid;
            border-radius: 50%;
            -webkit-animation: spHydro 0.6s infinite linear;
            animation: spHydro 0.6s infinite linear;
        }

        .sp-hydrogen:before, .sp-hydrogen:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #000;
            border-radius: 50%;
        }

        .sp-hydrogen:before {
            top: calc(50% - 5px);
            left: calc(50% - 5px);
        }

        .sp-hydrogen:after {
            top: -1px;
            left: -1px;
        }

        @-webkit-keyframes spHydro {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(359deg);
            }
        }

        @keyframes spHydro {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(359deg);
            }
        }

        #loadingMask {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1000000;
            background: gray;
            opacity: 0.5;
            display: none;
        }

        .scrollTop {
            width: 50px;
            height: 40px;
            background: skyblue;
            cursor: pointer;
            color: white;
            border-radius: 50%;
            text-align: center;
            padding-top: 13px;
            position: fixed;
            right: 100px;
            bottom: 50px;
            display: none;
        }

        .scrollTop:hover {
            background: yellowgreen;
        }
    </style>
    <!--[if lt IE 9]>
    <script src="<?php echo base_url(); ?>public/js/vendor/html5shiv.min.js"></script>
    <script src="<?php echo base_url(); ?>public/js/vendor/respond.min.js"></script>
    <![endif]-->
    <script>
        window.common_conf = {
            defaultHash: 'welcome/dashboard',
            baseURL: './',
            navJSON: '<?php echo base_url('welcome/getmenu');?>'
        };
    </script>
</head>

<body>
<header id="page_header" style="text-align: center">
    <div class="logow animated fadeInLeft left_side">SUPERANT</div>
    <div class="mid_side">
        <span>疯狂的金币后台管理系统</span>
    </div>
    <div class="right_side">
        <!--            <div class="pack-style">-->
        <!--                已选包 : --><?php //echo  $sidNameList ?? '无'?>
        <!--            </div>-->
        <!--            <span style="width:100px;" id="package">-->
        <!--                <i class="fa fa-user">选择包</i>-->
        <!--            </span>-->
        <!--            <span style="width:50px;" class="fullScreen_btn J_confirm_modal" data-target="welcome/switchenv" data-tip="切换内外网"><i class="fa fa-repeat">-->
        <?php //echo $webenv;?><!--</i></span>-->

        <span class="logout_btn" onclick="window.location.href='#user/index'" style="display:block;"><i class="fa fa-street-view"></i></span>
        <?php if ($warning != 0)
            echo '<span class="logout_btn" onclick="window.location.href=\'#debug/warning\'" style="display:block;color: red;"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></span>';
        ?>
        <span class="logout_btn J_confirm_modal" data-target="login/logout" data-tip="确认退出吗？"><i class="fa fa-sign-out"></i></span>
        <span class="toggleMenu_btn"><i class="fa fa-bars"></i></span>
    </div>
</header>

<div id="loadingMask" style="z-index: 999999999">
    <div class="row" style="height: 100%;display: flex;align-items: center;">
        <div class="col-sm-2 col-lg-offset-6">
            <div class="sp sp-3balls"></div>
        </div>
    </div>
</div>
<aside id="left_panel">
    <div class="login_info">
            <span>
                <div>
                    <a href="#" data-toggle="dropdown">
                        <i class="fa fa-user"></i><span class="name"><?php echo $username; ?></span><span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a tabindex="-1" href="<?php echo base_url('#sys/changepwd'); ?>">修改密码</a></li>
                        <li><a tabindex="-1" href="#" class="J_confirm_modal" data-target="login/logout" data-tip="确认退出吗？">退出</a></li>
                    </ul>
                </div>
            </span>
    </div>
    <script id="nav_tpl" type="text/html">
        <ul>
            {{foreach nav as bigMenu i}}
            <li><a href="#{{bigMenu.url}}"><i class="fa fa-lg fa-fw fa-file-text"></i><span {{if bigMenu.color}} style="color:{{bigMenu.color}}" {{/if}}>{{bigMenu.t}}</span>
                    {{if bigMenu.child && bigMenu.child.length >= 1}}<b><i class="fa fa-plus-square-o"></i></b>{{/if}}</a>
                {{if bigMenu.child && bigMenu.child.length >= 1}}
                <ul>
                    {{foreach bigMenu.child as medMenu j}}
                    <li><a href="#{{medMenu.url}}"><i class="fa fa-fw fa-file"></i><span {{if medMenu.color}} style="color:{{medMenu.color}}" {{/if}}>{{medMenu.t}}</span>
                            {{if medMenu.child && medMenu.child.length >= 1}}<b><i class="fa fa-plus-square-o"></i></b>{{/if}}</a>
                        {{if medMenu.child && medMenu.child.length >= 1}}
                        <ul>
                            {{foreach medMenu.child as minMenu k}}
                            <li><a href="#{{minMenu.url}}"><i class="fa fa-fw fa-file"></i><span {{if minMenu.color}} style="color:{{minMenu.color}}" {{/if}}>{{minMenu.t}}</span>
                                </a></li>
                            {{/foreach}}
                        </ul>
                        {{/if}}
                    </li>
                    {{/foreach}}
                </ul>
                {{/if}}
            </li>
            {{/foreach}}
        </ul>
    </script>
    <nav></nav>
    <span class="minifyBtn"><i class="fa fa-arrow-circle-left"></i></span>

</aside>
<div id="main">
    <div id="ribbon">
        <ol class="breadcrumb"></ol>
    </div>

    <div id="content"></div>
    <a href="javaScript:;" class="scrollTop">TOP</a>
</div>

<!--Common Modal -->
<div class="modal fade" id="modal_ajax_content" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content"></div>
    </div>
</div>
<div class="modal fade" id="modal_confirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-body"></div>
            <div class="modal-footer" style="text-align:center;">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger J_confirm_btn"><i class="fa fa-refresh fa-spin"></i> 确定</button>
            </div>
        </div>
    </div>
</div>

<!--包选择-->
<div class="modal" id="packageSelect" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">选择包</h4>
            </div>
            <div class="moday-body" style="margin:15px 0;">
                <form class="form-horizontal J_ajaxForm" role="form" method="post" action="welcome/actionSid">
                    <div class="form-group" style="margin:0 0 15px;">
                        <label class="col-sm-2 control-label" style="line-height: 7px;">包:</label>
                        <div class="an-checkbox-div col-sm-10 android-package">
                            <label>
                                <input type="checkbox" <?php if ($allCheck) {
                                    echo 'checked';
                                } ?> id="android-checkall"> 【全选】
                            </label>
                            <?php foreach ($packageList as $k => $v) { ?>
                                <label>
                                    <input type="checkbox" class="android-check" name="package[]" <?php if (in_array($k, $sidList)) {
                                        echo 'checked';
                                    } ?> value="<?php echo $k; ?>"> <?php echo $v; ?>
                                </label>
                            <?php } ?>
                            <!--                                <br/>-->
                            <!--                                --><?php //foreach ($iosPackageList as $k => $v) { ?>
                            <!--                                    <label>-->
                            <!--                                        <input type="checkbox" class="android-check" name="package[]" -->
                            <?php //if(in_array($k, $sidList)){echo 'checked';}?><!--  value="--><?php //echo $k;?><!--"> --><?php //echo '苹果'.$v;?>
                            <!--                                    </label>-->
                            <!--                                --><?php //}?>

                        </div>
                    </div>


                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary J_ajaxSubmitBtn">提交</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>

<script src="<?php echo base_url(); ?>static/common/js/func.js?v=<?php echo time(); ?>"></script>
<script src="<?php echo base_url(); ?>public/js/vendor/jquery.min.js"></script>
<script src="<?php echo base_url(); ?>static/common/js/jQuery.userPlugin.js?v=<?php echo time(); ?>"></script>
<script src="<?php echo base_url(); ?>public/js/bootstrap/bootstrap.min.js"></script>
<script src="<?php echo base_url(); ?>public/js/vendor/catpl.js"></script>
<script src="<?php echo base_url(); ?>public/js/vendor/ie10-viewport-bug-workaround.js"></script>
<script src="<?php echo base_url(); ?>public/js/ajaxForm.js"></script>
<script src="<?php echo base_url(); ?>public/js/basic.js"></script>
<script src="<?php echo base_url(); ?>public/js/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="<?php echo base_url(); ?>public/js/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="<?php echo base_url(); ?>public/js/vendor/bootstrap-switch.min.js"></script>
<script src="<?php echo base_url(); ?>public/node_modules/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="<?php echo base_url(); ?>static/plugin/form2js/form2js.js?v=<?php echo time(); ?>"></script>
<script src="<?php echo base_url(); ?>static/plugin/form2js/js2form.js"></script>
<script src="<?php echo base_url(); ?>static/plugin/form2js/jquery.toObject.js"></script>
<script src="<?php echo base_url(); ?>static/common/propsJs/index.js?v=<?php echo time(); ?>"></script>
<script src="https://code.highcharts.com.cn/highstock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/heatmap.js"></script>
<script src="<?php echo base_url(); ?>public/js/laydate/laydate.js"></script>
<script type="text/javascript">
    var rootPath = '<?php echo site_url();?>';
    $('#package').click(function () {
        $('#packageSelect').modal();
    });

    //全选/全不选
    $('#android-checkall').change(function () {
        if ($(this).is(':checked')) {//已经是全选的状态
            $('.android-check').prop('checked', true);
        } else {
            $('.android-check').prop('checked', false);
        }
    });

    function uptoTop() {
        $('html,body').animate({scrollTop: '0px'}, 800);
    }

    //格式化成千分符
    function thoundsFormat(num, str = ',') {
        var reg = /\d{1,3}(?=(\d{3})+$)/g;
        return (num + '').replace(reg, '$&' + str);
    }

    let loadingCnt = 0

    function showLoading() {
        loadingCnt++
        $('#loadingMask').show();
        console.log('showLoading', loadingCnt)
    }

    function hideLoading() {
        loadingCnt--
        console.log('hideLoading', loadingCnt)
        if (loadingCnt < 1) $('#loadingMask').hide();
    }

    $(function () {
        //返回顶部===>出现与消失
        //当屏幕滚动，触生 scroll 事件
        $(window).scroll(function () {
            const top1 = $(this).scrollTop();     //获取相对滚动条顶部的偏移
            if (top1 > 200) {      //当偏移大于200px时让图标淡入（css设置为隐藏）
                $(".scrollTop").stop().fadeIn();
            } else {
                //当偏移小于200px时让图标淡出
                $(".scrollTop").stop().fadeOut();
            }
        });

        //去往顶部
        $(".scrollTop").click(function () {
            $("body , html").animate({scrollTop: 0}, 1000);
        });
    });
</script>
</html>