/* ==============================================
   一、全局重置 & 基础默认样式
============================================== */
blockquote, body, button, dd, div, dl, dt, form,
h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,
td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    line-height: 1.6;
    color: rgba(0,0,0,.85);
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
h4, h5, h6 {
    font-size: 100%;
}

a {
    color: #333;
    text-decoration: none;
}
a:hover {
    color: #777;
}
a:active, a:hover {
    outline: 0;
}
a cite {
    font-style: normal;
    cursor: pointer;
}

img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

hr {
    line-height: 0;
    margin: 10px 0;
    padding: 0;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    clear: both;
    background: 0 0;
    height: 0;
    overflow: hidden;
}

/* 禁止选中 */
.layui-btn, .layui-edge, .layui-icon, .layui-unselect,
.layui-disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 文字溢出省略 */
.layui-elip, .layui-form-checkbox span,
.layui-form-pane .layui-form-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* ==============================================
   二、公共工具类
============================================== */
/* 盒模型 */
.layui-border-box, .layui-border-box * {
    box-sizing: border-box;
}
.layui-box, .layui-box * {
    box-sizing: content-box;
}

/* 清除浮动 */
.layui-clear {
    clear: both;
    *zoom: 1;
}
.layui-clear:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0;
}

/* 行内块 */
.layui-inline {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    *display: inline;
    *zoom: 1;
}

/* 小三角边角 */
.layui-edge {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    position: relative;
    overflow: hidden;
}
.layui-edge-top {
    top: -4px;
    border-bottom-color: #999;
    border-bottom-style: solid;
}
.layui-edge-right {
    border-left-color: #999;
    border-left-style: solid;
}
.layui-edge-bottom {
    top: 2px;
    border-top-color: #999;
    border-top-style: solid;
}
.layui-edge-left {
    border-right-color: #999;
    border-right-style: solid;
}

/* 显示隐藏 */
.layui-show {display: block !important;}
.layui-hide {display: none !important;}
.layui-show-v {visibility: visible !important;}
.layui-hide-v {visibility: hidden !important;}

/* 圆角、禁用 */
.layui-circle {border-radius: 100%;}
.layui-disabled, .layui-disabled:hover {
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
}

