@charset "utf-8"; /* CSS Document */
@import url("buttons.css"); /*按钮*/
@import url("checkbox.css"); /*checkbox自定义*/
@import url("custom.css"); /*其他补充*/


/*******************基本*******************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.42;
    text-transform: none;
}

html, body {
    height: 100%;
}

body {
    font-family: "Microsoft YaHei UI";
    font-size: 13px;
    background: url(../image/bg1.jpg);
    background-position: center center;
    background-size: 100%;
    overflow-y: scroll;
}

a, a:active, a:focus, a:visited, a:hover, a:link {
    text-decoration: none;
}

a {
    color: #373e4a;
    text-decoration: none;
    background: transparent;
}

*[class*="fa-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn + .btn, .button + .button {
    margin-left: 5px;
}

.pad-left10 {
    padding-left: 15px !important;
}

.pad-left25 {
    padding-left: 25px !important;
}

/*******************整体布局*******************/
.page-container { /*display:table;*/
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}

    .page-container .main-content { /*display:table-cell;*/
        position: relative;
        z-index: 1;
        padding: 15px;
        padding-bottom: 0;
        vertical-align: top;
        word-break: break-word;
        height: calc(100% - 0px);
        overflow: hidden;
        overflow-y: auto;
    }

/*右侧菜单*/
.user-info-navbar {
    background-color: #ffffff;
    min-height: 64px;
    border: 0;
    padding: 0;
    margin: -15px;
    margin-bottom: 15px;
    border-radius: 0px;
}

    .user-info-navbar .user-info-menu {
        margin: 0;
        padding: 0;
    }

        .user-info-navbar .user-info-menu.left-links {
            float: left;
            margin-left: 15px;
        }

        .user-info-navbar .user-info-menu.right-links {
            float: right;
        }

        .user-info-navbar .user-info-menu > li.open {
            border-left-color:;
            border-right-color:;
            z-index: 15;
        }

        .user-info-navbar .user-info-menu > li {
            position: relative;
            margin: 0;
            padding: 0;
            border: 1px solid #ffffff;
            border-top: 0;
            border-bottom: 0;
            display: block;
            float: left;
            min-height: inherit !important;
        }

        .user-info-navbar .user-info-menu li {
            line-height: 1;
        }

        .user-info-navbar .user-info-menu > li.hover-line:hover:before, .user-info-navbar .user-info-menu > li.hover-line.open:before {
            display: block;
        }

        .user-info-navbar .user-info-menu > li.hover-line:before {
            content: '';
            position: absolute;
            display: block;
            height: 2px;
            top: 0px;
            left: 0;
            right: 0;
            background: #04bcf1;
            display: none;
        }

        .user-info-navbar .user-info-menu > li.open > a, .user-info-navbar .user-info-menu > li.open > a span {
            color: #04bcf1;
        }

        .user-info-navbar .user-info-menu > li > a {
            position: relative;
            display: block;
            padding: 20px 15px;
            height: 64px;
            color: #ced0d1;
            border-bottom: 0px solid #ffffff;
            top: 1px;
            z-index: 5;
        }

        .user-info-navbar .user-info-menu li a {
            line-height: 1;
        }

        .user-info-navbar .user-info-menu > li.open > a, .user-info-navbar .user-info-menu > li.open > a span {
            color: #04bcf1;
        }

        .user-info-navbar .user-info-menu > li > a span {
            font-size: 16px;
            line-height: 1;
            color: #333;
            text-decoration: none;
        }

        .user-info-navbar .user-info-menu > li > a i {
            font-size: 16px;
            margin: 0 5px 0 0;
            line-height: 1;
        }

        .user-info-navbar .user-info-menu > li > a:hover {
            text-decoration: none;
            color: #04bcf1;
        }

        .user-info-navbar .user-info-menu > li {
            position: relative;
            margin: 0;
            padding: 0;
            border: 1px solid #ffffff;
            border-top: 0;
            border-bottom: 0;
            display: block;
            float: left;
            min-height: inherit !important;
        }

        .user-info-navbar .user-info-menu.right-links > li > a span {
            font-size: 14px;
            line-height: 1;
            color: #333;
            text-decoration: none;
        }

        .user-info-navbar .user-info-menu > li > a .badge {
            font-size: 9px !important;
            position: absolute;
            top: 8px;
            right: 10px;
            padding: 4px;
            min-width: 18px;
            font-size: 300;
            line-height: 1;
        }

