/*登录开始*/
html,body{font-family: "微软雅黑",Arial, Helvetica, sans-serif}
*{margin: 0;padding: 0}
.layui-layout-body {
    overflow: auto
}

#LAY-user-login, .layadmin-user-display-show {
    display: block !important
}

.layadmin-user-login {
    position: relative;
    left: 0;
    top: 0;
    padding: 110px 0;
    min-height: 100%;
    box-sizing: border-box;
    background-image: url("/image/login.png");
}

.layadmin-user-login-main {
    width: 375px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #f2f2f2;
}

.layadmin-user-login-box {
    padding: 20px
}

.layadmin-user-login-header {
    text-align: center
}

.layadmin-user-login-header h2 {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 30px;
    color: #000
}

.layadmin-user-login-header p {
    font-weight: 300;
    color: #999
}

.layadmin-user-login-body .layui-form-item {
    position: relative
}

.layadmin-user-login-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2
}

.layadmin-user-login-body .layui-form-item .layui-input {
    padding-left: 38px
}

.layadmin-user-login-codeimg {
    max-height: 38px;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box
}

.layadmin-user-login-other {
    position: relative;
    font-size: 0;
    line-height: 38px;
    padding-top: 20px
}

.layadmin-user-login-other > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 14px
}

.layadmin-user-login-other .layui-icon {
    position: relative;
    top: 2px;
    font-size: 26px
}

.layadmin-user-login-other a:hover {
    opacity: .8
}

.layadmin-user-jump-change {
    float: right
}

.layadmin-user-login-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 30px;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .5)
}

.layadmin-user-login-footer span {
    padding: 0 5px
}

.layadmin-user-login-footer a {
    padding: 0 5px;
    color: rgba(0, 0, 0, .5)
}

.layadmin-user-login-footer a:hover {
    color: rgba(0, 0, 0, 1)
}

.layadmin-user-login-main[bgimg] {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.ladmin-user-login-theme {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.ladmin-user-login-theme ul {
    display: inline-block;
    padding: 5px;
    background-color: #fff
}

.ladmin-user-login-theme ul li {
    display: inline-block;
    vertical-align: top;
    width: 64px;
    height: 43px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #f2f2f2
}

.ladmin-user-login-theme ul li:hover {
    opacity: .9
}

@media screen and (max-width: 768px) {
    .layadmin-user-login {
        padding-top: 60px
    }

    .layadmin-user-login-main {
        width: 300px
    }

    .layadmin-user-login-box {
        padding: 10px
    }
}

/*登录结束*/

/*全局开始*/
html #layuicss-layuiAdmin {
    display: none;
    position: absolute;
    width: 1989px
}

::-webkit-input-placeholder {
    color: #ccc
}

html {
    background-color: #f2f2f2;
    color: #666
}

.layadmin-tabsbody-item, [template] {
    display: none
}

[lay-href], [lay-tips], [layadmin-event] {
    cursor: pointer
}

.layui-layout-admin .layui-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:65px
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
    color: #333
}

.layui-layout-admin .layui-side {
    width: 220px;
    top: 0;
    z-index: 1001
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-logo {
    height: 50px;
    line-height: 50px
}

.layui-layout-admin .layui-logo {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 220px;
    height: 49px;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center center
}

.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
    left: 220px
}

.layadmin-pagetabs {
    position: fixed;
    top:65px;
    right: 0;
    z-index: 999
}

.layadmin-pagetabs .layui-breadcrumb {
    padding: 0 15px
}

.layui-layout-admin .layui-body {
    position: fixed;
    top:105px;
    bottom: 0
}

.layui-layout-admin .layui-body .layadmin-tabsbody-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.layui-layout-admin .layui-header .layui-nav-img {
    width: 26px;
    height: 26px
}

.layui-layout-admin .layui-header .layui-nav-child {
    top: 55px
}

.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child {
    left: auto;
    right: 0
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a {
    background: 0 0
}

.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-header .layui-layout-right, .layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-logo, .layui-layout-admin .layui-side {
    transition: all .3s;
    -webkit-transition: all .3s
}

.layui-icon-login-qq {
    color: #3492ED
}

.layui-icon-login-wechat {
    color: #4DAF29
}

.layui-icon-login-weibo {
    color: #CF1900
}

.layui-form[wid100] .layui-form-label {
    width: 100px
}

.layui-form[wid100] .layui-input-block {
    margin-left: 130px
}

@media screen and (max-width: 450px) {
    .layui-form[wid100] .layui-form-item .layui-input-inline {
        margin-left: 132px
    }

    .layui-form[wid100] .layui-form-item .layui-input-inline + .layui-form-mid {
        margin-left: 130px
    }
}

.layui-form-item .layui-input-company {
    width: auto;
    padding-right: 10px;
    line-height: 38px
}

.layui-bg-white {
    background-color: #fff
}

.layadmin-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px -15px;
    font-size: 30px;
    color: #c2c2c2
}

.layadmin-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999
}

.layadmin-link {
    color: #029789 !important
}

.layadmin-link:hover {
    opacity: .8
}

.layui-layer-admin .layui-layer-title {
    height: 50px;
    line-height: 50px;
    border: 0;
    background-color: #20222A;
    color: #fff
}

.layui-layer-admin i[close] {
    position: absolute;
    padding: 5px;
    right: 10px;
    top: 12px;
    color: #fff;
    cursor: pointer
}

.layui-layer-admin .layui-layer-content {
    padding: 20px;
    line-height: 22px
}

.layui-layer-admin .layui-layer-content cite {
    font-style: normal;
    color: #FF5722
}

.layui-layer-adminRight {
    top: 50px !important;
    bottom: 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    border-radius: 0;
    overflow: auto
}

.layadmin-note .layui-layer-content {
    padding: 0
}

.layadmin-note textarea {
    display: block;
    width: 300px;
    height: 132px;
    min-width: 300px;
    min-height: 132px;
    line-height: 20px;
    padding: 10px 20px;
    border: none;
    box-sizing: border-box;
    color: #666;
    word-wrap: break-word
}

.layui-layout-admin .layui-layout-left {
    padding: 0 10px
}

.layui-layout-admin .layui-layout-left .layui-nav-item {
    margin: 0 20px
}

.layui-layout-admin .layui-input-search {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    border: none;
    cursor: text
}

.layui-layout-admin .layui-layout-left a, .layui-layout-admin .layui-layout-right {
    padding: 0
}

.layui-header .layui-nav-item .layui-icon {
    position: relative;
    top: 1px;
    font-size: 16px
}

.layui-header .layui-layout-right .layui-badge-dot {
    margin-left: 11px
}

.layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar {
    top: 0 !important;
    bottom: auto;
    height: 3px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .3)
}

.layadmin-body-shade {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1000
}

.layui-side-menu .layui-side-scroll {
    width: 240px
}

.layui-side-menu .layui-nav {
    width: 220px;
    margin-top: 50px;
    background: 0 0
}

.layui-side-menu .layui-nav .layui-nav-item a {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 30px
}

.layui-side-menu .layui-nav .layui-nav-item > a {
    padding-top: 8px;
    padding-bottom: 8px
}

.layui-side-menu .layui-nav .layui-nav-item a:hover {
    background: 0 0
}

.layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child {
    padding: 5px 0
}

.layui-side-menu .layui-nav .layui-nav-item .layui-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -19px
}

.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child {
    background: 0 0 !important
}

.layui-side-menu .layui-nav .layui-nav-child a {
    padding-left: 50px
}

.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a {
    padding-left:70px;
    position: relative;
}
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child dl dd a{padding-left:80px;}
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a .layui-icon{left:50px}

.layui-side-menu .layui-nav .layui-nav-more {
    right: 15px
}

@media screen and (max-width: 992px) {
    .layui-layout-admin .layui-side {
        transform: translate3d(-220px, 0, 0);
        -webkit-transform: translate3d(-220px, 0, 0);
        width: 220px
    }

    .layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
        left: 0
    }
}

.layadmin-side-shrink .layui-layout-admin .layui-logo {
    width: 60px;
}

.layadmin-side-shrink .layui-layout-admin .layui-logo span {
    display: none
}

.layadmin-side-shrink .layui-side {
    left: 0;
    width: 60px
}

.layadmin-side-shrink .layadmin-pagetabs, .layadmin-side-shrink .layui-layout-admin .layui-body, .layadmin-side-shrink .layui-layout-admin .layui-footer, .layadmin-side-shrink .layui-layout-admin .layui-layout-left {
    left: 60px
}

.layadmin-side-shrink .layui-side-menu .layui-nav {
    position: static;
    width: 60px
}

.layadmin-side-shrink .layui-side-menu .layui-nav-item {
    position: static
}

.layadmin-side-shrink .layui-side-menu .layui-nav-item > a {
    padding-right: 0
}