/* ==============================================
   三、图标字体 IconFont
============================================== */
@font-face {
    font-family: layui-icon;
    src: url(../font/iconfont.eot?v=256);
    src: url(../font/iconfont.eot?v=256#iefix) format('embedded-opentype'),
         url(../font/iconfont.woff2?v=256) format('woff2'),
         url(../font/iconfont.woff?v=256) format('woff'),
         url(../font/iconfont.ttf?v=256) format('truetype'),
         url(../font/iconfont.svg?v=256#layui-icon) format('svg');
}
.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 图标编码 */
.layui-icon-reply-fill:before {content:"\e611"}
.layui-icon-set-fill:before {content:"\e614"}
.layui-icon-menu-fill:before {content:"\e60f"}
.layui-icon-search:before {content:"\e615"}
.layui-icon-share:before {content:"\e641"}
.layui-icon-set-sm:before {content:"\e620"}
.layui-icon-engine:before {content:"\e628"}
.layui-icon-close:before {content:"\1006"}
.layui-icon-close-fill:before {content:"\1007"}
.layui-icon-chart-screen:before {content:"\e629"}
.layui-icon-star:before {content:"\e600"}
.layui-icon-circle-dot:before {content:"\e617"}
.layui-icon-chat:before {content:"\e606"}
.layui-icon-release:before {content:"\e609"}
.layui-icon-list:before {content:"\e60a"}
.layui-icon-chart:before {content:"\e62c"}
.layui-icon-ok-circle:before {content:"\1005"}
.layui-icon-layim-theme:before {content:"\e61b"}
.layui-icon-table:before {content:"\e62d"}
.layui-icon-right:before {content:"\e602"}
.layui-icon-left:before {content:"\e603"}
.layui-icon-cart-simple:before {content:"\e698"}
.layui-icon-face-cry:before {content:"\e69c"}
.layui-icon-face-smile:before {content:"\e6af"}
.layui-icon-survey:before {content:"\e6b2"}
.layui-icon-tree:before {content:"\e62e"}
.layui-icon-ie:before {content:"\e7bb"}
.layui-icon-upload-circle:before {content:"\e62f"}
.layui-icon-add-circle:before {content:"\e61f"}
.layui-icon-download-circle:before {content:"\e601"}
.layui-icon-templeate-1:before {content:"\e630"}
.layui-icon-util:before {content:"\e631"}
.layui-icon-face-surprised:before {content:"\e664"}
.layui-icon-edit:before {content:"\e642"}
.layui-icon-speaker:before {content:"\e645"}
.layui-icon-down:before {content:"\e61a"}
.layui-icon-file:before {content:"\e621"}
.layui-icon-layouts:before {content:"\e632"}
.layui-icon-rate-half:before {content:"\e6c9"}
.layui-icon-add-circle-fine:before {content:"\e608"}
.layui-icon-prev-circle:before {content:"\e633"}
.layui-icon-read:before {content:"\e705"}
.layui-icon-404:before {content:"\e61c"}
.layui-icon-carousel:before {content:"\e634"}
.layui-icon-help:before {content:"\e607"}
.layui-icon-code-circle:before {content:"\e635"}
.layui-icon-windows:before {content:"\e67f"}
.layui-icon-water:before {content:"\e636"}
.layui-icon-username:before {content:"\e66f"}
.layui-icon-find-fill:before {content:"\e670"}
.layui-icon-about:before {content:"\e60b"}
.layui-icon-location:before {content:"\e715"}
.layui-icon-up:before {content:"\e619"}
.layui-icon-pause:before {content:"\e651"}
.layui-icon-date:before {content:"\e637"}
.layui-icon-layim-uploadfile:before {content:"\e61d"}
.layui-icon-delete:before {content:"\e640"}
.layui-icon-play:before {content:"\e652"}
.layui-icon-top:before {content:"\e604"}
.layui-icon-firefox:before {content:"\e686"}
.layui-icon-friends:before {content:"\e612"}
.layui-icon-refresh-3:before {content:"\e9aa"}
.layui-icon-ok:before {content:"\e605"}
.layui-icon-layer:before {content:"\e638"}
.layui-icon-face-smile-fine:before {content:"\e60c"}
.layui-icon-dollar:before {content:"\e659"}
.layui-icon-group:before {content:"\e613"}
.layui-icon-layim-download:before {content:"\e61e"}
.layui-icon-picture-fine:before {content:"\e60d"}
.layui-icon-link:before {content:"\e64c"}
.layui-icon-diamond:before {content:"\e735"}
.layui-icon-log:before {content:"\e60e"}
.layui-icon-key:before {content:"\e683"}
.layui-icon-rate-solid:before {content:"\e67a"}
.layui-icon-fonts-del:before {content:"\e64f"}
.layui-icon-unlink:before {content:"\e64d"}
.layui-icon-fonts-clear:before {content:"\e639"}
.layui-icon-triangle-r:before {content:"\e623"}
.layui-icon-circle:before {content:"\e63f"}
.layui-icon-radio:before {content:"\e643"}
.layui-icon-align-center:before {content:"\e647"}
.layui-icon-align-right:before {content:"\e648"}
.layui-icon-align-left:before {content:"\e649"}
.layui-icon-loading-1:before {content:"\e63e"}
.layui-icon-return:before {content:"\e65c"}
.layui-icon-fonts-strong:before {content:"\e62b"}
.layui-icon-upload:before {content:"\e67c"}
.layui-icon-dialogue:before {content:"\e63a"}
.layui-icon-video:before {content:"\e6ed"}
.layui-icon-headset:before {content:"\e6fc"}
.layui-icon-cellphone-fine:before {content:"\e63b"}
.layui-icon-add-1:before {content:"\e654"}
.layui-icon-face-smile-b:before {content:"\e650"}
.layui-icon-fonts-html:before {content:"\e64b"}
.layui-icon-screen-full:before {content:"\e622"}
.layui-icon-form:before {content:"\e63c"}
.layui-icon-cart:before {content:"\e657"}
.layui-icon-camera-fill:before {content:"\e65d"}
.layui-icon-tabs:before {content:"\e62a"}
.layui-icon-heart-fill:before {content:"\e68f"}
.layui-icon-fonts-code:before {content:"\e64e"}
.layui-icon-ios:before {content:"\e680"}
.layui-icon-at:before {content:"\e687"}
.layui-icon-fire:before {content:"\e756"}
.layui-icon-set:before {content:"\e716"}
.layui-icon-fonts-u:before {content:"\e646"}
.layui-icon-triangle-d:before {content:"\e625"}
.layui-icon-tips:before {content:"\e702"}
.layui-icon-picture:before {content:"\e64a"}
.layui-icon-more-vertical:before {content:"\e671"}
.layui-icon-bluetooth:before {content:"\e689"}
.layui-icon-flag:before {content:"\e66c"}
.layui-icon-loading:before {content:"\e63d"}
.layui-icon-fonts-i:before {content:"\e644"}
.layui-icon-refresh-1:before {content:"\e666"}
.layui-icon-rmb:before {content:"\e65e"}
.layui-icon-addition:before {content:"\e624"}
.layui-icon-home:before {content:"\e68e"}
.layui-icon-time:before {content:"\e68d"}
.layui-icon-user:before {content:"\e770"}
.layui-icon-notice:before {content:"\e667"}
.layui-icon-chrome:before {content:"\e68a"}
.layui-icon-edge:before {content:"\e68b"}
.layui-icon-login-weibo:before {content:"\e675"}
.layui-icon-voice:before {content:"\e688"}
.layui-icon-upload-drag:before {content:"\e681"}
.layui-icon-login-qq:before {content:"\e676"}
.layui-icon-snowflake:before {content:"\e6b1"}
.layui-icon-heart:before {content:"\e68c"}
.layui-icon-logout:before {content:"\e682"}
.layui-icon-file-b:before {content:"\e655"}
.layui-icon-template:before {content:"\e663"}
.layui-icon-transfer:before {content:"\e691"}
.layui-icon-auz:before {content:"\e672"}
.layui-icon-console:before {content:"\e665"}
.layui-icon-app:before {content:"\e653"}
.layui-icon-prev:before {content:"\e65a"}
.layui-icon-website:before {content:"\e7ae"}
.layui-icon-next:before {content:"\e65b"}
.layui-icon-component:before {content:"\e857"}
.layui-icon-android:before {content:"\e684"}
.layui-icon-more:before {content:"\e65f"}
.layui-icon-login-wechat:before {content:"\e677"}
.layui-icon-shrink-right:before {content:"\e668"}
.layui-icon-spread-left:before {content:"\e66b"}
.layui-icon-camera:before {content:"\e660"}
.layui-icon-note:before {content:"\e66e"}
.layui-icon-refresh:before {content:"\e669"}
.layui-icon-female:before {content:"\e661"}
.layui-icon-male:before {content:"\e662"}
.layui-icon-screen-restore:before {content:"\e758"}
.layui-icon-password:before {content:"\e673"}
.layui-icon-senior:before {content:"\e674"}
.layui-icon-theme:before {content:"\e66a"}
.layui-icon-tread:before {content:"\e6c5"}
.layui-icon-praise:before {content:"\e6c6"}
.layui-icon-star-fill:before {content:"\e658"}
.layui-icon-rate:before {content:"\e67b"}
.layui-icon-template-1:before {content:"\e656"}
.layui-icon-vercode:before {content:"\e679"}
.layui-icon-service:before {content:"\e626"}
.layui-icon-cellphone:before {content:"\e678"}
.layui-icon-print:before {content:"\e66d"}
.layui-icon-cols:before {content:"\e610"}
.layui-icon-wifi:before {content:"\e7e0"}
.layui-icon-export:before {content:"\e67d"}
.layui-icon-rss:before {content:"\e808"}
.layui-icon-slider:before {content:"\e714"}
.layui-icon-email:before {content:"\e618"}
.layui-icon-subtraction:before {content:"\e67e"}
.layui-icon-mike:before {content:"\e6dc"}
.layui-icon-light:before {content:"\e748"}
.layui-icon-gift:before {content:"\e627"}
.layui-icon-mute:before {content:"\e685"}
.layui-icon-reduce-circle:before {content:"\e616"}
.layui-icon-music:before {content:"\e690"}

/* ==============================================
   四、后台布局 Layout
============================================== */
.layui-layout-body, .layui-side, .layui-side-scroll {
    overflow-x: hidden;
}
.layui-header, .layui-main {
    position: relative;
}
.layui-main {
    width: 1140px;
    margin: 0 auto;
}
.layui-header {
    z-index: 1000;
    height: 60px;
}
.layui-header a:hover {
    transition: all .5s;
    -webkit-transition: all .5s;
}
.layui-side {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    width: 200px;
}
.layui-side-scroll {
    position: relative;
    width: 220px;
    height: 100%;
}
.layui-body {
    position: relative;
    left: 200px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 900;
    width: auto;
    box-sizing: border-box;
}

/* 标准后台布局 */
.layui-layout-admin .layui-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #23262E;
}
.layui-layout-admin .layui-side {
    top: 60px;
    width: 200px;
    overflow-x: hidden;
}
.layui-layout-admin .layui-body {
    position: absolute;
    top: 60px;
    padding-bottom: 44px;
}
.layui-layout-admin .layui-main {
    width: auto;
    margin: 0 15px;
}
.layui-layout-admin .layui-footer {
    position: fixed;
    left: 200px;
    right: 0;
    bottom: 0;
    z-index: 990;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    box-shadow: -1px 0 4px rgba(0,0,0,.12);
    background-color: #FAFAFA;
}
.layui-layout-admin .layui-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    color: #009688;
    font-size: 16px;
}
.layui-layout-admin .layui-header .layui-nav {
    background: 0 0;
}
.layui-layout-left {
    position: absolute !important;
    left: 200px;
    top: 0;
}
.layui-layout-right {
    position: absolute !important;
    right: 0;
    top: 0;
}