.badge.badge-blue, .badge.badge-info {
    background-color: #40bbea;
    color: #fff !important;
}

.user-info-navbar .user-info-menu > li.user-profile .userpic-32, .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile .userpic-32 {
    margin-top: -20px;
    top: 8px;
}

.user-info-navbar .user-info-menu > li.user-profile > a > img, .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > img {
    position: relative;
}

.user-info-navbar .user-info-menu li a img {
    line-height: 1;
}

.user-info-navbar .user-info-menu > li.search-form .btn, .navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn {
    position: relative;
    padding: 0;
    margin: 0;
    height: auto;
    color: #979898;
    z-index: 2;
}

.user-info-navbar .user-info-menu > li > .search-form2 {
    position: relative;
    display: block;
    padding: 0px 0px;
    margin: 15px 0 0 0;
    border-bottom: 0px solid #ffffff;
}

.search-form2 input {
    display:;
    position: absolute;
    top: 0%;
    right: 15px;
    margin-top: 0px;
    line-height: 1;
    height: 32px;
    border: 0px solid #dddddd;
    padding: 0 10px;
    width: 140px;
    padding-right: 30px;
    font-size: 12px;
    z-index: 1;
    background: #f3f3f3;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.search-btn2 {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px;
    z-index: 5;
    margin: 0 5px 0 0;
    line-height: 1;
    color: #ced0d1;
}

    .search-btn2:hover {
        color: #04bcf1;
    }

.search-form2.search-show input {
    display: block;
    position: absolute;
    right: 0;
    filter: alpha(opacity=1);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.search-form button i {
    font-size: 16px;
    color: #ced0d1;
}

.user-info-navbar .user-info-menu > li.user-profile > a > img + span, .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > img + span {
    margin-left: 5px;
}

.user-info-navbar .user-info-menu > li .dropdown-menu.messages, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages {
    width: 320px;
}

.user-info-navbar .user-info-menu > li .dropdown-menu, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    margin-left: -140px;
    z-index: 3;
    -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
    -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
    box-shadow: 0 2px 8px rgba(0,1,1,.05);
}

.user-info-navbar .user-info-menu li {
    line-height: 1;
}

/*
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list.ps-scrollbar,.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list.ps-scrollbar {overflow:hidden;}
*/
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list {
    position: relative;
    max-height: 300px;
    overflow: auto;
}

    .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li {
        position: relative;
    }

        .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a {
            position: relative;
            display: block;
            padding: 15px 20px 15px 30px;
            color: #979898;
        }

            .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line {
                display: block;
                line-height: 1.4;
            }

.user-info-navbar .user-info-menu > li .dropdown-menu > .external, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external {
    position: relative;
    border-top: 1px solid #eee;
}

    .user-info-navbar .user-info-menu > li .dropdown-menu > .external a, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a {
        display: block;
        padding: 10px 20px;
        color: #979898;
        background-color: #f5f5f5;
        text-align: center;
    }

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: #606161;
}

.dropdown-menu > li > a > i {
    display: inline-block;
    margin-right: 5px;
}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu {
    right: -1px;
    left: auto;
    width: 180px;
}

    .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
        padding: 15px 20px;
        padding-bottom: 0;
    }

        .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a {
            display: block;
            color: #979898;
            padding: 0;
            padding-bottom: 15px;
            border-bottom: 1px solid #f0f0f0;
        }

            .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a:hover {
                color: #606161;
            }

            .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a:hover {
                background: none;
            }

.messages-n {
    width: 200px !important;
    margin-left: auto !important;
    right: -1px !important;
    left: auto !important;
    width: 180px !important;
}

