   .myul li {
            float: left;
            margin-left: 16px;
            margin-right: 16px;
            list-style: none;
        }

        a {
            text-decoration: none;
        }

    ul{
        list-style: none;
        margin: 0;
        padding: 0
    }
    ol{
        list-style: none;
    }
    table {
        *border-collapse: collapse; /* IE7 and lower */
        border-spacing: 0;
        width: 100%;
        overflow: hidden;
    }

    html {
        background: url("../../../../Public/mobile/images/dd.jpg")fixed center center no-repeat;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: 100%;
        background-size: cover;

    }

    .bordered {
        border: solid #ccc 1px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 1px #ccc;
        -moz-box-shadow: 0 1px 1px #ccc;
        box-shadow: 0 1px 1px #ccc;
        height: 100%;
    }

    .bordered tr:hover {
        background: #fbf8e9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .bordered td, .bordered th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 5px;
        text-align: left;
    }

    .bordered th {
        background-color: #dce9f9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
        background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: linear-gradient(top, #ebf3fc, #dce9f9);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    }

    .bordered td:first-child, .bordered th:first-child {
        border-left: none;
    }

    .bordered th:first-child {
        -moz-border-radius: 6px 0 0 0;
        -webkit-border-radius: 6px 0 0 0;
        border-radius: 6px 0 0 0;
    }

    .bordered th:last-child {
        -moz-border-radius: 0 6px 0 0;
        -webkit-border-radius: 0 6px 0 0;
        border-radius: 0 6px 0 0;
    }

    .bordered th:only-child {
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .bordered tr:last-child td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .bordered tr:last-child td:last-child {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }

    /*----------------------*/

    .zebra td, .zebra th {
        padding: 10px;
        border-bottom: 1px solid #f2f2f2;
    }

    .zebra tbody tr:nth-child(even) {
        background: #f5f5f5;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    }

    .zebra th {
        text-align: left;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
        border-bottom: 1px solid #ccc;
        background-color: #eee;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
        background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
        background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
        background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
        background-image: -o-linear-gradient(top, #f5f5f5, #eee);
        background-image: linear-gradient(top, #f5f5f5, #eee);
    }

    .zebra th:first-child {
        -moz-border-radius: 6px 0 0 0;
        -webkit-border-radius: 6px 0 0 0;
        border-radius: 6px 0 0 0;
    }

    .zebra th:last-child {
        -moz-border-radius: 0 6px 0 0;
        -webkit-border-radius: 0 6px 0 0;
        border-radius: 0 6px 0 0;
    }

    .zebra th:only-child {
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .zebra tfoot td {
        border-bottom: 0;
        border-top: 1px solid #fff;
        background-color: #f1f1f1;
    }

    .zebra tfoot td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .zebra tfoot td:last-child {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }

    .zebra tfoot td:only-child {
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px
    }

    .bordered .yellow td{
        height: 40px;
    }

    .yellow .yellow td {
        background: #B0C4DE !important;
        height: 40px;
    }

    .f-tel .f-tel-i {
        display: inline-block;
        text-align: right;
        float: left;
        margin-left: 10% !important;
    }

    .pages a {
        display: inline-block;
        padding: 2px 8px;
        margin: 0 1px;
        border: 1px solid #f0f0f0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .pages a, .pages li {
        display: inline-block;
        list-style: none;
        text-decoration: none;
        color: #58A0D3;
    }

    .pages li {
        margin-right: 5px;
    }

    .pages a.first, .pages a.prev, .pages a.next, .pages a.end {
        margin: 0;
    }

    .pages a:hover {
        border-color: #50A8E6;
    }

    .pages .current {
        color: #FFF;
        font-weight: 700;
        border-color: #50A8E6;
    }
    .welcome p{
        height: 30px;
        line-height: 30px;
        color: slategray;
        margin-left: 1px;
        font-size: 0.8em;
        font-family: 宋体;
		float: left;
    }
    .panel {
        border-radius:5px ;
        position: relative;
        display: block !important;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, .9);
        transition: none !important;
        transform: none !important;
        width: 400px;
        height: 100%;
        background-color: aliceblue;
    }

    .suggest{
        margin-top: 5px;
    }

    .linkc{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .linkc:hover{
        background-color: #DDDDDD;
    }
    .linkx{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .linkx:hover{
        background-color: #ed4040;
    }
    .m-index-box a{
        color: black;
    }
    .m-index-box a:hover{
        color:#1E90FF ;
    }
    .row{
        height:100%;
    }
    .col-lg-12{
        width: 98%;
        height: 100%;
        overflow-y :auto;
        margin: 0 auto;
    }
    .col-lg-12::-webkit-scrollbar{
        width: 12px;
        height: 20px;
        background-color: #f5f5f5;
    }
    .col-lg-12::-webkit-scrollbar-track{
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background-color: #f5f5f5;
    }
    .col-lg-12::-webkit-scrollbar-thumb{
        height: 20px;
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #D3D3D3;
    }
    .m-index-box a{
        vertical-align:middle;
    }
    .panel-top{
        width: 100%;
        height:48px;
        border-bottom: 2px solid #e62129;
        background-color:gold;
    }
    .panel-log img{
        width:32%;
        height: 100%;
        float: left;
    }
    .panel-text{
        float: right;
    }
    .panel-text .panel-right{
        float: right;
    }
    .panel-right-bottom{
        content: "";
        position: absolute;
        top: 27px;
        right: 8px;

    }
    .panel-text button{
        background-color: gold;
    }


    .clearfix{
        font-size: 0.4em;
        color: darkgray;
        border-top: 3px solid #e62129;
    }

    .welcome img{
        width: 18px;
        height: 17px;
        float: left;
        padding-top: 7px;
        padding-left: 1px;
        background-color: aliceblue;
    }
    .clearfix ul li{
        background-color: #f5f5f5;
    }
	  .pagination {
            display: inline-block;
            padding-left: 4px;
            margin: 4px 0;
            border-radius: 4px;
        }
        .pagination>li:first-child>a, .pagination>li:first-child>span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        .pagination>li {
            display: inline;
        }
        .pagination>li>a, .pagination>li>span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: rgba(221, 221, 221, 1);
            border: 1px solid #000000;
			font-size:0.5em;
        }