/* ==============================================
   五、栅格系统 Grid 响应式 全补齐版
============================================== */
.layui-container {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
}
.layui-fluid {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}
.layui-row:after, .layui-row:before {
    content: "";
    display: block;
    clear: both;
}

/* 所有列基础统一定义 */
.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,
.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,
.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,
.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {
    position: relative;
    display: block;
    box-sizing: border-box;
}

/* 超小屏 xs <768px */
.layui-col-xs1,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,
.layui-col-xs7,.layui-col-xs8,.layui-col-xs9,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12 {
    float: left;
}
.layui-col-xs1 {width:8.33333333%}
.layui-col-xs2 {width:16.66666667%}
.layui-col-xs3 {width:25%}
.layui-col-xs4 {width:33.33333333%}
.layui-col-xs5 {width:41.66666667%}
.layui-col-xs6 {width:50%}
.layui-col-xs7 {width:58.33333333%}
.layui-col-xs8 {width:66.66666667%}
.layui-col-xs9 {width:75%}
.layui-col-xs10 {width:83.33333333%}
.layui-col-xs11 {width:91.66666667%}
.layui-col-xs12 {width:100%}

/* xs 偏移 */
.layui-col-xs-offset1 {margin-left:8.33333333%}
.layui-col-xs-offset2 {margin-left:16.66666667%}
.layui-col-xs-offset3 {margin-left:25%}
.layui-col-xs-offset4 {margin-left:33.33333333%}
.layui-col-xs-offset5 {margin-left:41.66666667%}
.layui-col-xs-offset6 {margin-left:50%}
.layui-col-xs-offset7 {margin-left:58.33333333%}
.layui-col-xs-offset8 {margin-left:66.66666667%}
.layui-col-xs-offset9 {margin-left:75%}
.layui-col-xs-offset10 {margin-left:83.33333333%}
.layui-col-xs-offset11 {margin-left:91.66666667%}
.layui-col-xs-offset12 {margin-left:100%}