/*右侧二级*/
.page-container .main-content .page-title {
    background: rgba(255,255,255,0.9);
    margin: -15px;
    margin-bottom: 20px;
    padding: 10px 0;
    -webkit-box-shadow: 0 1px 0 rgba(0,1,1,.08),inset 0 1px 0 #ededed;
    -moz-box-shadow: 0 1px 0 rgba(0,1,1,.08),inset 0 1px 0 #ededed;
    box-shadow: 0 1px 0 rgba(0,1,1,.08),inset 0 1px 0 #ededed;
}

    .page-container .main-content .page-title .title-env {
        float: left;
        padding-left: 30px;
    }

    .page-container .main-content .page-title .title-env, .page-container .main-content .page-title .breadcrumb-env {
        display: block;
    }

        .page-container .main-content .page-title .title-env .title {
            margin: 0;
            font-size: 24px;
            color: #accbcf;
            line-height: 40px;
        }

            .page-container .main-content .page-title .title-env .title em {
                margin-right: 15px;
            }

    .page-container .main-content .page-title .breadcrumb-env {
        float: left;
        padding: 12px 0 0 15px;
    }

    .page-container .main-content .page-title .title-env, .page-container .main-content .page-title .breadcrumb-env {
        display: block;
    }

        .page-container .main-content .page-title .breadcrumb-env .breadcrumb {
            margin-bottom: 0;
            margin-top: 0px;
        }

            .page-container .main-content .page-title .breadcrumb-env .breadcrumb:after {
                content: " ";
                clear: both;
                display: table;
            }

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:hover {
    color: #333;
}

.breadcrumb {
    padding: 7px 0px;
}

.breadcrumb {
    background: none;
}

    .breadcrumb > li {
        display: inline-block;
        float: left;
    }

    .breadcrumb li:first-child > a {
        border-radius: 17px 0 0 17px;
    }

    .breadcrumb li a {
        color: #333;
        border: 1px solid #ededed;
        padding: 5px 20px;
        margin-left: -1px;
        display: block;
    }

    .breadcrumb > li + li:before {
        content: "";
        padding: 0px;
        border-left: 0px solid #ededed;
        float: left;
    }

    .breadcrumb li:last-child > a {
        border-radius: 0px 17px 17px 0;
    }

    .breadcrumb li a:hover {
        color: #333;
        border: 1px solid #ededed;
        padding: 5px 20px;
        margin-left: -1px;
        background-color: #e8f5f8;
    }

    .breadcrumb li.active > a {
        color: #fff;
        background-color: #04bcf1;
        border: 1px solid #04bcf1;
    }

/*组合搜索*/
.panel-seach {
    margin: -20px -15px 20px -15px;
    padding: 20px 15px 5px;
    background-color: #f4f9fa;
    font-size: 12px;
    border-radius: 3px 3px 0 0;
    behavior: url(ie-css3.htc);
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.w1 {
    width: 83%;
    float: left;
}

.w2 {
    width: 80%;
}

.panel-seach-btn {
    float: right;
    width:;
    padding-left: 25px;
    text-align: right;
}

.panel-seach:after {
    content: " ";
    clear: both;
    display: table;
}

.sp .col-xs-1, .sp .col-sm-1, .sp .col-md-1, .sp .col-lg-1, .sp .col-xs-2, .sp .col-sm-2, .sp .col-md-2, .sp .col-lg-2, .sp .col-xs-3, .sp .col-sm-3, .sp .col-md-3, .sp .col-lg-3, .sp .col-xs-4, .sp .col-sm-4, .sp .col-md-4, .sp .col-lg-4, .sp .col-xs-5, .sp .col-sm-5, .sp .col-md-5, .sp .col-lg-5, .sp .col-xs-6, .sp .col-sm-6, .sp .col-md-6, .sp .col-lg-6, .sp .col-xs-7, .sp .col-sm-7, .sp .col-md-7, .sp .col-lg-7, .sp .col-xs-8, .sp .col-sm-8, .sp .col-md-8, .sp .col-lg-8, .sp .col-xs-9, .sp .col-sm-9, .sp .col-md-9, .sp .col-lg-9, .sp .col-xs-10, .sp .col-sm-10, .sp .col-md-10, .sp .col-lg-10, .sp .col-xs-11, .sp .col-sm-11, .sp .col-md-11, .sp .col-lg-11, .sp .col-xs-12, .sp .col-sm-12, .sp .col-md-12, .sp .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}