.layadmin-side-shrink .layui-side-menu .layui-nav-item cite, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > a .layui-nav-more {
    display: none;
    padding: 8px 0;
    width: 200px
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-itemed > a {
    background: rgba(0, 0, 0, .3)
}

.layadmin-side-spread-sm .layadmin-pagetabs, .layadmin-side-spread-sm .layui-layout-admin .layui-body, .layadmin-side-spread-sm .layui-layout-admin .layui-footer, .layadmin-side-spread-sm .layui-layout-admin .layui-layout-left {
    left: 0;
    transform: translate3d(220px, 0, 0);
    -webkit-transform: translate3d(220px, 0, 0)
}

.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right {
    transform: translate3d(220px, 0, 0);
    -webkit-transform: translate3d(220px, 0, 0)
}

.layadmin-side-spread-sm .layui-side {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.layadmin-side-spread-sm .layadmin-body-shade {
    display: block
}

.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close, .layadmin-tabs-select.layui-nav .layui-nav-bar, .layadmin-tabs-select.layui-nav .layui-nav-more {
    display: none
}

.layadmin-pagetabs {
    height: 40px;
    line-height: 40px;
    padding: 0 80px 0 40px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.layadmin-pagetabs .layadmin-tabs-control {
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    border-left: 1px solid #f6f6f6
}

.layadmin-pagetabs .layadmin-tabs-control:hover {
    background-color: #f6f6f6
}

.layadmin-pagetabs .layui-icon-prev {
    left: 0;
    border-left: none;
    border-right: 1px solid #f6f6f6
}

.layadmin-pagetabs .layui-icon-next {
    right: 40px
}

.layadmin-pagetabs .layui-icon-down {
    right: 0
}

.layadmin-tabs-select.layui-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: 0 0
}

.layadmin-tabs-select.layui-nav .layui-nav-item {
    line-height: 40px
}

.layadmin-tabs-select.layui-nav .layui-nav-item > a {
    height: 40px
}

.layadmin-tabs-select.layui-nav .layui-nav-item a {
    color: #666
}

.layadmin-tabs-select.layui-nav .layui-nav-child {
    top: 40px;
    left: auto;
    right: 0
}

.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this, .layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a {
    background-color: #f2f2f2 !important;
    color: #333
}

.layadmin-pagetabs .layui-tab {
    margin: 0;
    overflow: hidden
}

.layadmin-pagetabs .layui-tab-title {
    height: 40px;
    border: none
}

.layadmin-pagetabs .layui-tab-title li {
    min-width: 0;
    line-height: 40px;
    max-width: 160px;
    text-overflow: ellipsis;
    padding-right: 40px;
    overflow: hidden;
    border-right: 1px solid #f6f6f6;
    vertical-align: top
}

.layadmin-pagetabs .layui-tab-title li:first-child {
    padding-right: 15px
}

.layadmin-pagetabs .layui-tab-title li .layui-tab-close {
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -7px 0 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    font-size: 12px
}

.layadmin-pagetabs .layui-tab-title li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    border-radius: 0;
    background-color: #292B34;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layadmin-pagetabs .layui-tab-title li:hover:after {
    width: 100%
}

.layadmin-pagetabs .layui-tab-title li.layui-this, .layadmin-pagetabs .layui-tab-title li:hover {
    background-color: #f6f6f6
}

.layadmin-pagetabs .layui-tab-title li.layui-this:after {
    width: 100%;
    border: none;
    height: 2px;
    background-color: #292B34
}

.layadmin-tabspage-none .layui-layout-admin .layui-header {
    border-bottom: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.layadmin-tabspage-none .layui-layout-admin .layui-body {
    top: 50px
}

.layadmin-tabspage-none .layadmin-header {
    display: block
}

.layadmin-tabspage-none .layadmin-header .layui-breadcrumb {
    border-top: 1px solid #f6f6f6
}

.layui-layout-admin .layui-header {
    border-bottom: 1px solid #f6f6f6;
    box-sizing: border-box;
    background-color: #fff
}

.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite {
    color: #333
}

.layui-layout-admin .layui-header a:hover {
    color: #000
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-top-color: #666
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent transparent #666
}

.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar {
    height: 2px;
    background-color: #20222A
}

.layui-layout-admin .layui-logo {
    background-color: #20222A;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
}

.layui-layout-admin .layui-logo, .layui-layout-admin .layui-logo a {
    color: #fff;
    color: rgba(255, 255, 255, .8)
}

.layui-side-menu {
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05)
}

.layui-layout-admin .layui-footer {
    padding: 10px 0;
    text-align: center;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05)
}

.layadmin-setTheme-side, .layui-side-menu {
    /*background-color: #20222A;*/
    background:#1a468f;
    color: #fff
}

.layadmin-setTheme-header, .layui-layout-admin .layui-footer {
    background-color: #fff
}

.layui-tab-admin .layui-tab-title {
    background-color: #393D49;
    color: #fff
}

.layui-fluid {
    padding: 15px
}

.layadmin-header {
    display: none;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    border-radius: 0
}

.layadmin-header .layui-breadcrumb {
    padding: 0 15px
}

.layui-card-header {
    position: relative;
    padding: 15px 15px 0 15px;
}

/*此处放开会影响radio,表格左右分页左右图标*/
/*.layui-card-header .layui-icon {*/
/*    line-height: initial;*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    top: 50%;*/
/*    margin-top: -7px*/
/*}*/

.layadmin-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.layadmin-carousel {
    height: 185px !important;
    background-color: #fff
}

.layadmin-carousel .layui-carousel-ind li {
    background-color: #e2e2e2
}

.layadmin-carousel .layui-carousel-ind li:hover {
    background-color: #c2c2c2
}

.layadmin-carousel .layui-carousel-ind li.layui-this {
    background-color: #999
}

.layadmin-carousel .layui-carousel, .layadmin-carousel > [carousel-item] > * {
    background-color: #fff
}

.layadmin-carousel .layui-col-space10 {
    margin: 0
}

.layadmin-carousel .layui-carousel-ind {
    position: absolute;
    top: -41px;
    text-align: right
}

.layadmin-carousel .layui-carousel-ind ul {
    background: 0 0
}

.layui-card .layui-tab-brief .layui-tab-title {
    height: 42px;
    border-bottom-color: #f6f6f6
}

.layui-card .layui-tab-brief .layui-tab-title li {
    margin: 0 15px;
    padding: 0;
    line-height: 42px
}

.layui-card .layui-tab-brief .layui-tab-title li.layui-this {
    color: #333
}

.layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
    height: 43px
}

.layui-card .layui-tab-brief .layui-tab-content {
    padding: 15px
}

.layui-card .layui-table-view {
    margin: 0
}

.layadmin-shortcut li {
    text-align: center
}

.layadmin-shortcut li .layui-icon {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 2px;
    font-size: 30px;
    background-color: #F8F8F8;
    color: #333;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layadmin-shortcut li cite {
    position: relative;
    top: 2px;
    display: block;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px
}

.layadmin-shortcut li:hover .layui-icon {
    background-color: #f2f2f2
}

.layadmin-backlog .layadmin-backlog-body {
    display: block;
    padding: 10px 15px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layadmin-backlog-body h3 {
    padding-bottom: 10px;
    font-size: 12px
}

.layadmin-backlog-body p cite {
    font-style: normal;
    font-size: 30px;
    font-weight: 300;
    color: #009688
}

.layadmin-backlog-body:hover {
    background-color: #f2f2f2;
    color: #888
}

.layadmin-dataview {
    height: 332px !important
}

.layadmin-dataview > [carousel-item]:before {
    display: none
}

.layadmin-dataview > [carousel-item] > div {
    height: 332px
}

.layadmin-takerates {
    padding-top: 5px
}

.layadmin-takerates .layui-progress {
    margin: 50px 0 60px
}

.layadmin-takerates .layui-progress:last-child {
    margin-bottom: 10px
}

.layadmin-takerates .layui-progress h3 {
    position: absolute;
    right: 0;
    top: -35px;
    color: #999;
    font-size: 14px
}

.layadmin-takerates .layui-progress-bar {
    text-align: left
}

.layadmin-takerates .layui-progress-text {
    top: -35px;
    line-height: 26px;
    font-size: 26px
}

.layadmin-news {
    height: 60px !important;
    padding: 5px 0
}

.layadmin-news a {
    display: block;
    line-height: 60px;
    text-align: center
}

.layadmin-news .layui-carousel-ind {
    height: 45px
}

.layadmin-list li {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom-color: #f6f6f6;
    list-style-position: inside;
    list-style-type: disc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.layadmin-list li a {
    color: #666
}

.layadmin-list li a:hover {
    color: #009688
}

.layadmin-list li:last-child {
    border: none;
    padding: 0;
    margin: 0
}

.layadmin-text p {
    margin-bottom: 10px;
    text-indent: 2em
}

.layadmin-text p:last-child {
    margin: 0
}

.layadmin-font-em {
    font-size: 13px;
    color: #758697
}

.layui-card-header .layui-a-tips {
    position: absolute;
    right: 15px;
    color: #01AAED
}

.layuiadmin-card-text {
    background-color: #f8f8f8;
    color: #777;
    padding: 24px
}

.layuiadmin-card-text .layui-text-top {
    padding-bottom: 10px
}

.layuiadmin-card-text .layui-text-top i {
    margin-right: 10px;
    font-size: 24px;
    color: #009688
}

.layuiadmin-card-text .layui-text-top a {
    line-height: 24px;
    font-size: 16px;
    vertical-align: top
}

.layuiadmin-card-text .layui-text-center {
    height: 44px;
    line-height: 22px;
    margin-bottom: 10px;
    overflow: hidden
}

.layuiadmin-card-text .layui-text-bottom {
    position: relative
}

.layuiadmin-card-text .layui-text-bottom a {
    color: #777;
    font-size: 12px;
    text-overflow: ellipsis;
    word-break: break-all
}

.layuiadmin-card-text .layui-text-bottom span {
    color: #CCC;
    font-size: 12px;
    position: absolute;
    right: 0
}

.layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
    position: absolute;
    right: 15px
}

.layuiadmin-card-link a:hover, .layuiadmin-card-team li a:hover, .layuiadmin-card-text a:hover {
    color: #01AAED;
    transition: all .3s
}

.layuiadmin-card-status {
    padding: 0 10px 10px
}

.layuiadmin-card-status dd {
    padding: 15px 0;
    border-bottom: 1px solid #EEE;
    display: -webkit-flex;
    display: flex
}

.layuiadmin-card-status dd:last-child {
    border: none
}

.layuiadmin-card-status dd div.layui-status-img, .layuiadmin-card-team .layui-team-img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #009688;
    margin-right: 15px
}