/* 小屏 sm ≥768px */
@media screen and (min-width:768px){
    .layui-container {width:750px}
    .layui-hide-sm {display:none !important}
    .layui-show-sm-block {display:block !important}
    .layui-show-sm-inline {display:inline !important}
    .layui-show-sm-inline-block {display:inline-block !important}
    .layui-col-sm1,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,
    .layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12 {
        float: left;
    }
    .layui-col-sm1 {width:8.33333333%}
    .layui-col-sm2 {width:16.66666667%}
    .layui-col-sm3 {width:25%}
    .layui-col-sm4 {width:33.33333333%}
    .layui-col-sm5 {width:41.66666667%}
    .layui-col-sm6 {width:50%}
    .layui-col-sm7 {width:58.33333333%}
    .layui-col-sm8 {width:66.66666667%}
    .layui-col-sm9 {width:75%}
    .layui-col-sm10 {width:83.33333333%}
    .layui-col-sm11 {width:91.66666667%}
    .layui-col-sm12 {width:100%}

    .layui-col-sm-offset1 {margin-left:8.33333333%}
    .layui-col-sm-offset2 {margin-left:16.66666667%}
    .layui-col-sm-offset3 {margin-left:25%}
    .layui-col-sm-offset4 {margin-left:33.33333333%}
    .layui-col-sm-offset5 {margin-left:41.66666667%}
    .layui-col-sm-offset6 {margin-left:50%}
    .layui-col-sm-offset7 {margin-left:58.33333333%}
    .layui-col-sm-offset8 {margin-left:66.66666667%}
    .layui-col-sm-offset9 {margin-left:75%}
    .layui-col-sm-offset10 {margin-left:83.33333333%}
    .layui-col-sm-offset11 {margin-left:91.66666667%}
    .layui-col-sm-offset12 {margin-left:100%}
}

