
<?php echo  getuserhistory('index');?>
<style type="text/css">
    .main .main-right-box {min-height:10px;}
    .main-right-box ul {padding:0px 10px;}
    .main-right-box ul li {
        line-height:38px;
    }
    .quick-nav {padding:0px 5px 16px 5px;}
    .quick-nav div,.quick-navb div  {box-sizing:border-box; padding:0px;}
    .quick-navb {padding:0px 5px;margin-bottom:15px;}

    .list-group-item { margin:0px 10px 10px 10px; padding:25px 30px 20px 30px; -moz-box-shadow:0px 8px 15px #eee; height:150px; overflow:hidden;
        -webkit-box-shadow:0px 8px 15px #eee;
        box-shadow:0px 8px 15px #eee;border:none;color:#fff;text-align:right; font-size:14px;}
    a.list-group-item-b {background:#eee; padding:15px 30px; border:1px solid #ccc; text-align:center;}

    .main-right-box {margin:0px;border-radius: 8px;}
    .list-group-item span {display:block; width:50px; height:50px; font-size:26px;float:left;color:#424950; background:#eee;padding:12px;border-radius:50%;}
    .list-group-item strong {display:block; font-size:28px; line-height:38px; }
    .list-group-item:last-child {border-radius:8px; }
    .list-group-item-b:last-child {border-radius:2px; }
    a.list-group-item:hover,.glyphicon-list-alt {background:#424950;color:#fff;-moz-box-shadow:0px 8px 15px #aaa;
        -webkit-box-shadow:0px 8px 15px #aaa;
        box-shadow:0px 8px 15px #aaa;-o-transition: all 0.15s, 0.15s;
        -moz-transition: all 0.15s, 0.15s;
        -webkit-transition: all 0.15s, 0.15s;}

    .i_table_a,.i_table_b,.i_table_c {font-size:14px;}
    @media(max-width:468px) {
        a.list-group-item-success,a.list-group-item-danger {
            margin-top:10px;
        }
        .system-info,.i_table_b,.information {display:none;}
    }
    .main-right-box h5 {margin: 0px 0px 30px -2px;}
    #information {min-height:336px;}
    .table {margin:0px;}
    .website-a {font-weight:bold;padding:0px 10px 0px 0px;}
    .i_links_bg {line-height:200%; height:225px;padding:15px 20px;}
    .i_table_b ul {min-height:293px ;padding:8px 20px;}
    .i_table_b ul li {clear:both; margin:0px 0px 15px 0px;background:#f5f5f5;}
    .i_table_b strong {width:100px;  display:block;float:left; padding:0px 10px; background: #eee;color: #424950;  text-align:center;}
    input.btn-primary, a.btn-primary {padding:5px 25px; }
    .blank25 {clear:both; height:25px;}

    #information p {background:#f5f5f5;padding:0px 15px;}

    @media(max-width:1748px) {
        .quick-nav .col-lg-3 {padding:0px;}
    }

    @media(max-width:1580px) {
        .quick-nav .col-lg-3 {padding:0px;}
    }

    @media(max-width:1420px) {
        .quick-nav .col-lg-3 {padding:0px;}
    }

    @media(max-width:1340px) {
        .quick-nav .col-lg-3 {padding:0px;}
        .list-group-item {text-align:center;}
        .i_table_b .main-right-box {min-height:450px;}
    }

    @media(max-width:1260px) {
        .quick-nav .col-lg-3 {margin-bottom:20px;}
    }

    @media(min-width:1200px) {
        .i_table_a,.i_table_d {padding-right:25px;}
        .i_table_b,.i_table_c {padding-left:25px;}
        .i_table_c, .i_table_a {margin:20px 0px;}
    }
    @media(max-width:1200px) {
        .i_table_a {margin:20px 0px;}
        .i_table_a,.i_table_c {width:100%;}
    }

    @media(max-width:992px) {
        .i_table_c {margin:0px;}
    }

    @media(max-width:768px) {
        .i_table_d {margin-bottom:0px;}
    }

    .i_table_a .alert {box-shadow:none; background:#f5f5f5;  border-radius: 0px; border:none; color:#333;}
    .i_table_a .alert a {color:#333;}
    .index-box .main-right-box {min-height:auto;}



    .index-steps > .steps {
        position: relative;
        display: block;
        width: 100%; }
    .index-steps > .steps .current-info {
        position: absolute;
        left: -99999px; }
    .index-steps > .steps > ul {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0;
        padding: 0;
        list-style: none; }
    .index-steps > .steps > ul > li {
        display: table-cell;
        width: auto;
        vertical-align: top;
        text-align: center;
        position: relative;
        cursor:pointer
    }
    .index-steps > .steps > ul > li a {
        position: relative;
        padding-top: 92px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block; cursor:pointer }
    .index-steps > .steps > ul > li:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 2;
        left: 0; }
    .index-steps > .steps > ul > li:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 2;
        right: 0; }
    .index-steps > .steps > ul > li:first-child:before {
        content: none; }
    .index-steps > .steps > ul > li:last-child:after {
        content: none; }
    .index-steps > .steps > ul > li.current > a {
        color: #999;
        cursor: pointer; }
    .index-steps > .steps > ul > li.current > a:hover {color: #00B5B8;}
    .index-steps > .steps > ul > li.current .step {
        border-color: #00B5B8;
        background-color: #fff;
        color: #00B5B8; }
    .index-steps > .steps > ul > li.disabled a {
        color: #999999;
        }
    .index-steps > .steps > ul > li.disabled a:hover {
        color: #00B5B8;
        cursor: pointer; }
    .index-steps > .steps > ul > li.disabled a:focus {
        color: #999999;
        cursor: pointer; }
    .index-steps > .steps > ul > li.done a {
        color: #999999; }
    .index-steps > .steps > ul > li.done a:hover {
        color: #999999; }
    .index-steps > .steps > ul > li.done a:focus {
        color: #999999; }
    .index-steps > .steps > ul > li.done .step {
        background-color: #00B5B8;
        border-color: #00B5B8;
        color: #fff; }
    .index-steps > .steps > ul > li.error .step {
        border-color: #FF7588;
        color: #FF7588; }
    .index-steps > .steps .step {
        background-color: #fff;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0px;
        right:0px;
        z-index: 3;
        text-align: center; }
    @media (min-width:768px) and (max-width:1002px) {
        .index-steps > .steps .step {left: 26%; }
    }
    .index-steps > .content {
        position: relative;
        width: auto;
        padding: 0;
        margin: 0; }
    .index-steps > .content > .title {
        position: absolute;
        left: -99999px; }
    .index-steps > .content > .body {
        padding: 0 20px; }
    .index-steps > .content > iframe {
        border: 0 none;
        width: 100%;
        height: 100%; }
    .index-steps > .actions {
        position: relative;
        display: block;
        text-align: right;
        padding: 20px;
        padding-top: 0; }
    .index-steps > .actions > ul {
        float: right;
        list-style: none;
        padding: 0;
        margin: 0; }
    .index-steps > .actions > ul:after {
        content: '';
        display: table;
        clear: both; }
    .index-steps > .actions > ul > li {
        float: left; }
    .index-steps > .actions > ul > li + li {
        margin-left: 10px; }
    .index-steps > .actions > ul > li > a {
        background: #00B5B8;
        color: #fff;
        display: block;
        padding: 7px 12px;
        border-radius: 2px;
        border: 1px solid transparent; }
    .index-steps > .actions > ul > li > a:hover {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; }
    .index-steps > .actions > ul > li > a:focus {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; }
    .index-steps > .actions > ul > li > a:active {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; }
    .index-steps > .actions > ul > li > a[href="#previous"] {
        background-color: #FF8D60;
        color: #FFF;
    }
    .index-steps > .actions > ul > li > a[href="#previous"]:hover {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; }
    .index-steps > .actions > ul > li > a[href="#previous"]:focus {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; }
    .index-steps > .actions > ul > li > a[href="#previous"]:active {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; }
    .index-steps > .actions > ul > li.disabled > a {
        color: #FFF; }
    .index-steps > .actions > ul > li.disabled > a:hover {
        color: #FFF; }
    .index-steps > .actions > ul > li.disabled > a:focus {
        color: #FFF; }
    .index-steps > .actions > ul > li.disabled > a[href="#previous"] {
        -webkit-box-shadow: none;
        box-shadow: none; }
    .index-steps > .actions > ul > li.disabled > a[href="#previous"]:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
    .index-steps > .actions > ul > li.disabled > a[href="#previous"]:focus {
        -webkit-box-shadow: none;
        box-shadow: none; }
    .index-steps.index-steps-circle > .steps > ul > li:before,  .index-steps.index-steps-circle > .steps > ul > li:after {
        top: 63px;
        width: 50%;
        height: 5px;
        background-color: #00B5B8; }
    .index-steps.index-steps-circle > .steps > ul > li.current:after {
        background-color: #F5F7FA; }
    .index-steps.index-steps-circle > .steps > ul > li.current ~ li:before {
        background-color: #F5F7FA; }
    .index-steps.index-steps-circle > .steps > ul > li.current ~ li:after {
        background-color: #F5F7FA; }
    .index-steps.index-steps-circle > .steps .step {
        width: 88px;
        height: 88px;
        line-height: 88px;
        margin:0px auto;
        border: 5px solid #F5F7FA;
        font-size: 2.8rem;
        border-radius: 50%;
    }

    .index-steps.index-steps-circle > .steps .step i {display:inline-block; margin-top:18px;}
    .index-steps.index-steps-circle > .steps .step:hover { background:#00B5B8;
        box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.05), 0 15px 32px 0 rgba(0, 0, 0, 0.09);
        border: 5px solid #F5F7FA;
        }
    .index-steps.index-steps-circle > .steps .step:hover i {color:#fff;}

    .index-steps.index-steps-notification > .steps > ul > li:before,  .index-steps.index-steps-notification > .steps > ul > li:after {
        top: 39px;
        width: 50%;
        height: 2px;
        background-color: #00B5B8; }
    .index-steps.index-steps-notification > .steps > ul > li.current .step {
        border: 2px solid #00B5B8;
        color: #00B5B8;
        line-height: 36px; }
    .index-steps.index-steps-notification > .steps > ul > li.current .step:after {
        border-top-color: #00B5B8; }
    .index-steps.index-steps-notification > .steps > ul > li.current:after {
        background-color: #F5F7FA; }
    .index-steps.index-steps-notification > .steps > ul > li.current ~ li:before {
        background-color: #F5F7FA; }
    .index-steps.index-steps-notification > .steps > ul > li.current ~ li:after {
        background-color: #F5F7FA; }
    .index-steps.index-steps-notification > .steps > ul > li.done .step {
        color: #FFF; }
    .index-steps.index-steps-notification > .steps > ul > li.done .step:after {
        border-top-color: #00B5B8; }
    .index-steps.index-steps-notification > .steps .step {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 1.3rem;
        border-radius: 15%;
        background-color: #F5F7FA; }
    .index-steps.index-steps-notification > .steps .step:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -8px;
        margin-bottom: -8px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 8px solid #F5F7FA; }
    .index-steps.vertical > .steps {
        display: inline;
        float: left;
        width: 10%; }
    .index-steps.vertical > .steps > ul > li {
        display: block;
        width: 100%; }
    .index-steps.vertical > .steps > ul > li:before,  .index-steps.vertical > .steps > ul > li:after {
        background-color: transparent; }
    .index-steps.vertical > .steps > ul > li.current:before,  .index-steps.vertical > .steps > ul > li.current:after {
        background-color: transparent; }
    .index-steps.vertical > .steps > ul > li.current ~ li:before {
        background-color: transparent; }
    .index-steps.vertical > .steps > ul > li.current ~ li:after {
        background-color: transparent; }

    @media (max-width: 768px) {
        .index-steps > .steps > ul {
            margin-bottom: 20px; }
        .index-steps > .steps > ul > li {
            display: block;
            float: left;
            width: 50%; }
        .index-steps > .steps > ul > li > a {
            margin-bottom: 0; }
        .index-steps > .steps > ul > li:first-child:before {
            content: ''; }
        .index-steps > .steps > ul > li:last-child:after {
            content: '';
            background-color: #00B5B8; }
        .index-steps.vertical > .steps {
            width: 15%; } }

    @media (max-width: 480px) {
        .index-steps > .steps > ul > li {
            width: 100%; }
        .index-steps > .steps > ul > li.current:after {
            background-color: #00B5B8; }
        .index-steps.vertical > .steps {
            width: 20%; } }




</style>

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 steps index-box" style="padding:0px;">
    <div class="main-right-box" style="border-radius: 8px 0px 8px 8px;">
        <h5><?php echo lang_admin('process_guidance');?></h5>
        <div class="box" id="box">
            <div class="index-steps">
                <div class="icons-tab-steps index-steps-circle index-steps clearfix" id="steps-uid-0">
                    <div class="steps clearfix">
                        <ul role="tablist">
                            <li role="tab" class="first current" aria-disabled="false" aria-selected="true">
                                <a href="#" onclick="gotourl(this)"   data-dataurl="<?php echo url("question/config");?>" class="step1"  data-dataurlname="<?php echo lang_admin('config_question');?>">
                                    <span class="step">
                                        <i class="icon-settings"></i>
                                    </span>
                                        <?php echo lang_admin('config_question');?>
                                    </a>
                            </li>
                            <li role="tab" class="disabled" aria-disabled="true">
                                <a href="#" onclick="gotourl(this)" data-dataurl="<?php echo url("questionhead/list");?>" data-dataurlname="<?php echo lang_admin('nav');?>">
                                    <span class="step"><i class="icon-vector"></i></span> <?php echo lang_admin('nav');?></a></li>
                            <li role="tab" class="disabled" aria-disabled="true">
                                <a href="#" onclick="gotourl(this)" data-dataurl="<?php echo url("question/typelist");?>" data-dataurlname="<?php echo lang_admin('special');?>">
                                    <span class="step"><i class="icon-layers"></i></span> <?php echo lang_admin('special');?></a>
                            </li>

                            <li role="tab" class="disabled last" aria-disabled="true">
                                <a href="#" onclick="gotourl(this)" data-dataurl="<?php echo url("question/list");?>" data-dataurlname="<?php echo lang_admin('question');?>">
                                    <span class="step"><i class="icon-question"></i></span> <?php echo lang_admin('question');?></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="blank20"></div>




<div class="index-2">
    <div class="row">

        <div class="quick-navb">
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                <a title="<?php echo lang_admin('see');?>" href="#" onclick="gotourl(this)"   data-dataurl="<?php echo url("questionhead/list");?>" class="list-group-item" data-dataurlname="<?php echo lang_admin('question');?>">
                    <span class="icon-question"></span>
                    <p>
                        <strong>

                        </strong>
                        <?php echo lang_admin('question');?>
                    </p>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                <a title="<?php echo lang_admin('see');?>" href="#" onclick="gotourl(this)"   data-dataurl="<?php echo url("question/typelist");?>" class="list-group-item" data-dataurlname="<?php echo lang_admin('special');?>">
                    <span class="icon-layers"></span>
                    <p>
                        <strong>

                        </strong>
                        <?php echo lang_admin('special');?>
                    </p>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                <a title="<?php echo lang_admin('topic');?>" href="#" onclick="gotourl(this)"   data-dataurl="<?php echo url("question/taglist");?>" class="list-group-item" data-dataurlname="<?php echo lang_admin('topic');?>">
                    <span class="icon-shuffle"></span>
                    <p>
                        <strong>

                        </strong>
                        <?php echo lang_admin('topic');?>
                    </p>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                <a title="<?php echo lang_admin('user');?>" href="#" onclick="gotourl(this)"   data-dataurl="<?php echo url("table/list/table/user");?>" class="list-group-item" data-dataurlname="<?php echo lang_admin('user');?>">
                    <span class="icon-users"></span>
                    <p>
                        <strong>

                        </strong>
                        <?php echo lang_admin('user');?>
                    </p>
                </a>
            </div>
        </div>
    </div>
</div>

