/*
* @Author: win7
* @Date:   2018-03-29 17:53:38
* @Last Modified by:   lxh
* @Last Modified time: 2018-05-22 17:33:24
*/

.footer-btn{
    z-index: 10;
    position: fixed;
    text-align: right;
    bottom: 100px;
    height:50px;
    right: 50px;
}

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

html {
    height: 100%;
    background-color: #f2f2f2;
    color: #666;
}

.linear {
    background-image: -moz-linear-gradient( 90deg, rgb(249, 112, 1) 0%, rgb(222, 71, 47) 63%);
    background-image: -webkit-linear-gradient( 90deg, rgb(249, 112, 1) 0%, rgb(222, 71, 47) 63%);
    background-image: -ms-linear-gradient( 90deg, rgb(249, 112, 1) 0%, rgb(222, 71, 47) 63%);
}
.hyllinear {
    background: url(../images/hyllinear.png) no-repeat center center;
}

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

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



/* Clear float */

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
    top:-8px;
}










/* table布局 */

.layui-table-layout {
    display: table;
}

.layui-cell-layout {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

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





/* 过渡 */

.transition {
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

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


/*.iconfont:before {
    position: absolute;
    left: 0;
}*/

.layui-layout-admin .layui-logo {
    color: #fff;
    background: #3A3D49;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 220px;
    height: 50px;
    line-height: 50px;
    padding-right:35px;
    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
}

.layui-layout-admin .layui-body {
    top: 90px;
    bottom: 0
}

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


.layui-nav .layui-nav-item {
    line-height: 50px;
}

.layui-nav .layui-nav-item a {
    padding: 0px 15px;
}

.layui-nav .layui-nav-item a .iconfont {
    margin-right: 10px
}

.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
}

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


.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-layout-admin .layui-side {
    width: 220px;
    top: 0;
    z-index: 1002;
}

.layui-layout-admin .layui-header {
    height: 50px;
    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-layout-left {
    padding: 0 10px
}

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

.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-side-menu .layui-side-scroll {
    width: 240px;
}

.layui-side-menu {
    background: #24262F;
}

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

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

.layui-nav-tree .layui-nav-more {
    top: 28px;
}

.layui-layout-admin .layui-footer {
    left: 220px;
    text-align: center;
}

.layui-layout-admin .layui-header .layui-nav .layui-this:after,
.layui-layout-admin .layui-header .layui-nav-bar {
    height: 2px;
}

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

.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);
    transition: all .3s;
    -webkit-transition: all .3s;
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 999;
    left: 220px;
}

.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-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 .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
}

.layui-fluid {
    padding: 15px;
}

.layui-colla-title {
    background: #f8f8f8;
}


.layui-upload-list {
    margin: 0;
}

.layui-upload-img {
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
}

.layui-form-pane .layui-form-label {
    width: 120px;
}

.layui-form-pane .layui-input-block {
    margin-left: 135px;
}

/*textarea禁止调整*/
.layui-textarea-noresize{
    resize: none;
}