/* 中屏 md ≥992px */
@media screen and (min-width:992px){
    .layui-container {width:970px}
    .layui-hide-md {display:none !important}
    .layui-col-md1,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,
    .layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-md10,.layui-col-md11,.layui-col-md12 {
        float: left;
    }
    .layui-col-md1 {width:8.33333333%}
    .layui-col-md2 {width:16.66666667%}
    .layui-col-md3 {width:25%}
    .layui-col-md4 {width:33.33333333%}
    .layui-col-md5 {width:41.66666667%}
    .layui-col-md6 {width:50%}
    .layui-col-md7 {width:58.33333333%}
    .layui-col-md8 {width:66.66666667%}
    .layui-col-md9 {width:75%}
    .layui-col-md10 {width:83.33333333%}
    .layui-col-md11 {width:91.66666667%}
    .layui-col-md12 {width:100%}

    .layui-col-md-offset1 {margin-left:8.33333333%}
    .layui-col-md-offset2 {margin-left:16.66666667%}
    .layui-col-md-offset3 {margin-left:25%}
    .layui-col-md-offset4 {margin-left:33.33333333%}
    .layui-col-md-offset5 {margin-left:41.66666667%}
    .layui-col-md-offset6 {margin-left:50%}
    .layui-col-md-offset7 {margin-left:58.33333333%}
    .layui-col-md-offset8 {margin-left:66.66666667%}
    .layui-col-md-offset9 {margin-left:75%}
    .layui-col-md-offset10 {margin-left:83.33333333%}
    .layui-col-md-offset11 {margin-left:91.66666667%}
    .layui-col-md-offset12 {margin-left:100%}
}