.layuiadmin-card-status dd div.layui-status-img a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    line-height: 32px
}

.layuiadmin-card-status dd div.layui-status-img img, .layuiadmin-card-team .layui-team-img img {
    width: 50%;
    height: 50%
}

.layuiadmin-card-status dd div a {
    color: #01AAED
}

.layuiadmin-card-status dd div span {
    color: #BBB
}

.layuiadmin-card-link {
    padding-left: 10px;
    font-size: 0
}

.layuiadmin-card-link a {
    display: inline-block;
    width: 25%;
    color: #666;
    font-size: 14px;
    margin-bottom: 12px
}

.layuiadmin-card-link button {
    vertical-align: top
}

.layuiadmin-card-link button:hover {
    color: #009688
}

.layuiadmin-card-team li {
    padding: 10px 0 10px 10px
}

.layuiadmin-card-team .layui-team-img {
    display: inline-block;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px
}

.layuiadmin-card-team span {
    color: #777
}

.layuiadmin-badge {
    top: 50%;
    margin-top: -9px;
    color: #01AAED
}

.layuiadmin-card-list {
    padding: 15px
}

.layuiadmin-card-list p.layuiadmin-big-font {
    font-size: 36px;
    color: #666;
    line-height: 36px;
    padding: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap
}

.layuiadmin-card-list p.layuiadmin-normal-font {
    padding-bottom: 10px;
    font-size: 20px;
    color: #666;
    line-height: 24px
}

.layuiadmin-span-color {
    font-size: 14px
}

.layuiadmin-span-color i {
    padding-left: 5px
}

.layuiadmin-card-status li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #EEE
}

.layuiadmin-card-status li h3 {
    padding-bottom: 5px;
    font-weight: 700
}

.layuiadmin-card-status li p {
    padding-bottom: 10px
}

.layuiadmin-card-status li > span {
    color: #999
}

.layuiadmin-home2-usernote .layuiadmin-reply {
    display: none;
    position: absolute;
    right: 0;
    bottom: 12px
}

.layuiadmin-home2-usernote li:hover .layuiadmin-reply {
    display: block
}

.layuiadmin-page-table td span {
    color: #2F4056
}

.layuiadmin-page-table td span.first {
    color: #FF5722
}

.layuiadmin-page-table td span.second {
    color: #FFB800
}

.layuiadmin-page-table td span.third {
    color: #5FB878
}

.layuiAdmin-msg-detail h1 {
    font-size: 16px
}

.layuiAdmin-msg-detail .layui-card-header {
    height: auto;
    line-height: 30px;
    padding: 15px
}

.layuiAdmin-msg-detail .layui-card-header span {
    padding: 0 5px;
    color: #999
}

.layuiAdmin-msg-detail .layui-card-header span:first-child {
    padding-left: 0
}

.layuiAdmin-msg-detail .layui-card-body {
    padding: 15px
}

.layuiadmin-content-bread {
    padding-bottom: 20px
}

.layuiadmin-order-progress {
    position: relative;
    top: 12px
}

.layui-card-header.layuiadmin-card-header-auto {
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto
}

.layuiadmin-card-header-auto i.layuiadmin-button-btn {
    position: relative;
    right: 0;
    top: 0;
    vertical-align: middle
}

.layuiadmin-card-header-auto .layui-form-item:last-child {
    margin-bottom: 0
}

.layadmin-setTheme {
    padding: 15px;
    overflow-x: hidden
}

.layadmin-setTheme > h5 {
    padding: 20px 0 10px;
    color: #000
}

.layadmin-setTheme > h5:first-child {
    padding-top: 0
}

.layadmin-setTheme-color {
    width: 330px;
    font-size: 0
}

.layadmin-setTheme-color li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 50px;
    margin: 0 15px 15px 0;
    background-color: #f2f2f2;
    cursor: pointer;
    font-size: 12px;
    color: #666
}

.layadmin-setTheme-color li:after {
    content: '';
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 0;
    border: 1px solid #f2f2f2;
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0
}

.layadmin-setTheme-color li.layui-this:after, .layadmin-setTheme-color li:hover:after {
    width: 100%;
    height: 100%;
    padding: 4px;
    top: -5px;
    left: -5px;
    border-color: #5FB878;
    opacity: 1
}

.layadmin-setTheme-header {
    position: relative;
    z-index: 10;
    height: 10px;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2
}

.layadmin-setTheme-side {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    z-index: 11;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05)
}

.layadmin-setTheme-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
}

.layadmin-form-right {
    text-align: right
}

.layadmin-about p {
    margin-bottom: 10px
}