label {
    font-weight: normal;
}

/*右侧主体*/
.panel {
    position: relative;
    background: #ffffff;
    padding: 20px 15px;
    border: 0;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    behavior: url(ie-css3.htc);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .panel .panel-heading {
        position: relative;
        padding: 0;
        margin: 0;
        background: none;
        font-size: 14px;
        padding-bottom: 15px;
        border-bottom: 0px solid #f5f5f5;
    }

        .panel .panel-heading > .panel-title {
            float: left;
            font-size: 20px;
            line-height: 32px;
        }

        .panel .panel-heading > .panel-options {
            float: right;
            font-size: 13px;
        }

    .panel .panel-body {
        padding: 0;
        padding-top: 0px;
        color: #666;
    }

/*tbale*/
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

    .table > thead > tr > td, .table > tbody > tr > td, .table > tfood > tr > td, .table > thead > tr > th, .table > tbody > tr > th, .table > tfood > tr > th {
        padding: 12px 5px;
    }

    .table > thead > tr > td, .table > thead > tr > th {
        position: relative;
        border-bottom: 1px solid #eeeeee;
        color: #222;
        background-color: #f5f5f5;
    }

th {
    font-weight: bold;
    text-align: -internal-center;
}

.hehe th {
    border-collapse: collapse;
    background-color: #f5f5f5;
    color: #333;
    cursor: pointer;
    line-height: 1;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #eee;
}

user agent stylesheettd, th {
    display: table-cell;
    vertical-align: inherit;
}

.table tbody.middle-align > tr > th, .table tbody.middle-align > tr > td {
    vertical-align: middle;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 1;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 7px 5px;
}

/*翻页*/
.pagination {
    display: inline-block;
    float: right;
    padding-left: 0;
    margin: 0px 0;
    border-radius: 0px;
}

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .pagination > li:last-child > a, .pagination > li:last-child > span {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        background-color: #868686;
        border-color: #868686;
        cursor: default;
    }

/*左侧菜单部分*/
.sidebar-menu {
    position: relative;
    width: 210px;
    background: #373a3e;
    z-index: 1;
}

    .sidebar-menu.fixed {
        height: 100%;
    }

        .sidebar-menu.fixed .sidebar-menu-inner {
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            overflow:;
            height: 100%;
        }

    .sidebar-menu .logo-env {
        padding: 15px 38px;
        border-bottom: 0px solid #525f6a;
        background-color: #04bcf1;
        height: 64px;
    }

        .sidebar-menu .logo-env .logo {
            float: left;
        }

    .sidebar-menu .logo-expanded img {
        width: 110px;
        height: auto;
    }

    .sidebar-menu .logo-collapsed img {
        width: 30px;
    }

    .sidebar-menu .logo-env .logo .logo-collapsed {
        display: none;
    }

.fold {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 210px;
    height: 50px;
}

    .fold a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #1e2021;
        color: #c0d0de;
        font-size: 20px;
    }

        .fold a:hover {
            background-color: #0D0D0D;
            color: #fff;
        }

.collapsed .fold {
    width: 50px;
}

.sidebar-menu, .sidebar-menu-inner { /*display:table-cell;*/
    position: relative;
    z-index: 10;
    float: left;
    width: 210px;
}

    /*左侧菜单css*/
    .sidebar-menu .main-menu {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        list-style: none;
        width: 100%;
        background: transparent;
        overflow: hidden;
    }

    .sidebar-menu .content_7 {
        height: calc(100% - 115px);
    }

.mCSB_container, .mCustomScrollBox {
    overflow: auto;
}

.sidebar-menu .main-menu li.menu_head {
    height: auto;
    padding: 0px;
    position: relative;
    width: 210px;
}