/* 大屏 lg ≥1200px */
@media screen and (min-width:1200px){
    .layui-container {width:1200px}
    .layui-hide-lg {display:none !important}
    .layui-col-lg1,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,
    .layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12 {
        float: left;
    }
    .layui-col-lg1 {width:8.33333333%}
    .layui-col-lg2 {width:16.66666667%}
    .layui-col-lg3 {width:25%}
    .layui-col-lg4 {width:33.33333333%}
    .layui-col-lg5 {width:41.66666667%}
    .layui-col-lg6 {width:50%}
    .layui-col-lg7 {width:58.33333333%}
    .layui-col-lg8 {width:66.66666667%}
    .layui-col-lg9 {width:75%}
    .layui-col-lg10 {width:83.33333333%}
    .layui-col-lg11 {width:91.66666667%}
    .layui-col-lg12 {width:100%}

    .layui-col-lg-offset1 {margin-left:8.33333333%}
    .layui-col-lg-offset2 {margin-left:16.66666667%}
    .layui-col-lg-offset3 {margin-left:25%}
    .layui-col-lg-offset4 {margin-left:33.33333333%}
    .layui-col-lg-offset5 {margin-left:41.66666667%}
    .layui-col-lg-offset6 {margin-left:50%}
    .layui-col-lg-offset7 {margin-left:58.33333333%}
    .layui-col-lg-offset8 {margin-left:66.66666667%}
    .layui-col-lg-offset9 {margin-left:75%}
    .layui-col-lg-offset10 {margin-left:83.33333333%}
    .layui-col-lg-offset11 {margin-left:91.66666667%}
    .layui-col-lg-offset12 {margin-left:100%}
}
/* 中大屏 ≥1400px 新增 */
@media screen and (min-width:1400px){
    .layui-container {width:1400px}
    .layui-hide-1400 {display:none !important}
    .layui-col-lg1,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,
    .layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12 {
        float: left;
    }
    .layui-col-lg1 {width:8.33333333%}
    .layui-col-lg2 {width:16.66666667%}
    .layui-col-lg3 {width:25%}
    .layui-col-lg4 {width:33.33333333%}
    .layui-col-lg5 {width:41.66666667%}
    .layui-col-lg6 {width:50%}
    .layui-col-lg7 {width:58.33333333%}
    .layui-col-lg8 {width:66.66666667%}
    .layui-col-lg9 {width:75%}
    .layui-col-lg10 {width:83.33333333%}
    .layui-col-lg11 {width:91.66666667%}
    .layui-col-lg12 {width:100%}

    .layui-col-lg-offset1 {margin-left:8.33333333%}
    .layui-col-lg-offset2 {margin-left:16.66666667%}
    .layui-col-lg-offset3 {margin-left:25%}
    .layui-col-lg-offset4 {margin-left:33.33333333%}
    .layui-col-lg-offset5 {margin-left:41.66666667%}
    .layui-col-lg-offset6 {margin-left:50%}
    .layui-col-lg-offset7 {margin-left:58.33333333%}
    .layui-col-lg-offset8 {margin-left:66.66666667%}
    .layui-col-lg-offset9 {margin-left:75%}
    .layui-col-lg-offset10 {margin-left:83.33333333%}
    .layui-col-lg-offset11 {margin-left:91.66666667%}
    .layui-col-lg-offset12 {margin-left:100%}
}

/* 超大屏 ≥1600px */
@media screen and (min-width:1600px){
    .layui-container {width:1600px}
}