.layadmin-menu-list .layui-card-header {
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.layadmin-menu-list .layui-card-header:active {
    background-color: #f2f2f2
}

.layadmin-menu-list .layui-card-header .layui-icon {
    position: relative;
    top: 1px;
    left: 0;
    display: inline-block;
    margin: 0 10px;
    font-size: 18px
}

@-webkit-keyframes layui-rl {
    from {
        -webkit-transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes layui-rl {
    from {
        transform: translate3d(100%, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.layui-anim-rl {
    -webkit-animation-name: layui-rl;
    animation-name: layui-rl
}

@-webkit-keyframes layui-lr {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 1
    }
}

@keyframes layui-lr {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(100%, 0, 0)
    }
}

.layui-anim-lr, .layui-anim-rl.layer-anim-close {
    -webkit-animation-name: layui-lr;
    animation-name: layui-lr
}

.layadmin-tips {
    margin-top: 30px;
    text-align: center
}

.layadmin-tips .layui-icon[face] {
    display: inline-block;
    font-size: 300px;
    color: #393D49
}

.layadmin-tips .layui-text {
    width: 500px;
    margin: 30px auto;
    padding-top: 20px;
    border-top: 5px solid #009688;
    font-size: 16px
}

.layadmin-tips h1 {
    font-size: 100px;
    line-height: 100px;
    color: #009688
}

.layadmin-tips .layui-text .layui-anim {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .layadmin-panel-selection {
        margin: 0;
        width: auto
    }

    .layui-body .layui-nav .layui-nav-item {
        display: block
    }

    .layui-layout-admin .layui-body .layadmin-tabsbody-item {
        -webkit-overflow-scrolling: touch;
        overflow: auto
    }
}

/*全局结束*/

/*template开始*/
.layadmin-panel-selection {
    width: 768px;
    margin: 30px auto
}

.layadmin-panel-selection .layui-panel-window {
    padding: 30px 50px;
    border-top-color: #ddd;
    text-align: center
}

.layadmin-panel-selection .layui-panel-window h2 {
    padding-bottom: 15px;
    font-size: 18px
}

.layadmin-panel-selection .layui-panel-window ul {
    margin-top: 15px;
    text-align: left
}

.layadmin-homepage-panel .text-center, .layadmin-maillist-fluid .layadmin-text-center {
    text-align: center
}

.layadmin-panel-selection .layui-btn-container {
    margin-top: 30px
}

.layadmin-panel-selection .layui-btn-container .layui-btn {
    width: 100%
}

.layadmin-maillist-fluid .layadmin-contact-box {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e7eaec;
    overflow: hidden
}

.layadmin-maillist-fluid .layadmin-text-center img {
    max-width: 80%;
    border-radius: 50%;
    margin-top: 5px
}

.layadmin-maillist-fluid .layadmin-font-blod {
    font-weight: 600
}

.layadmin-maillist-fluid .layadmin-maillist-img {
    margin-top: 5px
}

.layadmin-maillist-fluid .layadmin-title {
    margin: 5px 0 10px
}

.layadmin-maillist-fluid .layadmin-textimg {
    line-height: 25px;
    margin-bottom: 10px
}

.layadmin-maillist-fluid .layadmin-address {
    line-height: 1.5;
    margin-bottom: 20px
}

.layadmin-maillist-fluid .layadmin-padding-left20 {
    padding-left: 20px
}

.layadmin-homepage-shadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #e7ecf3
}

.layadmin-homepage-panel {
    margin-bottom: 15px
}

.layadmin-homepage-information {
    padding: 15px;
    border-bottom: 1px solid #e9e9e9
}

.layadmin-homepage-pad-ver {
    padding-top: 15px;
    padding-bottom: 15px
}

.layadmin-homepage-pad-img {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
    border-radius: 50%
}

.layadmin-homepage-font {
    font-weight: 600;
    color: #2b425b;
    font-size: 1.2em
}

.layadmin-homepage-min-font {
    margin: 5px 0 10px;
    font-size: .9em;
    color: #afb9c3
}

.layadmin-homepage-pad-ver a {
    line-height: 1.1em;
    font-size: 1.3em;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    padding: 6px 12px
}

.layadmin-homepage-pad-ver a:hover {
    background: #5FB878;
    color: #fff
}

.layadmin-homepage-about {
    padding: 15px;
    font-weight: 600;
    color: #2b425b
}

.layadmin-homepage-list-group {
    font-size: .9em;
    line-height: 1.25;
    margin-bottom: 5px
}

.layadmin-homepage-list-group li {
    padding: 5px 15px;
    border: 1px solid transparent;
    margin-bottom: -1px;
    border-width: 1px 0;
    border-radius: 0;
    background-color: transparent;
    color: inherit
}

.layadmin-homepage-list-group li i {
    font-size: 1.333em;
    line-height: 1.095em;
    vertical-align: middle;
    margin-right: 4px
}

.layadmin-homepage-list-group li a.color {
    color: #337ab7
}

.layadmin-homepage-pad-hor {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 15px;
    color: #758697;
    text-indent: 20px
}

.layadmin-homepage-list-inline {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px
}

.layadmin-homepage-list-inline a {
    display: inline-block
}

.layadmin-homepage-list-inline .layui-btn {
    font-size: .9em;
    line-height: 1.42857;
    vertical-align: middle;
    height: auto;
    padding: 4px 7px;
    margin: 0 10px 10px 0
}

.layadmin-homepage-text-center {
    text-align: center;
    margin-bottom: 15px
}

.layadmin-homepage-padding15 {
    padding: 15px;
    margin-bottom: 15px
}

.layadmin-homepage-padding8 {
    padding: 0 8px
}

.layadmin-homepage-paddingmb {
    margin: 0 -7.5px
}

.layadmin-homepage-content {
    margin-left: 15px;
    padding: 0
}

.layadmin-homepage-content .new-section-xs {
    margin: 12px 0;
    color: inherit;
    border: 0 !important;
    height: 0;
    box-sizing: content-box
}

.layadmin-homepage-content .h4 {
    font-size: 16px;
    font-weight: 600;
    color: #2b425b
}

.layadmin-homepage-content small {
    color: #afb9c3
}

.layadmin-homepage-text-center .layui-icon {
    color: #FFB800;
    padding-right: 5px
}

.layadmin-homepage-padding15 .layui-col-sm5 a {
    font-size: 11px;
    height: auto;
    line-height: 1.5;
    padding: 5px 10px;
    float: right
}

.layadmin-homepage-padding15 .layui-btn-normal {
    margin: 0 15px
}

.layadmin-homepage-list-imgtxt .layui-col-sm10, .layadmin-homepage-list-imgtxt .layui-col-sm2 {
    background: 0 0
}

.layadmin-homepage-list-imgtxt .panel-body {
    padding: 15px 20px 25px;
    overflow: hidden;
    margin-bottom: 15px
}

.layadmin-homepage-list-imgtxt .panel-body .media-left {
    display: block;
    float: left;
    vertical-align: top;
    padding-right: 10px
}

.layadmin-homepage-list-imgtxt .panel-body .media-left img {
    border-radius: 50%
}

.layadmin-homepage-list-imgtxt .media-body {
    width: auto;
    display: block;
    overflow: hidden
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm {
    padding-bottom: 15px
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm p:first-child {
    padding-bottom: 5px
}

.layadmin-homepage-list-imgtxt .media-body .min-font {
    margin-bottom: 10px
}

.layadmin-homepage-list-imgtxt .media-body .min-font .layui-breadcrumb a {
    font-size: 11px
}

.layui-breadcrumb span[lay-separator] {
    margin: 0 5px
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm .fontColor a {
    font-weight: 600;
    color: #337ab7
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm .fontColor span {
    color: #758697;
    font-weight: 600
}

.layadmin-homepage-list-imgtxt .media-body .h-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 10px
}

.layadmin-homepage-list-imgtxt .img-xs {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.layadmin-homepage-list-imgtxt .media-body .media {
    margin-top: 15px;
    overflow: hidden
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right {
    float: right;
    padding-top: 10px
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right .list-inline {
    margin-bottom: 10px
}

.layadmin-homepage-list-imgtxt .media-body .media .list-inline li {
    padding: 0 5px;
    display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right .list-inline li span {
    font-weight: 600
}

.layadmin-homepage-list-imgtxt .media-body .media .media-left {
    display: block;
    overflow: hidden;
    width: auto
}

.layadmin-homepage-list-imgtxt .media-body .media .media-left .font-blod {
    font-weight: 700;
    color: #758697
}

.layadmin-homepage-list-imgtxt .media-body .media-list {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e9e9e9
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item {
    padding-bottom: 15px;
    margin-top: 15px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item-left {
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 5px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item-left img {
    display: block;
    float: left
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text {
    overflow: hidden;
    width: auto;
    display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text a {
    margin-right: 10px;
    font-weight: 600;
    display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text div:nth-child(2) {
    margin-top: 5px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .layui-btn {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 20px;
    margin-bottom: 10px
}

.homepage-top .layui-card-body img {
    width: 100%
}

.homepage-top .layui-card-body .margin-top10 {
    margin-top: 10px
}

.homepage-top .layui-card-body .layui-btn {
    width: 100%;
    display: block
}

.homepage-top {
    padding-bottom: 20px
}

.layadmin-privateletterlist-item {
    position: relative;
    display: block;
    padding: 10px 15px
}

.homepage-bottom .layui-card-body {
    padding: 0
}

.homepage-bottom .layui-card-body img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: 10px
}

.homepage-bottom .layui-card-body .meida-left {
    display: table-cell;
    padding-right: 10px
}

.homepage-bottom .layui-card-body .meida-right {
    display: table-cell;
    vertical-align: top
}

.homepage-bottom .layui-card-body a:hover {
    background: #F2F2F2
}

.homepage-bottom .layui-card-body {
    background: #fff
}

.layui-card-header .panel-title .layui-icon {
    position: relative;
    left: 0;
    right: 0
}

.layadmin-cmdlist-fluid {
    padding-bottom: 60px
}

.cmdlist-container {
    padding-top: 20px;
    background: #fff;
    border: 1px solid #e8e8e8
}

.cmdlist-container:hover {
    border: 1px solid #e8e8e8
}

.cmdlist-container img {
    width: 85%
}

.cmdlist-text {
    padding: 20px
}

.cmdlist-text .info {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    overflow: hidden;
    color: #666;
    margin-bottom: 10px
}

.cmdlist-text .price {
    font-size: 14px
}

.cmdlist-text .price b {
    margin-right: 20px
}

.cmdlist-text .price p {
    display: inline-block
}

.cmdlist-text .flow {
    text-align: right;
    float: right
}

#demo0 {
    text-align: center
}

.layadmin-message-fluid .layui-col-md12 {
    background: #fff;
    height: auto;
    padding-bottom: 50px
}

.layadmin-message-fluid .layui-input-block {
    margin-left: 0
}

.layadmin-message-fluid .layui-form {
    padding: 45px 40px 0
}

.layadmin-message-fluid .layui-form-label {
    text-align: left;
    font-size: 18px;
    padding-left: 10px
}

.layadmin-message-fluid .layui-textarea {
    min-height: 100px;
    font-size: 16px
}

.layadmin-message-fluid .layui-input-right {
    float: right
}

.layadmin-messag-icon {
    overflow: hidden;
    float: left;
    margin-top: 4px
}

.layadmin-messag-icon .layui-icon {
    font-size: 24px;
    line-height: 30px;
    margin-right: 15px;
    color: #C4CBCF
}

.message-content {
    padding: 0 40px
}

.message-content .media-body {
    margin-bottom: 30px
}

.message-content .media-body .pad-btm {
    padding-bottom: 0
}

.message-content .media-left {
    float: left;
    margin-right: 10px
}

.message-content .media-left img {
    border-radius: 50%
}

.message-text {
    padding-top: 0
}

.message-content-btn {
    text-align: center
}

.message-content .layui-btn {
    height: auto;
    line-height: 26px;
    padding: 5px 30px;
    font-size: 16px
}

.layadmin-serach-main .layui-card-header {
    height: auto;
    line-height: 24px;
    padding: 15px
}

.layadmin-serach-list {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f6f6f6
}

.layadmin-serach-list h3 {
    padding: 10px 0
}

.layadmin-serach-list h3 .layui-badge {
    top: -2px
}

.layadmin-serach-list p {
    color: #666
}

.layadmin-serach-list li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    clear: both
}

.layui-serachlist-cover {
    float: left;
    margin-right: 15px
}

.layui-serachlist-cover img {
    width: 90px;
    height: 90px
}

.layadmin-caller {
    background: #fff;
    padding: 30px
}

.layadmin-caller em {
    font-style: normal
}

.layadmin-caller .caller-fl {
    float: left
}

.layadmin-caller .caller-fr {
    float: right
}

.layadmin-caller .caller-seach {
    position: relative;
    padding-bottom: 20px
}

.layadmin-caller .caller-seach .caller-icon {
    font-size: 18px;
    position: absolute;
    top: 9px
}

.layadmin-caller .caller-seach-icon {
    left: 6px
}

.layadmin-caller .caller-dump-icon {
    right: 6px;
    cursor: pointer
}

.layadmin-caller .caller-pl32 {
    padding: 0 32px
}

.layadmin-caller .caller-tab {
    margin: 0
}

.layadmin-caller .caller-contar {
    padding-bottom: 20px
}

.layadmin-caller .caller-contar .caller-item {
    padding: 25px 0;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0
}

.layadmin-caller .caller-contar .caller-item .caller-main {
    margin-left: 20px
}

.layadmin-caller .caller-contar .caller-item .caller-main p {
    line-height: 100%;
    padding: 8px 0
}

.layadmin-caller .caller-contar .caller-item .caller-main p:first-child {
    padding-top: 0
}

.layadmin-caller .caller-contar .caller-item .caller-main em {
    margin-left: 5px
}

.layadmin-caller .caller-contar .caller-item .caller-main .caller-adds i {
    padding-right: 5px;
    margin: 0
}

.layadmin-caller .caller-contar .caller-item .caller-main .caller-adds {
    padding-bottom: 12px
}

.layadmin-caller .caller-contar .caller-iconset i {
    margin: 0 5px
}

.layadmin-caller .caller-contar .caller-iconset i:first-child {
    margin-left: 0
}

.layadmin-caller .caller-contar button {
    margin-top: 22px
}

.layadmin-caller .caller-contar .caller-img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

/*template结束*/

/*个性开始*/
.layui-card-header {
    height: auto;
}

.layui-form-label {
    width: 100px;
    padding: 9px 10px 9px 0;
}

.layui-color-red {
    color: red;
}

.layui-col-lg2-4, .layui-col-md2-4, .layui-col-sm2-4, .layui-col-xs2-4 {
    position: relative;
    display: block;
    box-sizing: border-box
}

.layui-col-xs2-4 {
    float: left
}

.layui-col-xs2-4 {
    width: 19.9999992%
}

.layui-col-xs-offset2-4 {
    margin-left: 19.9999992%
}

@media screen and (min-width: 768px) {
    .layui-col-sm2-4 {
        float: left
    }

    .layui-col-sm2-4 {
        width: 19.9999992%
    }

    .layui-col-sm-offset2-4 {
        margin-left: 19.9999992%
    }
}

@media screen and (min-width: 992px) {
    .layui-col-md2-4 {
        float: left
    }

    .layui-col-md2-4 {
        width: 19.9999992%
    }

    .layui-col-md-offset2-4 {
        margin-left: 19.9999992%
    }
}

@media screen and (min-width: 1200px) {
    .layui-col-lg2-4 {
        float: left
    }

    .layui-col-lg2-4 {
        width: 19.9999992%
    }

    .layui-col-lg-offset2-4 {
        margin-left: 19.9999992%
    }
}

/*个性结束*/
/*自定义开始*/
.ztqkfx .layui-card-header{padding:0 15px 0 15px;font-size:16px;font-weight:bold;color:#454545;}
.ztqkfx .layui-card-header:before{content: '';display:inline-block;width:2px;height:40px;background:#1E9FFF;position:absolute;left:0;top:0;}


.margin-top10{margin-top:10px;}
.margin-top20{margin-top:20px;}
.margin-top30{margin-top:30px;}
.margin-top40{margin-top:40px;}

.text-center{text-align:center;}
.text-blue{color:#1E9FFF}
.text-blue2{color:#01AAED;}
.text-333{color:#333333;}
.text-666{color:#666666;}
.text-999{color:#999999;}

.base-font-12{font-size:12px;}
.base-font-13{font-size:13px;}
.base-font-14{font-size:14px;}
.base-font-15{font-size:15px;}
.base-font-16{font-size:16px;}
.base-font-18{font-size:18px;}
.base-font-20{font-size:20px;}
.base-font-22{font-size:22px;}
.base-font-24{font-size:24px;}
.base-font-26{font-size:26px;}
.base-font-28{font-size:28px;}
.base-font-30{font-size:30px;}
.base-font-32{font-size:32px;}
.base-font-36{font-size:36px;}
.base-font-72{font-size:72px;}

.knCtn{width:75px;height:75px;border-radius:50%;padding:10px; margin:0 auto; text-align:center}
.knCtn .knNei{width:100%;height:100%;border-radius:50%;background:#ffffff;line-height:1.3;font-size:12px;color:#666666;padding-top:15px;box-sizing:border-box;}

.ybkn{
    background: -moz-linear-gradient(top, #ffee7b 0%, #ff7f01 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffee7b), color-stop(100%,#ff7f01));
    background: -webkit-linear-gradient(top, #ffee7b 0%,#ff7f01 100%);
    background: -o-linear-gradient(top, #ffee7b 0%,#ff7f01 100%);
    background: -ms-linear-gradient(top, #ffee7b 0%,#ff7f01 100%);
    background: linear-gradient(to bottom, #ffee7b 0%,#ff7f01 100%);
}
.kn{
    background: -moz-linear-gradient(top, #ffc273 0%, #ff3d3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc273), color-stop(100%,#ff3d3c));
    background: -webkit-linear-gradient(top, #ffc273 0%,#ff3d3c 100%);
    background: -o-linear-gradient(top, #ffc273 0%,#ff3d3c 100%);
    background: -ms-linear-gradient(top, #ffc273 0%,#ff3d3c 100%);
    background: linear-gradient(to bottom, #ffc273 0%,#ff3d3c 100%);
}
.tskn{
    background: -moz-linear-gradient(top, #ff6f6f 0%, #dc001f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6f6f), color-stop(100%,#dc001f));
    background: -webkit-linear-gradient(top, #ff6f6f 0%,#dc001f 100%);
    background: -o-linear-gradient(top, #ff6f6f 0%,#dc001f 100%);
    background: -ms-linear-gradient(top, #ff6f6f 0%,#dc001f 100%);
    background: linear-gradient(to bottom, #ff6f6f 0%,#dc001f 100%);
}
/*数字滚动*/
@font-face{
    font-family: 'pkss';
    /*src : url('../font/pkss.ttf');*/
    src: url("../font/Square721-Cn-BT-Roman.ttf");
}

h2{text-align: center;color: #D7D7D7}
#box{width: 100%;display: flex;justify-content: center;align-items: center;}
#count{color: #0093FF;font-size:56px;line-height:150px;text-align: center;font-family: 'pkss';font-weight:bold}
.pointer{cursor: pointer}
.main960{width:960px;margin:0 auto}
.portraitBtn{width:220px;height:56px;border-radius:0 9px 0 9px;background:#009688;color: #ffffff;font-size:22px;position:relative;border:none;opacity:0.1;}
.portraitGreyBtn{background:#D7D7D7;color:#ffffff;}
/*.portraitBtn:before{content:'';position:absolute;width:3px;height:13px;background:#009688;top:0;left:-2px;}*/
/*.portraitBtn:after{content:'';position:absolute;width:3px;height:13px;background:#009688;bottom:0;right:-2px;}*/
.portraifx{width:270px;height:271px;position:relative;margin:0 auto;}
.portraifx .topXk{width:270px;height: 271px;position:absolute;top:0;left:0;}
.portraifx h2{font-size:20px;text-align:center;color: #009688;position:absolute;left:0;bottom:20px;height:30px; line-height:30px;z-index: 99;width:100%;}
.portraifx .topXk img{width:269px;height:271px;}
.portraifx .topQt{width:280px;height:320px;}
.padding-tb10{padding-top:20px;padding-bottom:10px;}
.padding-tb15{padding-top:20px;padding-bottom:15px;}
.padding-tb20{padding-top:20px;padding-bottom:20px;}
.padding-tb30{padding-top:30px;padding-bottom:30px;}
.padding-tb35{padding-top:35px;padding-bottom:35px;}
.padding-tb40{padding-top:40px;padding-bottom:40px;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}

/*编辑表格*/
.editTbaleCont{max-width:1300px;min-width:960px;margin:0 auto;}

.editTable{width:100%;height:auto;border-collapse:collapse;word-wrap: break-word;word-break: break-all;table-layout:fixed;}
.editTable tr td,.editTable{border:1px solid #dddddd;}
.editTable tr td{height:43px;line-height:43px;margin:0;padding:0;}
.editTable tr td:nth-child(odd){background:#f5f5f5;width:120px;padding:0 10px;text-align:right;}
.editTable tr td:nth-child(even){width:calc(33.333% - 120px)}
.editTable .layui-input,.editTable .layui-textarea{border:none;}
.h30{height:30px;line-height:30px;}
.h40{height:40px;line-height:40px;}
.text-333{color:#333333;}
.text-666{color:#666666;}
.base-font-18{font-size:18px;}
.base-font-16{font-size:16px;}
.base-font-14{font-size:14px;}
.base-font-12{font-size:12px;}
.text-bold{font-weight:bold;}
.margin-top10{margin-top:10px;}
.margin-top20{margin-top:20px;}
.text-white{color:#ffffff;}



/*个人画像-群体画像*/
.bgJbBlue{
    background: -moz-linear-gradient(left, #0065ef 0%, #00168b 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#0065ef), color-stop(100%,#00168b));
    background: -webkit-linear-gradient(left, #0065ef 0%,#00168b 100%);
    background: -o-linear-gradient(left, #0065ef 0%,#00168b 100%);
    background: -ms-linear-gradient(left, #0065ef 0%,#00168b 100%);
    background: linear-gradient(to right, #0065ef 0%,#00168b 100%);
}
.portraitInCent{width:911px;height:605px;margin:0 auto;position:relative;}
.portraitInCent .spinAvatarLine{position:absolute;width:690px;height:455px;left:110px;top:110px;pointer-events:none;}
.portraitInCent .spinAvatarLine img{width:690px;height:455px;}
.portraitInCent .spinAvatarLine2{position:absolute;width:475px;height:435px;left:220px;top:80px;pointer-events:none;}
.portraitInCent .spinAvatarLine2 img{width:475px;height:435px;}
.portraitInCent .spinAvatarBg{position:absolute;width:407px;height:407px;left:252px;top:89px;pointer-events:none;}
.portraitInCent .spinAvatarBg img{width:407px;height:407px;border-radius:50%;}
.portraitInCent .spinPeoBg{width:177px;height:177px;position:absolute;left:367px;top:204px;pointer-events:none;}
.portraitInCent .spinPeoBg img{width:177px;height:177px;border-radius:50%;}
.portraitInCent .portraitBtn{width:217px;height:58px;text-align:center;line-height:58px;color:#ffffff;font-size:24px;border-radius:10px;border:1px dashed #01D7DA;background:none;cursor:pointer;opacity:1;}
.portraitInCent .portraitBtn.glowBtn{border:1px solid #36d5e8;background:#004fd3;box-shadow: 0 0 10px rgba(0,255,252,0.53),0 0px 15px rgba(20,277,255,0.75) inset}
.hxsearch .layui-input,.hxsearch .layui-btn{background:none;border-radius:20px;color: #ffffff;}
.hxsearch .layui-btn{border:1px solid #ffffff;}


.zzqkNumBlock{padding:20px;border-radius:10px;color:#20222a;font-size:16px;text-align:center;line-height:1.3;}
.zzqkNumBlock.bg1{background:#eef6f1}
.zzqkNumBlock.bg2{background:#f6f2ee}
.zzqkNumBlock .color1{color:#009688;font-family: 'pkss';}
.zzqkNumBlock .color2{color:#ff8811;font-family: 'pkss';}


/*正常表格编辑状态*/
.table-view-edit{width:100%;height:auto;border-collapse:collapse;table-layout:fixed;}
.table-view-edit td{box-sizing:content-box;height:43px;line-height:43px; padding:0 15px;}
.table-view-edit th td,.table-view-edit tr td{border:1px solid #dddddd;}
.table-view-edit tr td:nth-child(odd){background:#f5f5f5;text-align:right;font-weight:bold;width:140px;}
.table-view-edit tr td .layui-input{border:none;padding-left:0;}
.table-view-edit .ivu-input{height:40px;width:100%;}
.table-view-edit .ivu-form-item{margin-bottom:0!important;}
.table-view-edit .ivu-form-item-content{margin-right:0!important;padding-right:0!important;}
.table-view-edit .ivu-input{border:none;}
.table-view-edit .ivu-input:focus{border:none;box-shadow:none;}
.table-view-edit .ivu-date-picker-focused input{border:none;box-shadow:none;}
.table-view-edit-table{width:100%;height:auto;border-collapse:collapse;table-layout:fixed;}
.table-view-edit-table tr th{text-align:center;border:1px solid #dddddd;background:#f5f5f5;}
.table-view-edit .table-view-edit-table tr td{background:#ffffff!important;text-align:center;}
.table-view-edit .table-view-edit-table tr td .ivu-input{text-align:center;}
textarea.ivu-input{height:100%!important;padding-top:10px}




.layui-nav .layui-nav-item a{color: rgba(255,255,255,.9);}
.layui-nav .layui-nav-item a:hover{font-weight:bold}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
    background-color: #1e9fff;
}
.layui-nav-tree .layui-nav-bar{background-color: #1e9fff;}
.layui-btn{background-color:#1e9fff;}
.layui-layout-admin .layui-logo {
    background:#1a468f url("../image/logoBg.png") bottom center no-repeat;background-size:100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
}
.layui-layout-admin .layui-logo{height:190px;line-height:1;padding:30px 0}
.asdLogo{width:70px;height:70px;margin:0 auto}
.asdLogo img{width:70px;height:70px;}
.layui-side-menu .layui-nav{margin-top:190px}
.layui-btn-primary{border:1px solid #C9C9C9;background-color:#fff;color:#555}
.layui-btn-primary:hover{border-color:#1e9fff;color:#333}
.layui-btn-normal{background-color:#1E9FFF}
.layui-btn-warm{background-color:#FFB800}
.layui-btn-danger{background-color:#FF5722}
.layui-btn-checked{background-color:#5FB878}
.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border:1px solid #e6e6e6;background-color:#FBFBFB;color:#C9C9C9;cursor:not-allowed;opacity:1}
.layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px}.layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px}
.layui-btn-sm i{font-size:16px!important}.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px}
.layui-btn-xs i{font-size:14px!important}
.layui-btn-group{display:inline-block;vertical-align:middle;font-size:0}
.layui-btn-group .layui-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0}
.layui-btn-group .layui-btn-primary{border-left:none}
.layui-btn-group .layui-btn-primary:hover{border-color:#1e9fff;color:#009688}
.layui-btn-group .layui-btn:first-child{border-left:none;border-radius:2px 0 0 2px}
.layui-btn-group .layui-btn-primary:first-child{border-left:1px solid #c9c9c9}
.layui-btn-group .layui-btn:last-child{border-radius:0 2px 2px 0}
.layui-btn-group .layui-btn+.layui-btn{margin-left:0}
.layui-btn-group+.layui-btn-group{margin-left:10px}
.layui-btn-fluid{width:100%}
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color:#1e9fff;}

.centerBtn {
    margin: 15px auto 0 auto;
    text-align: center;
}

@media print {
    .noPrint {
        display: none !important;
    }
}

@media print {
    .layui-table th {
        width: 25%;
    }

    .layui-table td {
        width: 25%;
    }
}
/*图片上传*/
.uploadCtn{width:100%;height:100%; margin:10px;}
.wh200{width:200px;height:160px;border:1px solid #dddddd}

.stepBar{width:100%;box-sizing:border-box;height:26px;line-height:26px;padding-left:35px;position:relative;cursor:pointer}
.stepBar .lableIcon{width:26px;height:26px;line-height:24px;box-sizing: border-box;border:1px solid #2d8cf0;border-radius:50%;position:absolute;top:0;left:0;text-align:center;color:#2d8cf0}

.flex{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;align-items:center;justify-content:space-between;}
.flex .colItem.stepLine{width:100%;height:1px;background:#dddddd;box-sizing: border-box;margin:0 10px;}
.stepBar.checked .lableIcon{background:#2d8cf0;color:#ffffff;}
.stepBar.checked .colItem{color:#2d8cf0!important; }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layui-pop-btn{text-align: center; position:fixed; background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; left:0;bottom:-20px; width:100%; padding-top: 20px; padding-bottom:20px; box-shadow:0px -3px 3px #eee}
.table-vertical-edit{border-collapse: collapse;width:500px; text-align:center;table-layout: fixed}
.table-vertical-edit thead tr{height:40px;line-height:40px; text-align:center;background:#f5f5f5;}
.table-vertical-edit tbody tr td{height:40px;line-height:40px;width:50%;}
.table-vertical-edit tbody tr td input{width:100%;height:100%;border:none;box-sizing: border-box;padding:0 10px;}
table.table-vertical-edit,table.table-vertical-edit tr td{border:1px solid #dddddd;}

.bgTcBlue{
    background: -webkit-linear-gradient(right top,#036cef,#0c50b6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#036cef,#0c50b6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#036cef,#0c50b6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom left,#036cef,#0c50b6); /* 标准的语法 */
}

.tsTit{width:120px;height:119px;line-height:110px;background: url("../image/dp.png") center no-repeat;background-size:120px 119px;margin:0 auto}


.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child .layui-icon{left:30px;}
.layui-side-menu .layui-nav .layui-nav-child a{padding-left:50px;}
.padding0{padding:0!important;}
.homeFourBlock{padding-top:51px;position:relative;display: inline-block;padding-left:24px;}
.homeFourBlock .menuBlockIcon{width:48px;height:48px;line-height:48px;border-radius:50%;text-align:center;position:absolute;top:51px;left:-31px;}
.homeFourBlock .menuBlockIcon.col1{background:#EAF7F3;color:#37BE90}
.homeFourBlock .menuBlockIcon.col2{background:#F1F5FF;color:#618EFF}
.homeFourBlock .menuBlockIcon.col3{background:#FFF4F4;color:#FF5353}
.homeFourBlock .menuBlockIcon.col4{background:#F4FCFF;color:#379ABE}
.homeNoticeList{box-sizing: border-box;padding:8px 20px 0 20px;}
.homeNoticeList ul li{width:100%;line-height:36px;height:36px;padding:0 100px 0 13px;box-sizing: border-box;position:relative;cursor: pointer;color:#888888}
.homeNoticeList ul li:hover{color: #666666}
.homeNoticeList ul li:before{content: '';position:absolute;width:4px;height:4px;background:#DFDDDD;left:0;top:16px;}
.homeNoticeList ul li .releaseTime{width:100px;height:36px;line-height:36px;text-align: right;position: absolute;top:0;right:0;color: #999999;font-size:13px;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis2{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.homeWorkList{padding:0 15px;box-sizing: border-box;height:300px;}
.homeWorkList ul li{height:75px;position:relative;box-sizing: border-box;padding:17px 130px 0 50px;}
.homeWorkList ul li+li{border-top:1px solid #f1f1f1}
.homeWorkList ul li .workListIcon{width:40px;height:40px;position:absolute;left:0;top:15px;border-radius:3px;text-align:center;line-height:40px;color:#ffffff;}
.homeWorkList ul li .workListIcon i{font-size:30px;}
.homeWorkList ul li .workRight{width:130px;height:75px;text-align:right;position:absolute;top:0;right:0;box-sizing: border-box;padding-top:17px;}
.homeWorkList ul li .workListIcon.col1{
    background: -webkit-linear-gradient(#fe7a7b, #fe5d5e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fe7a7b, #fe5d5e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fe7a7b, #fe5d5e); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fe7a7b, #fe5d5e); /* 标准的语法 */
}
.homeWorkList ul li .workListIcon.col2{
    background: -webkit-linear-gradient(#fdb328, #f49214); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fdb328, #f49214); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fdb328, #f49214); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fdb328, #f49214); /* 标准的语法 */
}
.homeWorkList ul li .workListIcon.col3{
    background: -webkit-linear-gradient(#5fd65e, #46b346); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#5fd65e, #46b346); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#5fd65e, #46b346); /* Firefox 3.6 - 15 */
    background: linear-gradient(#5fd65e, #46b346); /* 标准的语法 */
}
.homeWorkList ul li .workListIcon.col4{
    background: -webkit-linear-gradient(#4b84ff, #386dff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4b84ff, #386dff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4b84ff, #386dff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4b84ff, #386dff); /* 标准的语法 */
}
.margin-top5{margin-top:5px;}
.margin-top7{margin-top:7px;}
.text-yellow{color:#FFB800}
.homeNewsList{box-sizing: border-box;padding:21px 20px 15px 20px;}
.homeNewsList ul li{color:#888888;cursor:pointer}
.homeNewsList ul li .newsListTit{width:100%;box-sizing:border-box;padding-right:90px;position:relative;height:20px;line-height:20px;}
.homeNewsList ul li .newsListTit .newsListReleaseTime{position:absolute;height:20px;line-height:20px;top:0;right:0;color:#999999;font-size:13px;}
.homeNewsList ul li .newsListCont{height:45px;box-sizing: border-box;padding-left:78px;position:relative;margin:9px 0 30px 0}
.homeNewsList ul li .newsListCont .newsListImg{width:68px;height:45px;position:absolute;top:0;left:0;}
.homeNewsList ul li .newsListCont .newsListImg img{width:68px;height:45px;}

.pointer{cursor:pointer}
.oneInchPhoto{width:125px;height:175px;line-height:131px;border:1px solid #dddddd;position:absolute;top:0;right:0;background:#ffffff; text-align: center;}
.oneInchPhoto img{width:125px!important;height:175px!important;vertical-align:middle}
.relative{position:relative}
#fileList tr td{background:#ffffff!important;}
#fileList tr td:nth-child(odd){text-align: left!important;}
#fileList tr td:nth-child(even){text-align: center!important;}
.uploadStyle .layui-upload-list,.uploadStyle .layui-table{margin:0!important;}

.imgMode {max-width:200px!important;max-height:160px!important;width:auto!important;height:auto!important;}
.imgMode  img{max-width:200px!important;max-height:160px!important;width:auto;height: auto;}
.filesListUpolad ul li{width:100%;height:28px;line-height:28px;color:#666666;box-sizing: border-box;padding-left:20px;position:relative;font-size:13px;}
.filesListUpolad ul li .iconImg{width:16px;height:16px;position:absolute;top:0px;left:0;}
.filesListUpolad ul li .iconImg img{width:100%;height:100%;}
.filesListUpolad ul li+li{margin-top:9px;}


/*课程列表*/
.kcList{width:100%;height:auto;}
.kcList ul li{ float: left;width:220px;height:auto;border:1px solid #e5e5e5;padding:7px 7px 17px 7px;margin: 10px;}
.kcList ul li .kcfm{width:220px;height:180px;position:relative;}
.kcList ul li .kcfm img{width:220px;height:180px;}
.iconType{
    vertical-align: middle;
}
.relative{position:relative}
.absolute{position:absolute}
.xxList .layui-input-block+.layui-input-block{margin-top: 10px;}

/*视频观看*/
.videoView{width:calc(100% - 640px);padding-left:640px;position: relative;min-height:620px;}
.videoView .videoViewLeft{width:640px;height: auto;}
.videoView .videoViewLeft .videoViewPlay{width:640px;height:524px;background: #333333;position: absolute;top:0;left:0}
.videoView .videoViewLeft .videoViewPlay img{width: 100%;height: auto;}
.videoView .videoViewLeft .videoViewPlay iframe{width: 100%;height:524px;}
.videoView .videoViewLeft .videoViewPlay video{width:640px;height:524px;}
.videoKcList{ padding-left:30px;width:calc(100% - 30px)}
.videoKcList ul li{position:relative;padding:0 20px 0 10px;width: calc(100% - 30px);box-sizing: border-box;max-width:600px; margin-top: 12px;}
.videoKcList ul li .right{text-align:right;position:absolute;right:0;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid #dddddd}
.videoKcList ul li:hover{color:#414141;cursor: pointer}
.videoKcList ul li .right.ygk{border:2px solid #1E9FFF}
.videoKcList ul li .right.ykw{border:2px solid #1E9FFF;background:#1E9FFF; }
.videoKcList ul li .right.zzk{border:4px solid #5FB878;width:6px;height:6px;}
.title_two div,.title_three div{cursor:pointer}

#topBanner .itemBanner{width:100%;height:65px;}
.officeIcon{}
.officeIcon img{width:16px;height:16px;padding-right:5px;}
.officeIcon a{padding:0 0 0 20px;color:#1E9FFF}
.officeIcon span{vertical-align:middle;}
.editTable .tableSelectMore{margin:10px 0;}
.editTable .tableSelectMore .layui-input{border:1px solid #dddddd!important;}
.treeTbaleCont{width:calc(100% - 280px);height:100%;padding-left:280px;position:relative;}
.treeTbaleCont .treeLeft{width:280px;height:100%;overflow-y:auto;position:absolute;top:0;left:0;box-sizing: border-box;padding:10px;}
.layui-tab-brief.ylTab>.layui-tab-title .layui-this{background:#1E9FFF;color:#ffffff!important;}
.layui-card .layui-tab-brief.ylTab .layui-tab-title li{height:30px;line-height:30px;padding:0 10px;margin:0 15px 0 0;}
.layui-card .layui-tab-brief.ylTab .layui-tab-title{height:30px;line-height:30px;}
.layui-card .layui-tab-brief.ylTab .layui-tab-title .layui-this:after{display: none!important;}
.treeTbaleCont .treeLeft::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
    -webkit-border-radius: 0
}
.treeTbaleCont .treeLeft::-webkit-scrollbar {
    width: 10px;
    height: 10px
}
.treeTbaleCont .treeLeft::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #b8b8b8;

    /*outline: 2px solid #f1f1f1;*/
    /*outline-offset: -2px;*/
    border: 2px solid #f1f1f1;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}
.treeTbaleCont .treeLeft::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #c1c1c1;
}
.tcbtnCenter{text-align: center!important;}
.tcbtnCenter .layui-input-block{margin-left:0!important;}
.qdetail{height:calc(100% - 40px)!important;}
.qdetail .layui-card{min-height:100%!important;}
.qdetail img{width: auto;max-width:1160px; text-align: center;}

.selectBlock{width:100%;height:auto;min-height:35px;overflow-y:hidden;padding-right:60px;box-sizing:border-box;position:relative;}
.selectBlock .selectIcon{position:absolute;height:35px;width:60px;text-align:center;right:0px;top:calc(50% - 22px);cursor:pointer;}
.zbList{box-sizing: border-box;max-height:160px;height:auto;overflow-y:auto;line-height:1.5;padding:7px 0 7px 10px;width:100%;}
.fblxRadio{box-sizing: border-box;padding-left:10px;}
.fblxRadio .layui-form-radio{margin-top:0}
.zbList span{display:inline-block;font-size:12px;background:#1E9FFF;color:#ffffff;border-radius:10px;padding:1px 6px; margin:3px}

.selectBlock1{width:100%;height:auto;min-height:35px;overflow-y:hidden;padding-right:60px;box-sizing:border-box;position:relative;}
.selectBlock1 .selectIcon{position:absolute;height:38px;width:45px;text-align:center;right:0;top:0;cursor:pointer;line-height: 38px}
.selectBlock1 .zbList{box-sizing: border-box;max-height:160px;height:auto;overflow-y:auto;line-height:1.5;padding:5px 0 5px 10px;width:100%;}
.selectBlock1 .zbList span{display:inline-block;font-size:12px;background:#1E9FFF;color:#ffffff;border-radius:10px;padding:1px 6px; margin:3px}
.homeTab ul li{cursor: pointer;display: inline-block;float: left;}
.homeTab li+li{ margin-left:10px;}
.homeTab li.checked{position:relative;}
.homeTab li.hover{}
.homeTab li.checked:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1E9FFF; }
/*.moreFileList ul.fileShow li{display: inline-block;height: 24px;line-height: 24px;}*/
.fileShow li {}
.base-color-red{color:#FF5722;}
.base-color-bule{color:#1E9FFF}
.moreFileList{line-height: 28px;width: 100%;}
.fileShow li{height: 28px;line-height: 28px;width: 100%;}
.fileShow li a{margin-left:10px;display: inline-block; vertical-align: top;}
.fileShow li a.base-color-red:hover{font-weight: bold;color:#FF5722}
.fileShow li a.base-color-bule:hover{font-weight: bold;color:#1E9FFF}
.fileShow li span{display: inline-block;max-width:calc(100% - 130px);vertical-align: top;}
.layui-table.layui-table-view-2 th{ text-align:center!important;}
.layui-table.layui-table-view-2 th tr,.layui-table.layui-table-view-2 tr td{border:1px solid rgb(230,230,230);}
.table-head-input .layui-input{background:none;border:none;height:auto;line-height:1;display:inline-block;min-width:90px;max-width:130px;text-align:center}
.table-head-input .layui-table td{text-align:center;}

/*在线学习列表*/
.onlineStudyCtn{width:100%;height:auto;min-width:900px;}
.onlineStudyCtn .onlineStudyMenuList{width:250px;height:auto;float:left;}
.onlineStudyCtn .onlineStudyMenuList dl{width:100%;height: auto;box-sizing: border-box;padding:10px;border:1px solid #dddddd;margin-bottom: 10px;}
.onlineStudyCtn .onlineStudyMenuList dl dt{font-size:16px;}
.onlineStudyCtn .onlineStudyMenuList dl dd{font-size:13px;margin-bottom:10px;}
.onlineStudyCtn .onlineStudyMenuList dl dd .onlineStudyTop{position:relative;padding-left:30px;height:20px;line-height:20px;cursor: pointer}
.onlineStudyCtn .onlineStudyMenuList dl dd .onlineStudyTop:hover{color:#FF5722}
.onlineStudyCtn .onlineStudyMenuList dl dd .onlineStudyTop .leftNum{width:20px;height:20px;color:#ffffff;background: #b0b0b3;text-align:center;line-height:20px;position: absolute;left:0;top:0;border-radius:3px;}
.onlineStudyCtn .onlineStudyMenuList dl dd:first-child .onlineStudyTop .leftNum{background:#ed4c38;}
.onlineStudyCtn .onlineStudyMenuList dl dd:nth-child(2) .onlineStudyTop .leftNum{background:#ff7564;}
.onlineStudyCtn .onlineStudyMenuList dl dd:nth-child(3) .onlineStudyTop .leftNum{background:#ffa964;}
.onlineStudyCtn .onlineStudyMenuList dl dd .menuFlList{cursor:pointer;box-sizing:border-box;padding-left:10px;}
.onlineStudyCtn .onlineStudyMenuList dl dd .xxMenuFlList .layui-col-xs6{cursor: pointer}
.onlineStudyCtn .onlineStudyMenuList dl dd .xxMenuFlList .layui-col-xs6:hover{color:#1E9FFF;}
.onlineStudyCtn .onlineStudyRightList{width:calc(100% - 250px);float:right;}
.onlineStudyCtn .onlineStudyRightList .hotFilter{padding:0 10px;box-sizing: border-box;margin-left: 10px;}
.onlineStudyCtn .onlineStudyRightList .hotFilter span{margin-right:15px;font-weight:bold;font-size:13px;position:relative;display:inline-block;cursor: pointer;}
.onlineStudyCtn .onlineStudyRightList .hotFilter span+span:before{display:inline-block;position:absolute;content:'';width:1px;height:60%;background:#dddddd;left:0;top:20%}
.onlineStudyCtn .onlineStudyRightList .hotFilter span+span{padding-left:15px;}
.onlineStudyCtn .onlineStudyRightList .hotFilter span:hover,.onlineStudyCtn .onlineStudyRightList .hotFilter span.checked{color:#FF5722;}
.onlineStudyDetail{width:100%;height:auto;}
.onlineStudyDetail .onlineStudeyView{max-width:1000px;max-height:600px;background: #333333;margin:0 auto;min-height:300px}
.onlineStudyDetail .onlineStudeyJs{margin:10px auto;border-top:1px solid #dddddd;}
.onlineStudyTate{height:50px;}
.onlineStudyTate .left{width:80px;height:50px;float: left;font-size:20px; line-height:50px;color: #FFB800;}
.onlineStudyTate .middle{width:200px;height:50px;float: left;}
.onlineStudyTate .right{width:400px;height:50px;float: left; line-height:50px;}
.onlineStudyTate .middle .kcpx ul.layui-rate{padding:0 5px 0 0}
.onlineStudyDetail .onlineStudeyView .videoViewPlay{max-width:1000px;max-height:600px;margin: 0 auto;text-align: center}
.onlineStudyDetail .onlineStudeyView .videoViewPlay video{max-width:1000px;max-height:600px;}
.w220{}
.w220 .layui-form-label{width:220px;}
.w220 .layui-input-block{margin-left:230px}

.lay-ext-mulitsel{width: 100% !important;}

/*题库*/
.base-font-20{font-size:20px}
.tkBlcok-line{height:38px}
.tkBlcok-line+.tkBlcok-line{margin-top: 10px}
.tkBlcok-line .layui-form-radio{margin-top:0!important;margin-right:0!important;padding-right:0!important;}
.tkBlcok-line .layui-form-radio>i{margin-right:3px!important;}

.layui-form-item .tkBlcok-line .layui-form-checkbox[lay-skin=primary]{margin-top: 0!important;}
.tkBlcok-line .layui-form-checkbox[lay-skin=primary] span{padding-right: 5px}
.tkBlcok-line .layui-form-checkbox[lay-skin=primary]{padding-left:22px!important;}

.tbgzStar{cursor: pointer}
.pointer{cursor:pointer }
.tbgzStar i:nth-child(2){color:#FFB800}

.tkEditList{width:100%;height:auto;position:relative;padding-right:170px;box-sizing: border-box;}
.tkEditList .rightOption{width:170px;height:100%;position:absolute;right:0;top:0}
.tkEditList .layui-form-radio{margin-right:0!important;;margin-top:0!important;}
.tkEditList .layui-form-radio>i{margin-right: 3px;}
.xztmLeftLx{width:120px;height:100%;position:absolute;top:0;left:0;border-right:1px solid #EEEEEE}
.xztmLeftLx ul li{width:100px;margin:10px 0 10px 18px;height:28px;line-height:28px;background:#ffffff;text-align:center;border:1px solid #EEEEEE;cursor:pointer;}
.xztmLeftLx ul li.checked{background:#1e9fff;color:#ffffff;border:1px solid #1e9fff;}
.xzTmRightBox{width:calc(100% - 120px);height:100%;border-right:1px solid #EEEEEE;position: absolute;top:0;left:120px;box-sizing: border-box;}
.xzTmRightBox .layui-row,.xzTmRightBox .layui-row .layui-col-xs6{height:100%;box-sizing:border-box;overflow-y: auto}
.xzTmRightBox .layui-row .layui-col-xs6:nth-child(1){border-right:1px solid #EEEEEE;}

.xzTmRightBox .banBox{width:100%;padding:15px;box-sizing: border-box;}
.red{color: red}

.botBq{position: fixed;width:100%;height:30px;left:0;bottom:0;box-sizing: border-box;text-align: center;font-size:13px;color:#FFFFFF;opacity: 0.5;}
.botBq.mainHome{background:#f5f5f5;opacity:1;line-height:30px;color:#999999;}
.botBq a{margin-right:5px;cursor:pointer!important;color:inherit;}
.botBq a:hover{font-weight:bold;}

.titLable span{margin-right:20px;}