.trans_3 {
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.layui-layout-admin .header .layui-nav .layui-this a {
    background-color:#61aeef;
    display:inline-block;
    border-radius:60px;
    height:32px;
    line-height:32px;
}
.layui-side-scroll {
    width:100%
}
.layui-side-scroll::-webkit-scrollbar {
    width:4px;
    height:10px;
    background-color:#F5F5F5;
}
.layui-body {
    left:210px
}
.layui-main {
    width:auto;
    margin:15px
}
.layui-bg-black,.layui-nav.left_menu_ul {
    background-color:#383e4e !important
}
.layui-nav .layui-nav-item a {
    color:#fff !important
}
.layui-nav-item.layui-nav-itemed {
    background-color:#4e5465 !important
}
.layui-nav-tree .layui-nav-item .fMenu-a {
    background-repeat:no-repeat;
    background-position:15px center;
    background-size:14px
}
.layui-nav-tree .layui-nav-item .fMenu-a img {
    width:15px;
    height:15px;
    margin-right:5px
}
/*
.layui-nav-tree .layui-nav-item:nth-child(1) .fMenu-a {
    background-image:url(../images/lite_icona.png);
}
.layui-nav-tree .layui-nav-item:nth-child(2) .fMenu-a {
    background-image:url(../images/lite_iconb.png);
}
.layui-nav-tree .layui-nav-item:nth-child(3) .fMenu-a {
    background-image:url(../images/lite_iconc.png);
}
.layui-nav-tree .layui-nav-item:nth-child(4) .fMenu-a {
    background-image:url(../images/lite_icond.png);
}
.layui-nav-tree .layui-nav-item:nth-child(5) .fMenu-a {
    background-image:url(../images/lite_icone.png);
}
.layui-nav-tree .layui-nav-item:nth-child(6) .fMenu-a {
    background-image:url(../images/lite_iconf.png);
}
.layui-nav-tree .layui-nav-item:nth-child(7) .fMenu-a {
    background-image:url(../images/lite_icong.png);
}
.layui-nav-tree .layui-nav-item:nth-child(8) .fMenu-a {
    background-image:url(../images/lite_iconh.png);
}
*/
.layui-form-select dl dd.layui-this {
    background-color:#009688
}
.layui-btn-normal {
    background-color:#009688
}
.layui-nav .layui-nav-item a {
    padding-left:15px
}
.hide {
    display:none;
}
.fill_5 {
    clear:both;
    height:5px
}
.fill_10 {
    clear:both;
    height:10px
}
.fill_20 {
    clear:both;
    height:20px
}
.fill_50 {
    clear:both;
    height:50px
}
.fill_100 {
    height:100px
}
.clear,.fill_100 {
    clear:both
}
.gray-bg {
    height:100vh;
}
.xjl_lob {
    height:100vh;
    background-image:url(../img/bg1.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:bottom
}
.jxl_bg {
    background-color:rgba(255,255,255,0.1);
    padding:60px 0px;
    border-radius:8px
}
body .layui-layer-btn .layui-layer-btn0 {
    background-color:#009688;
    border-color:#009688
}
body .layui-layer-msg {
    box-shadow:0 0 10px -5px #000
}
.login_page {
    text-align:center;
    width:600px;
    padding-top:100px !important;
    margin:auto
}
.login_page h2 {
    color:#fff;
    font-size:32px;
}
.login_page .logo-login {
    display:inline-block;
    width:250px;
    margin:0 auto
}
.login_page h1 {
    font-weight:600;
    font-size:16px;
    color:#676a6c;
    margin-bottom:20px
}
.login_page .layui-form {
    width:380px;
    display:inline-block;
    margin:0 auto
}
.layui-form-item .captcha {
    position:absolute;
    right:20px;
    top:0px;
}
.layui-form-item .captcha img {
    height:100%;
    cursor:pointer
}
.layui-tree-skin-white li i {
    color:#fff
}
.layui-laypage>:first-child {
    padding:0 10px!important
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    padding:0 1px!important;
    top:0!important
}
.layui-tab-title li,.layui-tab-title,.layui-tab-title {
    height:32px;
    line-height:32px
}
.layui-tab-title .layui-this:after {
    height:33px;
    line-height:33px
}
.layui-layout-admin .layui-body {
    top:70px
}
.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
    height:0px
}
.layui-icona {
    background-image:url(../images/layui-icona.png);
    background-position:left center;
    background-repeat:no-repeat;
    display:inline-block;
    background-size:8px;
    width:8px;
    height:8px;
    vertical-align:middle
}
.layui-layout-admin {
    min-width:1200px
}
.layui-layout-admin .header {
    height:70px;
}
.layui-layout-admin .logo {
    float:left
}
.layui-layout-admin .logo h2 {
    font-size:32px;
    line-height:70px;
    color:#fff
}
.layui-layout-admin .logo img {
    height:65px
}
.layui-layout-admin .header .layui-nav {
    padding:0;
    background:none;
    float:left
}
.layui-layout-admin .header .layui-nav .layui-nav-item {
    margin:0 20px;
    line-height:70px
}
.layui-layout-admin .header .layui-nav .layui-nav-item a {
    padding:0 30px
}
.layui-layout-admin .header .business {
    height:100%;
    font-size:25px;
    line-height:70px;
    float:right
}
.top_admin_user {
    display:inline-block;
    float:right;
    padding:25px 0px
}
.top_admin_user a {
    color:#fff;
    padding:0 15px
}
.layui-layout-admin .top_admin_user a:hover {
    color:#fff
}
.layui-layout-admin .layui-side {
    top:70px;
}
.layui-layout-admin .layui-nav-item .layui-icon {
    font-size:18px;
    top:3px;
    padding:0 5px
}
.content_manage_title {
    display:block;
    padding:0 20px;
    color:#c2c2c2;
    transition:all .3s;
    -webkit-transition:all .3s;
    background-color:#2b2e37;
    color:#fff;
    line-height:46px;
    height:46px;
    cursor:pointer
}
.content_manage_title:hover {
    background-color:#393d49
}
#content_manage_tree {
    padding:10px;
    background-color:#4e5465;
    border-left:5px solid #5fb878
}
.layui-layout-admin .footer {
    height:auto;
    padding:15px 0;
    line-height:26px;
    text-align:center;
    background-color:#eee;
    color:#666;
    font-weight:300;
    min-width:1000px
}
.layui-layout-admin .footer a {
    padding:0 5px
}
.layui-layout-admin .iframe-container {
    min-width:1000px
}
.layui-layout-admin .iframe-container .iframe-mask {
    position:absolute;
    border:0;
    width:100%;
    height:100%;
    background-color:#ccc;
    z-index:1;
    display:none;
    background-image:url(../layui/css/modules/layer/default/loading-2.gif);
    background-position:50%;
    background-repeat:no-repeat
}
.layui-layout-admin .admin-iframe {
    position:absolute;
    border:0;
    width:100%;
    height:100%
}
.layui-layout-admin .layui-body {
    bottom:0!important
}
.main-tab-title .main-tab-item {
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    transition:all .3s;
    -webkit-transition:all .3s;
    line-height:32px;
    padding:0 20px;
    text-align:center;
    left:10px;
    background:#009688;
    color:#fff;
    float:left;
    margin-left:10px;
    border-radius:4px 4px 0px 0px;
    margin-right:10px
}
.main-tab-container {
    position:relative;
    text-align:left;
    margin:10px 0;
    overflow:hidden
}
.login_page .layui-form-item .input-custom-width {
    width:100% !important;
    height:48px;
    line-height:48px;
    margin-right:0px;
    border-radius:50px;
    font-size:16px
}
.login_page .layui-form-item .input-custom-width input {
    height:48px;
    border-radius:50px;
    padding-left:20px
}
.login_page .layui-form-item {
    margin-bottom:20px
}
.layui-form-mid:hover {
    color:#009688
}
.layui-form-checkbox {
    margin-top:0;
    margin-bottom:10px;
    margin-right:10px
}
.layui-upload-button {
    position:absolute;
    right:0;
    top:0;
    height:38px;
    line-height:38px;
    cursor:pointer
}
.layui-upload-button .layui-upload-icon {
    cursor:pointer
}
.layui-form-item .input-img-show {
    position:absolute;
    left:0;
    z-index:1;
    max-height:200px;
    max-width:300px;
    border:1px solid #009688;
    background-image:url(../images/touming_bg.png)
}
.images-block-container {
    background:#f5f5f5;
    padding:10px;
    border:1px solid #e6e6e6
}
.images-block-container .image-block {
    float:left;
    position:relative;
    margin:10px;
    width:122px;
    height:122px;
    border:1px solid #ddd;
    overflow:hidden;
    background:url(../images/touming_bg.png);
    line-height:122px
}
.images-block-container .image-block:hover {
    border-color:#009688
}
.images-block-container .image-block:hover .image-block-mask {
    display:block
}
.images-block-container .image-block img {
    max-height:122px;
    max-width:122px;
    vertical-align:middle
}
.images-block-container .image-block .image-block-mask {
    width:122px;
    height:122px;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    display:none
}
.images-block-container .image-block .image-block-mask .del_btn {
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    width:20px;
    height:20px;
    line-height:20px;
    cursor:pointer;
    background:#fff;
    border-right:1px solid #009688;
    border-bottom:1px solid #009688;
    text-align:center
}
.images-block-container .image-block .image-block-mask .layui-btn {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:0;
    height:30px;
    line-height:30px;
    font-size:12px
}
.images-block-container .layui-upload-button {
    position:relative;
    margin:10px;
    width:124px;
    height:124px
}
.images-block-container .layui-upload-button .layui-upload-icon {
    height:122px;
    line-height:122px
}
.search-form .layui-form-item {
    margin-bottom:5px;
    display:inline-block
}
.search-form .layui-input-inline {
    margin-right:1px
}
.search-form .layui-input-inline .layui-input {
    border-radius:0
}
.search-form .layui-btn {
    border-radius:0 2px 2px 0
}
.search-form .page-size {
    float:right
}
.search-form .page-size .layui-form-label {
    border-radius:0
}
.search-form .page-size .total {
    margin-right:-1px;
    border-radius:2px 0 0 2px
}
.search-form .page-size .layui-input-inline {
    width:50px
}
.list-table {
    width:100%;
    margin:10px 0
}
.list-table thead {
    background-color:#f2f2f2
}
.list-table tr {
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.list-table tr:nth-child(2n) {
    background:#fbfbfb
}
.list-table tr:hover {
    background-color:#f8f8f8
}
.list-table th {
    height:24px
}
.list-table .can_click a {
    text-decoration:underline
}
.list-table .can_click a:hover {
    color:#009688
}
.list-table td,.list-table th {
    padding:6px 15px;
    line-height:20px;
    border:1px solid #ddd;
    font-size:14px;
    font-weight:400
}
.list-table td .layui-input {
    height:30px;
    line-height:30px
}
.list-table td .thumb {
    cursor:pointer;
    position:relative;
    width:16px;
    height:16px
}
.list-table td .thumb .thumb-show {
    position:absolute;
    left:30px;
    bottom:-13px;
    z-index:1;
    max-height:150px;
    max-width:300px;
    border:1px solid #009688;
    background-image:url(../images/touming_bg.png)
}
.list-table td .link {
    cursor:pointer
}
.list-table td .list-title:hover {
    color:#009688
}
.list-table .layui-form-checkbox span {
    padding:0
}
.list-table #page .layui-laypage {
    float:right;
    margin:0
}
.list-table #page .layui-laypage a,.list-table #page .layui-laypage span {
    margin:0 -1px 0 0;
    border:1px solid #009688;
    text-decoration:none
}
.list-table #page .layui-laypage .layui-laypage-total {
    margin-left:1px;
    background:none;
    border:none
}
.list-table #page .layui-laypage button {
    border-color:#009688;
    background-color:#009688;
    color:#fff;
    opacity:.9;
    filter:alpha(opacity=90)
}
.list-table #page .layui-laypage button:hover {
    opacity:.8;
    filter:alpha(opacity=80);
    color:#fff
}
.list-table #page .layui-laypage input {
    border-color:#009688
}
.move-form {
    padding:20px;
    padding-right:40px;
    min-width:330px
}
.move-form .layui-form-label {
    width:50px
}
.move-form .layui-input-block {
    margin-left:80px
}
.move-form .layui-elem-field {
    margin-top:30px;
    margin-left:20px;
    margin-right:0
}
.move-form .layui-elem-field legend {
    font-size:16px
}
#search_content {
    padding:30px 70px
}
#search_content .layui-input-block {
    margin-left:0
}
#search_content .layui-input {
    cursor:auto
}
.gray-bg .layui-layer-iframe {
    top:0!important
}
.fMenu-a {
    font-size:16px!important
}
.sMenu-a {
    font-size:14px!important
}
.sMenu-a .layui-icon {
    font-size:18px!important
}
.layui-laypage .layui-laypage-skip {
    padding-left:10px
}
.layui-laypage .layui-laypage-skip .layui-laypage-btn {
    margin-right:20px
}
.layui-laypage .layui-laypage-limits {
    margin-right:0
}
.layui-laypage .layui-laypage-count {
    color:#999
}
.table-list-box .second {
    width:30px
}
.table-list-box .last {
    width:200px
}
.layui-layout-admin .header {
    color:#fff;
    background:#383e4e url(../images/lobg.png) no-repeat left;
    border-bottom:4px solid #444f6f;
}
.layui-nav .layui-nav-item a {
    color:#333
}
.layui-nav-tree .layui-nav-itemed dd a {
    font-size:12px
}
.layui-tab-brief>.layui-tab-title .layui-this {
    color:#1589d1
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom:3px solid #1589d1
}
.layui-form-item .input-img label:hover {
    border:1px solid #ff5722
}
.layui-form-radioed i,.layui-form-radio i:hover {
    color:#009688
}
.layui-form-checked,.layui-form-checked:hover {
    border:1px solid #ff5722
}
.layui-form-checkbox:hover {
    border-color:#009688
}
.button-color,.layui-form-checked {
    background:#ff5722
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color:#009688
}
body .layui-layer-btn .layui-layer-btn0 {
    background-color:#ff5722;
    border-color:#ff5722
}
.px-input {
    width:60px !important;
    height:30px !important;
    display:inline-block;
    text-align:center;
    padding-left:0px;
}
.button-color,.layui-form-checked {
    background:white !important;
}
.layui-form-checked i,.layui-form-checked:hover i {
    color:#009688 !important;
}
.layui-form-checked span,.layui-form-checked:hover span {
    background-color:#009688 !important;
}
.layui-form-checked,.layui-form-checked:hover {
    border:1px solid #009688 !important;
}
.layui-form-selected {
    z-index:9999;
}
.layui-form-onswitch {
    border-color:#009688 !important;
    background-color:#009688 !important;
}
.select {
    height:28px;
    min-width:80px;
}
.layui-tab-content-index {
    padding:0px !important;
}
.input-custom-width{
	width:200px !important;
}
.layui-input-inline{
	width:200px !important;
}

.logo{ width: 100%; text-align: center;  float: left; }
.logo > img{width: 120px;  }
.logo h2, .logo h4{ color: #fff; text-align: center; float: left; width: 100%;}
.logo h2{ margin-top: 2%; letter-spacing: 3px;}
.logo h4{  letter-spacing: 1px; margin-bottom: 25px;margin-top: 5px}

.footer-Bottom {
    position: absolute;
    bottom: 6px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #b9c6d6;
}