.sidebar-menu .main-menu li a {
    color: #b6b6b6;
    text-decoration: none;
    display: block;
    padding: 0px 0px;
    border-bottom: 0px solid #525f6a;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

    .sidebar-menu .main-menu li a.inactive {
        background: url(../images/icon-sj-1.png) no-repeat 180px center;
        background-size: 4%;
    }

    .sidebar-menu .main-menu li a.active {
        background: #04bcf1 url(../images/icon-sj-2.png) no-repeat 180px center;
        background-size: 4%;
        color: #ffffff;
    }

.sidebar-menu .main-menu a ss {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.sidebar-menu .main-menu a i {
    display: inline-block;
    background-color:;
    padding: 0px;
    position:;
    top: 0;
    left: 0px;
    width: 50px;
    float: left;
    height: 50px;
    text-align: center;
    overflow: hidden;
    line-height: 50px;
}

.sidebar-menu .main-menu li li a i {
    font-size: 6px;
}

.sidebar-menu .main-menu a span {
    display: inline-block;
    padding: 15px 0;
}

.sidebar-menu .main-menu a:hover {
    color: #ffffff;
    background-color: hsla(0,0%,78%,.2);
}

.sidebar-menu .main-menu li ul li a.active {
    background-color: hsla(0,0%,78%,.2);
    background-image: none;
}

.sidebar-menu .zd2 {
    width: 210px;
}

/*折叠起来*/
.sidebar-menu.collapsed, .sidebar-menu.collapsed .sidebar-menu-inner {
    width: 50px;
}

    .sidebar-menu.collapsed .logo-env {
        padding: 0px 0;
    }

        .sidebar-menu.collapsed .logo-env .logo-expanded, .sidebar-menu.collapsed .logo-env .settings-icon {
            display: none;
        }

        .sidebar-menu.collapsed .logo-env .logo-collapsed {
            display: block;
            height: 60px;
        }

            .sidebar-menu.collapsed .logo-env .logo-collapsed img {
                display: inline-block;
            }

        .sidebar-menu.collapsed .logo-env .logo {
            float: none;
            padding: 15px 0px 0 7px;
        }

    .sidebar-menu.collapsed .main-menu .menu_head > a, .sidebar-menu.collapsed .main-menu .menu_head ul li > a {
        width: 100%;
        background-color:;
    }

        .sidebar-menu.collapsed .main-menu .menu_head > a > span, .sidebar-menu.collapsed .main-menu .menu_head ul li > a > span {
            opacity: 0;
        }

    .sidebar-menu.collapsed .zd2 {
        width: 50px;
    }
/*鼠标移上
.sidebar-menu.collapsed .zd2:hover{position:fixed;width:210px;background: #373a3e;}
.sidebar-menu.collapsed .zd2:hover .logo-env .logo {float:none;padding:15px 0px 0 8px;}
.sidebar-menu.collapsed .zd2:hover .logo-env .logo-expanded,.sidebar-menu.collapsed:hover .logo-env .settings-icon {display:block;}
.sidebar-menu.collapsed .zd2:hover .logo-env .logo-collapsed {display:none;}
.sidebar-menu.collapsed .zd2:hover .menu_head a span,.sidebar-menu.collapsed .zd2:hover .menu_head ul li > a > span {opacity:1;}
.sidebar-menu.collapsed .zd2:hover .fold {width:50px;}
*/
.sidebar-menu, .sidebar-menu-inner, .sidebar-menu .main-menu li a, .sidebar-menu .fold, .sidebar-menu .zd2 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}




/**/
footer.main-footer {
    padding: 0px 30px;
    border-top: 0px solid #dddddd;
    font-size: 12px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
    /*background-color:;*/
}

    footer.main-footer:before, footer.main-footer:after {
        content: " ";
        display: table;
    }

    footer.main-footer:after {
        clear: both;
    }

    footer.main-footer .footer-text {
        float: left;
    }

    footer.main-footer .go-up {
        float: right;
        margin-top: -15px;
    }

        footer.main-footer .go-up a {
            display: inline-block;
            background-color: rgba(200,200,200,0.5);
            padding: 10px 15px;
            font-size: 18px;
        }

            footer.main-footer .go-up a:hover {
                background-color: rgba(200,200,200,0.1);
            }


/*弹出窗口*/
.modal .modal-dialog .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #f5f5f5;
    padding: 0px;
    border-radius: 3px;
    behavior: url(ie-css3.htc);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .modal .modal-dialog .modal-content .modal-header {
        margin: 0;
        border-bottom-width: 1px;
        padding: 20px;
        text-align: center;
    }

        .modal .modal-dialog .modal-content .modal-header .close {
            outline: none;
            margin: -10px -10px 0 0;
        }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal .modal-dialog .modal-content .modal-header .close img {
    width: 16px;
    opacity: 0.5;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 0;
    padding: 15px;
    text-align: center;
    background-color: #f7f7f7;
}

    .modal .modal-dialog .modal-content .modal-footer .button {
        padding: 8px 30px;
    }

/*form*/
textarea.form-control {
    height: auto;
    padding: 8px 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 13px;
    padding: 2px 10px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e4e4e4;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .form-control:focus {
        border-color: rgba(4,188,241,0.5);
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.005),0 0 8px rgba(104,184,40,0.06);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.005),0 0 8px rgba(104,184,40,0.06);
    }

    .form-control:focus, .form-control:active {
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.input-group-addon {
    padding: 6px 8px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 0px;
}

.form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.form-leftlabel label.control-label {
    max-width: 140px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 25px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-top: 2px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    min-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label, .checkbox label {
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.text-red {
    color: #DF1E21;
}

.control-label .text-red {
    padding: 0px 5px 0 0;
}

.input-group.input-group-minimal .input-group-addon {
    background: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,-moz-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group.input-group-minimal .input-group-addon + .form-control.no-right-border {
    padding-right: 0;
}

.input-group.input-group-minimal > .form-control:first-child {
    border-right: 0;
    padding-right: 0;
}

.input-group.input-group-minimal.focused .input-group-addon {
    border-color: rgba(4,188,241,0.5);
}

.more-menu {
}

    .more-menu .more-menu-a {
        border-radius: 0px 17px 17px 0;
    }

    .more-menu .more-menu-dropdown {
        display: none;
        position: absolute;
        top: calc(100% - 8px);
        right: 0px;
        width: 20%;
        z-index: 50;
    }

        .more-menu .more-menu-dropdown a {
            display: block;
            border-radius: 0px !important;
            background: #fff;
        }

        .more-menu .more-menu-dropdown li {
            margin-top: -1px;
            display: block;
        }

    .more-menu:hover .more-menu-dropdown {
        display: block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

hr.hr2 {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

/*vip卡*/
.panel-vip {
}

/*.con-vip {
    padding: 0 0 15px 0;
    text-align: center;
}

.con-vip li {
    display: inline-block;
    width: 380px;
    height: 240px;
    position: relative;
    background: url(../../images/bg3.jpg);
    background-size: cover;
    margin: 10px;
    text-align: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.con-vip li p {
    padding: 15px;
    display: block;
    width: 100%;
    height: 100%;
}

.con-vip li span {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.con-vip li span strong {
    font-size: 18px;
    font-weight: 500;
}

.con-vip li span:first-child strong {
    font-size: 24px;
    font-weight: 800;
}

.con-vip li span:first-child {
    padding-top: 30px;
}

.con-vip li i {
    display: block;
    position: absolute;
    bottom: 10px;
    width: 90%;
}

.con-vip li i em:last-child {
    text-align: right;
    float: right;
}

.con-vip li ss {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.con-vip li ss.active {
    background: url(../../images/hover.png) top right no-repeat;
    border: 2px solid #04bcf1;
}*/

/*登录*/
.logincon {
/*    width: 1100px;
    height: 460px;*/
    background: #fff;
    position: absolute;
    top: 20%;
    /*left: 50%;*/
    margin:0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.loginconDiv {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

.logincon .pull-leftL {
    background-color: #eee;
    width: 805px;
    /*height: 100%;*/
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    float: left;
    height: 613px;
}
.logincon .pull-leftL img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.logincon .pull-rightL {
    background-color: #fff;
    width: 726px;
    /*height: 100%;*/
    padding: 15px 55px 0 55px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    float: left;
    height: 613px;
}

.logincon .pull-right .form-group {
    margin-bottom: 20px;
}

.loginlogo {
    text-align: center;
    margin: 0 0 25px 0;
}

.loginfoot {
    clear: both;
    margin: 50px;
    auto;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}
    .loginfoot a:link {
        color: white;
    }
    .loginfoot a:visited {
        color: white;
    }
    .loginfoot a:hover {
        color: white;
    }
    .loginfoot a:active {
        color: white;
    }
    /*品牌*/
    .pinpai-logo {
        position: relative;
        display: inline-block;
    }

    .pinpai-logo img {
        width: auto;
        height: 60px;
    }

    .pinpai-logo i {
        position: absolute;
        width: 20px;
        height: 20px;
        font-size: 20px;
        top: -10px;
        right: -10px;
        color: #999;
        background-color: #fff;
        cursor: pointer
    }

.pinpai-pic {
    display: inline-block;
}

    .pinpai-pic span {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

        .pinpai-pic span img {
            width: auto;
            height: 90px;
        }

        .pinpai-pic span i {
            position: absolute;
            width: 20px;
            height: 20px;
            font-size: 20px;
            top: -10px;
            right: -10px;
            color: #999;
            background-color: #fff;
            cursor: pointer
        }

    .pinpai-pic a {
        float: left;
        display: inline-block;
        width: 90px;
        height: 90px;
        border: 1px solid #eee;
        position: relative;
    }

        .pinpai-pic a img {
            width: 60px;
            height: 60px;
            opacity: 0.15;
            font-size: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .pinpai-pic a:hover {
            border: 1px solid #ddd;
        }

            .pinpai-pic a:hover img {
                opacity: 0.35;
            }

.pinpai-pic2 {
    display: inline-block;
}

    .pinpai-pic2 span {
        position: relative;
        display: block;
        float: none;
        margin-bottom: 10px;
        zoom: 1;
        overflow: hidden;
    }

        .pinpai-pic2 span img {
            width: auto;
            height: 90px;
            margin-right: 25px;
            float: left;
        }

        .pinpai-pic2 span i {
            font-style: normal;
            float: left;
            margin-top: 35px;
        }

        .pinpai-pic2 span a {
            margin: 0 15px;
        }

/*会籍合同*/
.panel-huiji {
}

.con-huiji {
    padding: 0 0 15px 0;
    text-align: left;
}

    .con-huiji li {
        display: inline-block;
        width: 260px;
        height: 260px;
        position: relative;
        background: #fff;
        margin: 10px;
        text-align: center;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .con-huiji li p {
            padding: 25px;
            display: block;
            width: 100%;
            height: 100%;
        }

        .con-huiji li em {
            background: #1A4369;
            display: inline-block;
            width: 90px;
            height: 90px;
            text-align: center;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

            .con-huiji li em i {
                color: #fff;
                font-size: 50px;
                margin-top: 20px;
                text-align: center;
            }

        .con-huiji li strong {
            font-size: 18px;
            font-weight: 500;
            padding: 20px 0;
            display: block;
        }

        .con-huiji li span {
            display: block;
            color: #fff;
            font-size: 14px;
            line-height: 30px;
        }

            .con-huiji li span a {
                padding: 8px 35px;
            }




.mxlist {
    border: 1px solid #eee;
}

.mxlisth {
    background: #04bcf1;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 6px;
}

.mxlist > thead > tr > td, .mxlist > thead > tr > th {
    background: #ecf6f8;
}

.mxlist > tbody > tr > td, .mxlist > tbody > tr > th, .mxlist > tfoot > tr > td, .mxlist > tfoot > tr > th, .mxlist > thead > tr > td, .mxlist > thead > tr > th {
    vertical-align: bottom;
    border-right: 1px dashed #ddd;
    text-align: center;
}