/* 列间距 */
.layui-col-space1 {margin:-.5px;} .layui-col-space1>* {padding:.5px;}
.layui-col-space2 {margin:-1px;}  .layui-col-space2>* {padding:1px;}
.layui-col-space4 {margin:-2px;}  .layui-col-space4>* {padding:2px;}
.layui-col-space5 {margin:-2.5px;}.layui-col-space5>* {padding:2.5px;}
.layui-col-space6 {margin:-3px;}  .layui-col-space6>* {padding:3px;}
.layui-col-space8 {margin:-4px;}  .layui-col-space8>* {padding:4px;}
.layui-col-space10 {margin:-5px;} .layui-col-space10>* {padding:5px;}
.layui-col-space12 {margin:-6px;} .layui-col-space12>* {padding:6px;}
.layui-col-space15 {margin:-7.5px;}.layui-col-space15>* {padding:7.5px;}
.layui-col-space20 {margin:-10px;}.layui-col-space20>* {padding:10px;}
.layui-col-space30 {margin:-15px;}.layui-col-space30>* {padding:15px;}

/* ==============================================
   六、按钮组件 Button
============================================== */
.layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
}
.layui-btn:hover {
    opacity: 0.9;
    color: #fff;
}
.layui-btn-primary {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    color: #333;
}
.layui-btn-primary:hover {
    border-color: #009688;
    color: #009688;
}
.layui-btn-normal {background-color: #1E9FFF;}
.layui-btn-warm  {background-color: #FFB800;}
.layui-btn-danger {background-color: #FF5722;}
.layui-btn-disabled {
    background-color: #e6e6e6 !important;
    color: #999 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}
.layui-btn-sm {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}
.layui-btn-lg {
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    font-size: 16px;
}
.layui-btn-fluid {
    display: block;
    width: 100%;
}
.layui-btn-radius {
    border-radius: 30px;
}

/* ==============================================
   七、表单组件 Form
============================================== */
.layui-form-item {
    margin-bottom: 15px;
}
.layui-form-label {
    float: left;
    width: 100px;
    padding: 9px 15px;
    line-height: 20px;
    text-align: right;
    font-weight: 400;
    color: #666;
}
.layui-form-input, .layui-form-select, .layui-form-text {
    margin-left: 130px;
}
.layui-input {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    box-sizing: border-box;
}
.layui-input:focus {
    border-color: #009688;
}
.layui-textarea {
    min-height: 100px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}
.layui-form-checkbox, .layui-form-radio {
    display: inline-block;
    margin-right: 10px;
    padding-left: 25px;
    line-height: 26px;
    position: relative;
    cursor: pointer;
}

/* ==============================================
   八、表格组件 Table
============================================== */
.layui-table {
    width: 100%;
    margin: 10px 0;
    background-color: #fff;
}
.layui-table th, .layui-table td {
    padding: 9px 15px;
    border: 1px solid #e6e6e6;
    text-align: center;
}
.layui-table th {
    background-color: #f2f2f2;
    font-weight: 500;
}
.layui-table-hover tbody tr:hover {
    background-color: #f5fafe;
}
.layui-table-striped tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* ==============================================
   九、导航 & 面包屑 & 分页
============================================== */
.layui-nav {
    position: relative;
    background-color: #23262E;
}
.layui-nav-item {
    display: inline-block;
    line-height: 60px;
    padding: 0 20px;
    color: #fff;
}
.layui-nav-item a {
    color: #fff;
}
.layui-breadcrumb {
    padding: 0 15px;
    line-height: 30px;
    color: #666;
}
.layui-breadcrumb a {
    color: #666;
}
.layui-laypage {
    margin: 10px 0;
    text-align: center;
}
.layui-laypage a, .layui-laypage span {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e6e6e6;
    margin: 0 3px;
    border-radius: 2px;
}
.layui-laypage .layui-laypage-curr {
    background-color: #009688;
    color: #fff;
    border-color: #009688;
}

/* ==============================================
   十、卡片 & 弹窗 & 其它组件
============================================== */
.layui-card {
    margin: 15px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.layui-card-header {
    padding: 15px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 16px;
}
.layui-card-body {
    padding: 15px;
}
.layui-layer {
    position: fixed;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.layui-layer-title {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
}
.layui-layer-content {
    padding: 15px;
}